diffprism 0.44.0 → 0.45.0

package/dist/mcp-server.js

@@ -1,18 +1,12 @@
 import {
-  createGitHubClient,
-  fetchPullRequest,
-  fetchPullRequestDiff,
   isPrRef,
-  normalizePr,
-  parsePrRef,
-  resolveGitHubToken,
-  submitGitHubReview
-} from "./chunk-6J6PSBL2.js";
+  parsePrRef
+} from "./chunk-24B33UN6.js";
 import {
   ensureServer,
   isServerAlive,
   submitReviewToServer
-} from "./chunk-4IQOTAHD.js";
+} from "./chunk-RICVPPTE.js";
 import {
   getDiff
 } from "./chunk-QGWYCEJN.js";
@@ -27,6 +21,24 @@ import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js"
 import { z } from "zod";
 var lastGlobalSessionId = null;
 var lastGlobalServerInfo = null;
+async function resolveSessionId(explicitId, serverInfo) {
+  if (explicitId) return explicitId;
+  if (lastGlobalSessionId) return lastGlobalSessionId;
+  try {
+    const response = await fetch(
+      `http://localhost:${serverInfo.httpPort}/api/reviews`
+    );
+    if (response.ok) {
+      const data = await response.json();
+      if (data.sessions.length > 0) {
+        const sorted = [...data.sessions].sort((a, b) => b.createdAt - a.createdAt);
+        return sorted[0].id;
+      }
+    }
+  } catch {
+  }
+  return null;
+}
 async function handleLocalReview(diffRef, options) {
   const serverInfo = await ensureServer({ silent: true });
   const { result, sessionId } = await submitReviewToServer(
@@ -67,83 +79,63 @@ async function handleLocalReview(diffRef, options) {
   };
 }
 async function handlePrReview(pr, options) {
-  const token = resolveGitHubToken();
   const { owner, repo, number } = parsePrRef(pr);
-  const client = createGitHubClient(token);
-  const [prMetadata, rawDiff] = await Promise.all([
-    fetchPullRequest(client, owner, repo, number),
-    fetchPullRequestDiff(client, owner, repo, number)
-  ]);
-  if (!rawDiff.trim()) {
-    return {
-      mcpResult: {
-        content: [{
-          type: "text",
-          text: JSON.stringify({
-            decision: "approved",
-            comments: [],
-            summary: "PR has no changes to review."
-          }, null, 2)
-        }]
-      },
-      sessionId: "",
-      serverInfo: { httpPort: 0, wsPort: 0, pid: 0, startedAt: 0 }
-    };
-  }
-  const { payload } = normalizePr(rawDiff, prMetadata, {
-    title: options.title,
-    reasoning: options.reasoning
-  });
   const serverInfo = await ensureServer({ silent: true });
-  const { result, sessionId } = await submitReviewToServer(
-    serverInfo,
-    `PR #${number}`,
+  const response = await fetch(
+    `http://localhost:${serverInfo.httpPort}/api/pr/open`,
     {
-      injectedPayload: payload,
-      projectPath: `github:${owner}/${repo}`,
-      diffRef: `PR #${number}`,
-      timeoutMs: options.timeoutMs ?? 0
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ prUrl: pr })
     }
   );
-  if (!result) {
+  const data = await response.json();
+  if (!response.ok || !data.sessionId) {
     return {
       mcpResult: {
-        content: [{
-          type: "text",
-          text: JSON.stringify({
-            status: "session_created",
-            sessionId,
-            pr: `${owner}/${repo}#${number}`,
-            message: "Review session opened in DiffPrism dashboard. Use get_review_result to check for a decision."
-          }, null, 2)
-        }]
+        content: [{ type: "text", text: `Error: ${data.error ?? "Failed to open PR"}` }],
+        isError: true
       },
-      sessionId,
+      sessionId: "",
       serverInfo
     };
   }
-  if ((options.post_to_github || result.postToGithub) && result.decision !== "dismissed") {
-    const posted = await submitGitHubReview(client, owner, repo, number, result);
-    if (posted) {
-      return {
-        mcpResult: {
-          content: [{
-            type: "text",
-            text: JSON.stringify({
-              ...result,
-              githubReviewId: posted.reviewId,
-              githubReviewUrl: `${prMetadata.url}#pullrequestreview-${posted.reviewId}`
-            }, null, 2)
-          }]
-        },
-        sessionId,
-        serverInfo
-      };
+  const sessionId = data.sessionId;
+  if (options.timeoutMs && options.timeoutMs > 0) {
+    const start = Date.now();
+    while (Date.now() - start < options.timeoutMs) {
+      const resultResponse = await fetch(
+        `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/result`
+      );
+      if (resultResponse.ok) {
+        const resultData = await resultResponse.json();
+        if (resultData.result) {
+          return {
+            mcpResult: {
+              content: [{ type: "text", text: JSON.stringify(resultData.result, null, 2) }]
+            },
+            sessionId,
+            serverInfo
+          };
+        }
+      }
+      await new Promise((resolve) => setTimeout(resolve, 2e3));
     }
   }
   return {
     mcpResult: {
-      content: [{ type: "text", text: JSON.stringify(result, null, 2) }]
+      content: [{
+        type: "text",
+        text: JSON.stringify({
+          status: "session_created",
+          sessionId,
+          pr: `${owner}/${repo}#${number}`,
+          fileCount: data.fileCount,
+          localRepoConnected: !!data.localRepoPath,
+          localRepoPath: data.localRepoPath,
+          message: "PR review session opened in DiffPrism. Use get_pr_context, get_file_diff, get_file_context to explore the changes. Use add_review_comment to post findings."
+        }, null, 2)
+      }]
     },
     sessionId,
     serverInfo
@@ -152,7 +144,7 @@ async function handlePrReview(pr, options) {
 async function startMcpServer() {
   const server = new McpServer({
     name: "diffprism",
-    version: true ? "0.44.0" : "0.0.0-dev"
+    version: true ? "0.45.0" : "0.0.0-dev"
   });
   server.tool(
     "open_review",
@@ -743,6 +735,372 @@ async function startMcpServer() {
       }
     }
   );
+  server.tool(
+    "get_pr_context",
+    "Get a high-level overview of the active PR review session. Returns PR metadata (title, author, branches, URL), review briefing summary, file list with stats, and local repo path. Use this to orient yourself before diving into specific files.",
+    {
+      session_id: z.string().optional().describe("Review session ID. If omitted, uses the most recently created session.")
+    },
+    async ({ session_id }) => {
+      try {
+        const serverInfo = await isServerAlive();
+        if (!serverInfo) {
+          return {
+            content: [{ type: "text", text: "No global server running. Start one with `diffprism server`." }],
+            isError: true
+          };
+        }
+        const sessionId = await resolveSessionId(session_id, serverInfo);
+        if (!sessionId) {
+          return {
+            content: [{ type: "text", text: "No review session found. Open a PR review first with `diffprism review <PR URL>`." }],
+            isError: true
+          };
+        }
+        const response = await fetch(
+          `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/payload`
+        );
+        if (!response.ok) {
+          return {
+            content: [{ type: "text", text: `Session not found: ${sessionId}` }],
+            isError: true
+          };
+        }
+        const data = await response.json();
+        const { payload, projectPath } = data;
+        const result = {
+          sessionId,
+          projectPath,
+          localRepoConnected: !projectPath.startsWith("github:"),
+          pr: payload.metadata.githubPr ?? null,
+          title: payload.metadata.title,
+          description: payload.metadata.description,
+          briefingSummary: payload.briefing.summary,
+          triage: payload.briefing.triage,
+          files: payload.diffSet.files.map((f) => ({
+            path: f.path,
+            status: f.status,
+            additions: f.additions,
+            deletions: f.deletions,
+            language: f.language
+          })),
+          totalFiles: payload.diffSet.files.length
+        };
+        return {
+          content: [{ type: "text", text: JSON.stringify(result, null, 2) }]
+        };
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return {
+          content: [{ type: "text", text: `Error: ${message}` }],
+          isError: true
+        };
+      }
+    }
+  );
+  server.tool(
+    "get_file_diff",
+    "Get the diff hunks for a specific file in the active review session. Returns the file's changes (additions, deletions, hunks with line-level detail) and its briefing categorization. Use this to focus on one file at a time.",
+    {
+      file: z.string().describe("File path within the diff (e.g., 'src/index.ts')"),
+      session_id: z.string().optional().describe("Review session ID. If omitted, uses the most recently created session.")
+    },
+    async ({ file, session_id }) => {
+      try {
+        const serverInfo = await isServerAlive();
+        if (!serverInfo) {
+          return {
+            content: [{ type: "text", text: "No global server running. Start one with `diffprism server`." }],
+            isError: true
+          };
+        }
+        const sessionId = await resolveSessionId(session_id, serverInfo);
+        if (!sessionId) {
+          return {
+            content: [{ type: "text", text: "No review session found. Open a PR review first with `diffprism review <PR URL>`." }],
+            isError: true
+          };
+        }
+        const response = await fetch(
+          `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/payload`
+        );
+        if (!response.ok) {
+          return {
+            content: [{ type: "text", text: `Session not found: ${sessionId}` }],
+            isError: true
+          };
+        }
+        const data = await response.json();
+        const diffFile = data.payload.diffSet.files.find((f) => f.path === file);
+        if (!diffFile) {
+          const available = data.payload.diffSet.files.map((f) => f.path);
+          return {
+            content: [{ type: "text", text: `File not found in diff: "${file}". Available files:
+${available.join("\n")}` }],
+            isError: true
+          };
+        }
+        const { triage } = data.payload.briefing;
+        let category = "mechanical";
+        if (triage.critical.some((c) => c.file === file)) category = "critical";
+        else if (triage.notable.some((n) => n.file === file)) category = "notable";
+        return {
+          content: [{ type: "text", text: JSON.stringify({
+            path: diffFile.path,
+            oldPath: diffFile.oldPath,
+            status: diffFile.status,
+            language: diffFile.language,
+            additions: diffFile.additions,
+            deletions: diffFile.deletions,
+            triageCategory: category,
+            hunks: diffFile.hunks
+          }, null, 2) }]
+        };
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return {
+          content: [{ type: "text", text: `Error: ${message}` }],
+          isError: true
+        };
+      }
+    }
+  );
+  server.tool(
+    "get_file_context",
+    "Get the full content of a file from the local repository. Uses `git show` to read the file at the PR's head branch without switching branches. Requires the review session to be connected to a local repo (server must be running from within the repo clone).",
+    {
+      file: z.string().describe("File path relative to repo root (e.g., 'src/index.ts')"),
+      ref: z.string().optional().describe("Git ref to read from (e.g., 'origin/main', 'HEAD'). Defaults to the PR's head branch if available, otherwise HEAD."),
+      session_id: z.string().optional().describe("Review session ID. If omitted, uses the most recently created session.")
+    },
+    async ({ file, ref, session_id }) => {
+      try {
+        const serverInfo = await isServerAlive();
+        if (!serverInfo) {
+          return {
+            content: [{ type: "text", text: "No global server running. Start one with `diffprism server`." }],
+            isError: true
+          };
+        }
+        const sessionId = await resolveSessionId(session_id, serverInfo);
+        if (!sessionId) {
+          return {
+            content: [{ type: "text", text: "No review session found. Open a PR review first with `diffprism review <PR URL>`." }],
+            isError: true
+          };
+        }
+        const response = await fetch(
+          `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/payload`
+        );
+        if (!response.ok) {
+          return {
+            content: [{ type: "text", text: `Session not found: ${sessionId}` }],
+            isError: true
+          };
+        }
+        const data = await response.json();
+        if (data.projectPath.startsWith("github:")) {
+          return {
+            content: [{ type: "text", text: "No local repo connected. Run the server from within a local clone of the repository to enable file context." }],
+            isError: true
+          };
+        }
+        const gitRef = ref ?? (data.payload.metadata.githubPr?.headBranch ? `origin/${data.payload.metadata.githubPr.headBranch}` : "HEAD");
+        const { execSync } = await import("child_process");
+        let content;
+        try {
+          content = execSync(`git show ${gitRef}:${file}`, {
+            cwd: data.projectPath,
+            encoding: "utf-8",
+            stdio: ["pipe", "pipe", "pipe"],
+            maxBuffer: 10 * 1024 * 1024
+            // 10MB
+          });
+        } catch {
+          const fs = await import("fs");
+          const path = await import("path");
+          const filePath = path.join(data.projectPath, file);
+          try {
+            content = fs.readFileSync(filePath, "utf-8");
+          } catch {
+            return {
+              content: [{ type: "text", text: `File not found: "${file}" (tried git show ${gitRef}:${file} and working tree)` }],
+              isError: true
+            };
+          }
+        }
+        return {
+          content: [{ type: "text", text: JSON.stringify({
+            file,
+            ref: gitRef,
+            projectPath: data.projectPath,
+            content,
+            lineCount: content.split("\n").length
+          }, null, 2) }]
+        };
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return {
+          content: [{ type: "text", text: `Error: ${message}` }],
+          isError: true
+        };
+      }
+    }
+  );
+  server.tool(
+    "add_review_comment",
+    "Post a review comment to the active session. The comment appears in the DiffPrism browser UI in real-time as an inline annotation on the diff. Use this to leave findings, suggestions, or questions about specific lines of code.",
+    {
+      file: z.string().describe("File path within the diff"),
+      line: z.number().describe("Line number to comment on"),
+      body: z.string().describe("The comment text"),
+      type: z.enum(["comment", "suggestion", "concern"]).optional().describe("Type of comment (default: 'comment')"),
+      session_id: z.string().optional().describe("Review session ID. If omitted, uses the most recently created session.")
+    },
+    async ({ file, line, body, type, session_id }) => {
+      try {
+        const serverInfo = await isServerAlive();
+        if (!serverInfo) {
+          return {
+            content: [{ type: "text", text: "No global server running. Start one with `diffprism server`." }],
+            isError: true
+          };
+        }
+        const sessionId = await resolveSessionId(session_id, serverInfo);
+        if (!sessionId) {
+          return {
+            content: [{ type: "text", text: "No review session found. Open a PR review first with `diffprism review <PR URL>`." }],
+            isError: true
+          };
+        }
+        const annotationType = type === "concern" ? "warning" : type === "suggestion" ? "suggestion" : "finding";
+        const response = await fetch(
+          `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/annotations`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              file,
+              line,
+              body,
+              type: annotationType,
+              confidence: 1,
+              category: "other",
+              source: {
+                agent: "ai-reviewer",
+                tool: "add_review_comment"
+              }
+            })
+          }
+        );
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          return {
+            content: [{ type: "text", text: `Error: ${errorData.error ?? `Server returned ${response.status}`}` }],
+            isError: true
+          };
+        }
+        const data = await response.json();
+        return {
+          content: [{ type: "text", text: JSON.stringify({ annotationId: data.annotationId, sessionId }, null, 2) }]
+        };
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return {
+          content: [{ type: "text", text: `Error: ${message}` }],
+          isError: true
+        };
+      }
+    }
+  );
+  server.tool(
+    "get_review_comments",
+    "Get all comments and annotations on the active review session. Returns findings from agents and inline comments from human reviewers. Use this to see what has already been noted before adding your own comments.",
+    {
+      session_id: z.string().optional().describe("Review session ID. If omitted, uses the most recently created session.")
+    },
+    async ({ session_id }) => {
+      try {
+        const serverInfo = await isServerAlive();
+        if (!serverInfo) {
+          return {
+            content: [{ type: "text", text: "No global server running. Start one with `diffprism server`." }],
+            isError: true
+          };
+        }
+        const sessionId = await resolveSessionId(session_id, serverInfo);
+        if (!sessionId) {
+          return {
+            content: [{ type: "text", text: "No review session found. Open a PR review first with `diffprism review <PR URL>`." }],
+            isError: true
+          };
+        }
+        const response = await fetch(
+          `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/annotations`
+        );
+        if (!response.ok) {
+          return {
+            content: [{ type: "text", text: `Session not found: ${sessionId}` }],
+            isError: true
+          };
+        }
+        const data = await response.json();
+        return {
+          content: [{ type: "text", text: JSON.stringify({ sessionId, annotations: data.annotations }, null, 2) }]
+        };
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return {
+          content: [{ type: "text", text: `Error: ${message}` }],
+          isError: true
+        };
+      }
+    }
+  );
+  server.tool(
+    "get_user_focus",
+    "Get what the user is currently looking at in the DiffPrism review UI. Returns the file they have selected and any line range they are focused on. Use this to provide context-aware help \u2014 answer questions about the code the user is actively reviewing.",
+    {
+      session_id: z.string().optional().describe("Review session ID. If omitted, uses the most recently created session.")
+    },
+    async ({ session_id }) => {
+      try {
+        const serverInfo = await isServerAlive();
+        if (!serverInfo) {
+          return {
+            content: [{ type: "text", text: "No global server running. Start one with `diffprism server`." }],
+            isError: true
+          };
+        }
+        const sessionId = await resolveSessionId(session_id, serverInfo);
+        if (!sessionId) {
+          return {
+            content: [{ type: "text", text: "No review session found. Open a PR review first with `diffprism review <PR URL>`." }],
+            isError: true
+          };
+        }
+        const response = await fetch(
+          `http://localhost:${serverInfo.httpPort}/api/reviews/${sessionId}/focus`
+        );
+        if (!response.ok) {
+          return {
+            content: [{ type: "text", text: `Session not found: ${sessionId}` }],
+            isError: true
+          };
+        }
+        const data = await response.json();
+        return {
+          content: [{ type: "text", text: JSON.stringify({ sessionId, ...data }, null, 2) }]
+        };
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return {
+          content: [{ type: "text", text: `Error: ${message}` }],
+          isError: true
+        };
+      }
+    }
+  );
   const transport = new StdioServerTransport();
   await server.connect(transport);
 }

package/dist/src-KF5HRJPX.js

@@ -0,0 +1,23 @@
+import {
+  createGitHubClient,
+  fetchPullRequest,
+  fetchPullRequestDiff,
+  isPrRef,
+  normalizePr,
+  parsePrRef,
+  resolveGitHubToken,
+  submitGitHubReview
+} from "./chunk-24B33UN6.js";
+import "./chunk-QGWYCEJN.js";
+import "./chunk-DHCVZGHE.js";
+import "./chunk-JSBRDJBE.js";
+export {
+  createGitHubClient,
+  fetchPullRequest,
+  fetchPullRequestDiff,
+  isPrRef,
+  normalizePr,
+  parsePrRef,
+  resolveGitHubToken,
+  submitGitHubReview
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diffprism",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "type": "module",
   "description": "Local-first code review tool for agent-generated code changes",
   "bin": {

package/ui-dist/assets/index-AgilKYdG.css

@@ -0,0 +1 @@
+:root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color)}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color)}.diff td{padding-bottom:0;padding-top:0;vertical-align:top}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5}.diff-gutter>a{color:inherit;display:block}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color)}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color)}.diff-gutter-omit{cursor:default}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color)}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all}.diff-code-edit{color:inherit}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color)}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color)}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color)}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color)}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color)}.diff-widget-content{vertical-align:top}.diff-gutter-col{width:7ch}.diff-gutter-omit{height:0}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-3{left:.75rem}.right-0{right:0}.right-1\.5{right:.375rem}.right-2{right:.5rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-\[280px\]{max-height:280px}.max-h-\[40\%\]{max-height:40%}.max-h-\[80vh\]{max-height:80vh}.min-h-0{min-height:0px}.min-h-\[20px\]{min-height:20px}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-\[180px\]{max-width:180px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-3{row-gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-accent{border-color:var(--color-accent)}.border-border{border-color:var(--color-border)}.border-transparent{border-color:transparent}.border-l-accent{border-left-color:var(--color-accent)}.border-l-transparent{border-left-color:transparent}.border-l-warning{border-left-color:var(--color-warning)}.border-r-border{border-right-color:var(--color-border)}.border-t-accent{border-top-color:var(--color-accent)}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-black\/50{background-color:#00000080}.bg-border{background-color:var(--color-border)}.bg-info{background-color:var(--color-info)}.bg-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent{color:var(--color-accent)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-neutral{color:var(--color-neutral)}.text-perf{color:var(--color-perf)}.text-success{color:var(--color-success)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-warning{color:var(--color-warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.accent-accent{accent-color:var(--color-accent)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}:root{--color-background: #e5e9f2;--color-surface: #d8dde9;--color-border: #b3bbd0;--color-text-primary: #141828;--color-text-secondary: #434e65;--color-accent: #4f3fba;--color-diff-bg: #e5e9f2;--color-diff-text: #141828;--color-gutter-bg: #d8dde9;--color-gutter-text: #434e65;--color-gutter-border: #b3bbd0;--color-diff-insert-bg: rgba(30, 160, 120, .15);--color-diff-insert-gutter-bg: rgba(30, 160, 120, .22);--color-diff-insert-gutter-text: #14704f;--color-diff-delete-bg: rgba(210, 75, 65, .15);--color-diff-delete-gutter-bg: rgba(210, 75, 65, .22);--color-diff-delete-gutter-text: #b02e26;--color-hunk-bg: rgba(90, 72, 201, .1);--color-hunk-border: #b3bbd0;--color-hunk-gutter-bg: rgba(79, 63, 186, .15);--color-hunk-gutter-text: #4f3fba;--color-hunk-content-text: #434e65;--color-diff-edit-insert: rgba(30, 160, 120, .42);--color-diff-edit-delete: rgba(210, 75, 65, .42);--color-split-divider: #b3bbd0;--color-widget-bg: #d8dde9;--color-comment-btn-bg: #167a5c;--color-comment-indicator: #4f3fba;--color-annotation-indicator: #c07820;--color-scrollbar-track: #e5e9f2;--color-scrollbar-thumb: #b3bbd0;--color-scrollbar-thumb-hover: #98a2b8;--color-token-comment: #6b7a8f;--color-token-punctuation: #1a1f2e;--color-token-property: #0b6e82;--color-token-string: #0e7a5c;--color-token-operator: #c93c33;--color-token-keyword: #6e45c9;--color-token-function: #2870c9;--color-token-variable: #b06e18;--color-success: #0e7a5c;--color-danger: #c93c33;--color-warning: #b06e18;--color-info: #2870c9;--color-neutral: #6b7a8f;--color-perf: #c07820;--color-added: rgba(30, 160, 120, .4);--color-deleted: rgba(210, 75, 65, .4)}.dark{--color-background: #0b0f1a;--color-surface: #131829;--color-border: #252d3f;--color-text-primary: #dfe5f1;--color-text-secondary: #7585a3;--color-accent: #7c6bf0;--color-diff-bg: #0b0f1a;--color-diff-text: #dfe5f1;--color-gutter-bg: #111623;--color-gutter-text: #7585a3;--color-gutter-border: #252d3f;--color-diff-insert-bg: rgba(45, 185, 140, .12);--color-diff-insert-gutter-bg: rgba(45, 185, 140, .18);--color-diff-insert-gutter-text: #5ee0b2;--color-diff-delete-bg: rgba(235, 100, 90, .12);--color-diff-delete-gutter-bg: rgba(235, 100, 90, .18);--color-diff-delete-gutter-text: #f07068;--color-hunk-bg: rgba(124, 107, 240, .08);--color-hunk-border: #252d3f;--color-hunk-gutter-bg: rgba(124, 107, 240, .12);--color-hunk-gutter-text: #9688f0;--color-hunk-content-text: #7585a3;--color-diff-edit-insert: rgba(45, 185, 140, .35);--color-diff-edit-delete: rgba(235, 100, 90, .35);--color-split-divider: #252d3f;--color-widget-bg: #131829;--color-comment-btn-bg: #2db98c;--color-comment-indicator: #7c6bf0;--color-annotation-indicator: #e0a050;--color-scrollbar-track: #0b0f1a;--color-scrollbar-thumb: #252d3f;--color-scrollbar-thumb-hover: #3a4560;--color-token-comment: #5f6f8a;--color-token-punctuation: #bec8db;--color-token-property: #56c8e0;--color-token-string: #42c9a2;--color-token-operator: #f07a6e;--color-token-keyword: #b08df0;--color-token-function: #6aabf7;--color-token-variable: #e0a050;--color-success: #42c9a2;--color-danger: #f07a6e;--color-warning: #e0a050;--color-info: #6aabf7;--color-neutral: #5f6f8a;--color-perf: #e89040;--color-added: rgba(45, 185, 140, .4);--color-deleted: rgba(235, 100, 90, .4)}.diff-unified,.diff-split{background-color:var(--color-diff-bg);color:var(--color-diff-text);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:20px}.diff-unified .diff-gutter,.diff-split .diff-gutter{background-color:var(--color-gutter-bg);color:var(--color-gutter-text);border-right:1px solid var(--color-gutter-border);padding:0 8px;min-width:50px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.diff-unified .diff-gutter-col,.diff-split .diff-gutter-col{width:60px;min-width:60px}.diff-unified .diff-code,.diff-split .diff-code{padding:0 12px;white-space:pre}.diff-unified .diff-code-insert,.diff-split .diff-code-insert{background-color:var(--color-diff-insert-bg)}.diff-unified .diff-code-insert .diff-code-text,.diff-split .diff-code-insert .diff-code-text{background-color:transparent}.diff-unified .diff-gutter-insert,.diff-split .diff-gutter-insert{background-color:var(--color-diff-insert-gutter-bg);color:var(--color-diff-insert-gutter-text)}.diff-unified .diff-code-delete,.diff-split .diff-code-delete{background-color:var(--color-diff-delete-bg)}.diff-unified .diff-code-delete .diff-code-text,.diff-split .diff-code-delete .diff-code-text{background-color:transparent}.diff-unified .diff-gutter-delete,.diff-split .diff-gutter-delete{background-color:var(--color-diff-delete-gutter-bg);color:var(--color-diff-delete-gutter-text)}.diff-unified .diff-code-normal,.diff-split .diff-code-normal{background-color:transparent}.diff-unified .diff-gutter-normal,.diff-split .diff-gutter-normal{background-color:var(--color-gutter-bg)}.diff-unified .diff-hunk-header,.diff-split .diff-hunk-header{background-color:var(--color-hunk-bg);border-top:1px solid var(--color-hunk-border);border-bottom:1px solid var(--color-hunk-border)}.diff-unified .diff-hunk-header-gutter,.diff-split .diff-hunk-header-gutter{background-color:var(--color-hunk-gutter-bg);color:var(--color-hunk-gutter-text)}.diff-unified .diff-hunk-header-content,.diff-split .diff-hunk-header-content{color:var(--color-hunk-content-text);padding:4px 12px;font-style:italic}.diff-unified .diff-code-edit .diff-code-text .diff-code-edit-text,.diff-split .diff-code-edit .diff-code-text .diff-code-edit-text{background-color:var(--color-diff-edit-insert);border-radius:2px}.diff-unified .diff-code-delete .diff-code-text .diff-code-edit-text,.diff-split .diff-code-delete .diff-code-text .diff-code-edit-text{background-color:var(--color-diff-edit-delete);border-radius:2px}.diff-unified table,.diff-split table{width:100%;border-collapse:collapse;table-layout:fixed}.diff-unified td,.diff-split td{vertical-align:top}.diff-split .diff-split-side-new .diff-gutter{border-left:1px solid var(--color-split-divider)}.diff-unified .token.comment,.diff-unified .token.prolog,.diff-unified .token.doctype,.diff-unified .token.cdata,.diff-split .token.comment,.diff-split .token.prolog,.diff-split .token.doctype,.diff-split .token.cdata{color:var(--color-token-comment)}.diff-unified .token.punctuation,.diff-split .token.punctuation{color:var(--color-token-punctuation)}.diff-unified .token.property,.diff-unified .token.tag,.diff-unified .token.boolean,.diff-unified .token.number,.diff-unified .token.constant,.diff-unified .token.symbol,.diff-split .token.property,.diff-split .token.tag,.diff-split .token.boolean,.diff-split .token.number,.diff-split .token.constant,.diff-split .token.symbol{color:var(--color-token-property)}.diff-unified .token.selector,.diff-unified .token.attr-name,.diff-unified .token.string,.diff-unified .token.char,.diff-unified .token.builtin,.diff-split .token.selector,.diff-split .token.attr-name,.diff-split .token.string,.diff-split .token.char,.diff-split .token.builtin{color:var(--color-token-string)}.diff-unified .token.operator,.diff-unified .token.entity,.diff-unified .token.url,.diff-split .token.operator,.diff-split .token.entity,.diff-split .token.url{color:var(--color-token-operator)}.diff-unified .token.atrule,.diff-unified .token.attr-value,.diff-unified .token.keyword,.diff-split .token.atrule,.diff-split .token.attr-value,.diff-split .token.keyword{color:var(--color-token-keyword)}.diff-unified .token.function,.diff-unified .token.class-name,.diff-split .token.function,.diff-split .token.class-name{color:var(--color-token-function)}.diff-unified .token.regex,.diff-unified .token.important,.diff-unified .token.variable,.diff-split .token.regex,.diff-split .token.important,.diff-split .token.variable{color:var(--color-token-variable)}.diff-unified .token.string,.diff-split .token.string{color:var(--color-token-string)}.diff-hunk-focused{outline:2px solid var(--color-accent);outline-offset:-2px}.diff-unified .diff-gutter,.diff-split .diff-gutter{cursor:pointer;position:relative}.diff-gutter-add-comment{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;background-color:var(--color-comment-btn-bg);color:#fff;font-size:12px;font-weight:700;line-height:1;position:absolute;left:2px;top:50%;transform:translateY(-50%)}.diff-comment-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--color-comment-indicator);position:absolute;left:4px;top:50%;transform:translateY(-50%)}.diff-annotation-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--color-annotation-indicator);position:absolute;left:4px;top:50%;transform:translateY(-50%)}.diff-widget{background-color:var(--color-widget-bg)}.diff-widget-content{padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.placeholder\:text-text-secondary::-moz-placeholder{color:var(--color-text-secondary)}.placeholder\:text-text-secondary::placeholder{color:var(--color-text-secondary)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-danger:hover{color:var(--color-danger)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-accent:focus{border-color:var(--color-accent)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-text-primary{color:var(--color-text-primary)}.group\/annotation:hover .group-hover\/annotation\:opacity-100,.group\/comment:hover .group-hover\/comment\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}