termdock 1.4.384 → 1.4.385

package/dist/client/assets/DiffLab-C8svadyY.js

@@ -0,0 +1,455 @@
+import{di as e}from"./app-tcnqeifN.js";import{f as a}from"./dnd-CYu7YLJF.js";import{c as M,S as _,D as T}from"./DiffViewer-DIM3r9Q7.js";import"./terminal-DaiFCKy_.js";import"./referenceSelection-DKLf7hiZ.js";import"./git-compare-ktcVYjv7.js";import"./link-CMAGvREm.js";const w=`diff --git a/CommentGap.kt b/CommentGap.kt
+--- a/CommentGap.kt
++++ b/CommentGap.kt
+@@ -1,4 +1,4 @@
+ fun before(): Boolean {
+-    return false
++    return true
+ }
+ /**
+@@ -10,3 +10,4 @@
+ fun after(): Boolean {
+-    return false
++    val hasMultiSticky = true
++    return hasMultiSticky
+ }
+`,D=["fun before(): Boolean {","    return false","}","/**"," * Layout helper documentation"," * More documentation"," */","","","fun after(): Boolean {","    return false","}",""].join(`
+`),p={kotlinCommentGap:{label:"Kotlin comment gap (source unavailable)",path:"CommentGap.kt",diff:w},kotlinCommentGapWithSource:{label:"Kotlin comment gap (complete source)",path:"CommentGap.kt",diff:w,oldSource:D},chineseParagraphExpansion:{label:"Chinese paragraph expansion (AGENTS.md)",path:"AGENTS.md",diff:"diff --git a/AGENTS.md b/AGENTS.md\n--- a/AGENTS.md\n+++ b/AGENTS.md\n@@ -51,3 +51,3 @@\n 5. 编辑任务不自动授权提交或发布。\n-6. 查看字节内部平台链接或页面时优先查找并使用 `bytedcli` 对应子命令获取结构化信息；仅在确认 `bytedcli` 不支持、受鉴权或能力限制，或无法取得具体信息后，才使用 AI Chrome / `agent-browser` 等浏览器方式补充，禁止一开始直接使用浏览器。\n+6. 查看或读取字节内部平台的数据、链接或页面时，先使用对应的结构化 CLI：飞书群聊、文档、Base、Minutes 等优先使用 `lark-cli`，其他内部平台先查找并使用 `bytedcli` 对应子命令。只有确认 CLI 不支持、受鉴权或能力限制，或无法取得具体信息后，才允许用 AI Chrome、`agent-browser`、Computer Use 或其他桌面 GUI 方式补充。用户说“读一下群消息”“看一下页面内容”等，默认是数据读取请求，不因为目标应用已经打开或登录就视为桌面操作请求；只有用户明确要求点击、输入、拖拽等可见界面操作时，才可直接使用 Computer Use。\n 7. 值班机 / DevBox 共享运维仓库例外。"},multilineRewrite:{label:"Multi-line alignment function rewrite",path:"DiffViewer.tsx",diff:`diff --git a/DiffViewer.tsx b/DiffViewer.tsx
+--- a/DiffViewer.tsx
++++ b/DiffViewer.tsx
+@@ -714,28 +714,14 @@
+       block.push(hunk.changes[cursor]);
+       cursor += 1;
+     }
+-    const deletes = block.filter((item) => item.type === 'delete');
+-    const inserts = block.filter((item) => item.type === 'insert');
+-    const pairs = pairChangedLinesForDisplay(
+-      deletes.map((item) => ({ content: item.content, lineNumber: getChangeLineNumber(item) ?? -1 })),
+-      inserts.map((item) => ({ content: item.content, lineNumber: getChangeLineNumber(item) ?? -1 })),
+-    );
+-    const oldIndexByLine = new Map(deletes.map((item, index) => [getChangeLineNumber(item) ?? -1, index]));
+-    const newIndexByLine = new Map(inserts.map((item, index) => [getChangeLineNumber(item) ?? -1, index]));
+-    let oldCursor = 0;
+-    let newCursor = 0;
+-    for (const pair of pairs) {
+-      const pairedOldIndex = oldIndexByLine.get(pair.oldLineNumber);
+-      const pairedNewIndex = newIndexByLine.get(pair.newLineNumber);
+-      if (pairedOldIndex === undefined || pairedNewIndex === undefined) continue;
+-      while (newCursor < pairedNewIndex) changes.push(inserts[newCursor++]);
+-      while (oldCursor < pairedOldIndex) changes.push(deletes[oldCursor++]);
+-      changes.push(deletes[pairedOldIndex], inserts[pairedNewIndex]);
+-      oldCursor = pairedOldIndex + 1;
+-      newCursor = pairedNewIndex + 1;
++    for (const { deletes, inserts } of splitChangedLineBlock(block)) {
++      // react-diff-view pairs a deletion immediately followed by an insertion.
++      // Top-align replacement blocks; only the excess lines stay one-sided.
++      for (let index = 0; index < Math.max(deletes.length, inserts.length); index += 1) {
++        if (deletes[index]) changes.push(deletes[index]);
++        if (inserts[index]) changes.push(inserts[index]);
++      }
+     }
+-    while (newCursor < inserts.length) changes.push(inserts[newCursor++]);
+-    while (oldCursor < deletes.length) changes.push(deletes[oldCursor++]);
+   }
+   return { ...hunk, changes };
+ }
+`},kotlinSignatureExpansion:{label:"Kotlin signature expansion + new parameter",path:"ScrollBackgroundManager.kt",diff:`diff --git a/ScrollBackgroundManager.kt b/ScrollBackgroundManager.kt
+--- a/ScrollBackgroundManager.kt
++++ b/ScrollBackgroundManager.kt
+@@ -331,3 +331,8 @@
+ 
+-    private fun innerReset2(resetHeight: Boolean, resetPropertyManager: Boolean = true, keepVisible: Boolean = false) {
++    private fun innerReset2(
++        resetHeight: Boolean,
++        resetPropertyManager: Boolean = true,
++        keepVisible: Boolean = false,
++        keepHeaderStyle: Boolean = keepVisible
++    ) {
+         val sameConfig = false
+`},kotlin:{label:"Kotlin function signature + callback",path:"SearchHintIconHelper.kt",diff:`diff --git a/SearchHintIconHelper.kt b/SearchHintIconHelper.kt
+--- a/SearchHintIconHelper.kt
++++ b/SearchHintIconHelper.kt
+@@ -43,15 +43,20 @@ object SearchHintIconHelper {
+
+ /** _________________________ Hybrid 标 _________________________ **/
+
+- fun buildNinePatchHybridIcon(alpha: Int, searchHintBeen: SearchHintBeen?, url: String, appendString: String?, tv: EditText, iconLeftMargin: Int, rootView: ViewGroup?, isSaaS: Boolean? = false) {
++ fun buildNinePatchHybridIcon(alpha: Int, searchHintBeen: SearchHintBeen?, url: String, appendString: String?, tv: EditText, iconLeftMargin: Int, rootView: ViewGroup?, isSaaS: Boolean? = false, shouldAttach: () -> Boolean = { true }) {
+      val ninePatchTV = buildNinePatchTextView(
+          text = SearchHintIconStrategy.getHintIconText(searchHintBeen),
+          color = SearchHintIconStrategy.getHintIconTextColor(searchHintBeen),
+      )
+      ResizableImageLoader.loadResizableImage(ninePatchTV, url, object :
+          ResizableImageLoader.LoadResizableImageCallback {
+          override fun onSuccess(ninePatchDrawable: NinePatchDrawable) {
++             if (!shouldAttach()) {
++                 return
++             }
+              createTagView(alpha, appendString, tv, iconLeftMargin, rootView, isSaaS, ninePatchTV, null)
+          }
+      })
+@@ -79,7 +84,7 @@ object SearchHintIconHelper {
+      rootView?.addView(ninePatchTV)
+      ninePatchTV.setOnClickListener {
+-         tracker.reportClick(searchHintBeen, url)
++         tracker.reportClick(searchHintBeen, url, source = "hint_icon")
+      }
+ }`},formatting:{label:"Formatting and whitespace noise",path:"settings.ts",diff:`diff --git a/settings.ts b/settings.ts
+--- a/settings.ts
++++ b/settings.ts
+@@ -10,14 +10,16 @@ export function normalizeSettings(input: Partial<Settings>): Settings {
+-  return { theme: input.theme ?? 'dark', fontSize: input.fontSize ?? 13, wrap: input.wrap ?? true };
++  return {
++    theme: input.theme ?? 'dark',
++    fontSize: input.fontSize ?? 13,
++    wrap: input.wrap ?? true,
++  };
+ }
+
+ export function isEnabled(value: string | null): boolean {
+-  return value === '1' || value === 'true' || value === 'yes'
++  return value === '1' || value === 'true' || value === 'yes';
+ }
+
+ export const DEFAULT_FILTERS = [
+-  'node_modules', 'dist', 'coverage',
++  'node_modules',
++  'dist',
++  'coverage',
+ ];`},json:{label:"JSON long-line mutation",path:"payload.json",diff:`diff --git a/payload.json b/payload.json
+--- a/payload.json
++++ b/payload.json
+@@ -1,9 +1,11 @@
+ {
+   "workspaceRoot": "/Users/bytedance/vscode/termdock",
+-  "mode": "basic",
++  "mode": "advanced",
+   "features": {
+     "diff": true,
+-    "inline": "chars"
++    "inline": "words",
++    "split": true,
++    "ignoreWhitespace": "trim"
+   },
+-  "updatedAt": 1783660000
++  "updatedAt": 1783661200
+ }`},moved:{label:"Moved block + small edits",path:"DiffToolbar.tsx",diff:`diff --git a/DiffToolbar.tsx b/DiffToolbar.tsx
+--- a/DiffToolbar.tsx
++++ b/DiffToolbar.tsx
+@@ -1,28 +1,32 @@
+ export function DiffToolbar({ settings, onChange }: Props) {
+-  const inlineOptions = [
+-    { value: 'words', label: 'Words' },
+-    { value: 'chars', label: 'Characters' },
+-    { value: 'none', label: 'Off' },
+-  ];
+-
+   const algorithmOptions = [
+     { value: 'default', label: 'Default' },
++    { value: 'histogram', label: 'Histogram' },
+     { value: 'patience', label: 'Patience' },
+-    { value: 'histogram', label: 'Histogram' },
+   ];
+
+   const whitespaceOptions = [
+     { value: 'default', label: 'All' },
+     { value: 'trim', label: 'Trim' },
+     { value: 'ignore', label: 'Ignore' },
++    { value: 'ignore-blank-lines', label: 'No blank lines' },
+   ];
+
++  const inlineOptions = [
++    { value: 'words', label: 'Words' },
++    { value: 'chars', label: 'Characters' },
++    { value: 'none', label: 'Off' },
++  ];
++
+   return (
+     <div className="toolbar">
+-      <Select label="Inline" value={settings.inline} options={inlineOptions} onChange={onChange.inline} />
+       <Select label="Algorithm" value={settings.algorithm} options={algorithmOptions} onChange={onChange.algorithm} />
+       <Select label="Whitespace" value={settings.whitespace} options={whitespaceOptions} onChange={onChange.whitespace} />
++      <Select label="Inline" value={settings.inline} options={inlineOptions} onChange={onChange.inline} />
+     </div>
+   );
+ }`},imports:{label:"Import-only noise",path:"SearchPresenter.kt",diff:`diff --git a/SearchPresenter.kt b/SearchPresenter.kt
+--- a/SearchPresenter.kt
++++ b/SearchPresenter.kt
+@@ -1,10 +1,11 @@
+ package com.example.search
+
+-import com.example.search.model.OldWord
+ import com.example.search.model.SuggestWord
++import com.example.search.model.SearchHint
+ import com.example.search.tracker.SearchTracker
++import com.example.search.util.SearchSession
+ import kotlinx.coroutines.CoroutineScope
+-import kotlinx.coroutines.Job
++import kotlinx.coroutines.SupervisorJob
+
+ class SearchPresenter(
+   private val tracker: SearchTracker,
+ )`},importTypeExpansion:{label:"Same-line import type expansion",path:"DiffStreamItem.tsx",diff:`diff --git a/src/lib/components/sidebar/DiffStreamItem.tsx b/src/lib/components/sidebar/DiffStreamItem.tsx
+--- a/src/lib/components/sidebar/DiffStreamItem.tsx
++++ b/src/lib/components/sidebar/DiffStreamItem.tsx
+@@ -1,6 +1,6 @@
+ import { useEffect, useState, useRef } from 'react';
+-import type { ChangeAuditRecord, GitChangedFile } from '../../terminal/api';
+-import { DiffViewer, type DiffViewType } from './DiffViewer';
++import type { ChangeAuditRecord, GitChangedFile, GitDiffOptions } from '../../terminal/api';
++import { DiffViewer, type DiffInlineMode, type DiffViewType } from './DiffViewer';
+
+ export interface DiffStreamFile {
+   path: string;`},commentContext:{label:"Kotlin block comment across hunks",path:"CommentContext.kt",oldSource:`class CommentContext {
+    /**
+     * Explains old behavior.
+     */
+    fun activeValue(): String {
+        return "old"
+    }
+
+    /**
+     * A second comment that ends before the next function.
+     */
+    fun nextValue(): String {
+        return "next"
+    }
+}`,diff:`diff --git a/CommentContext.kt b/CommentContext.kt
+--- a/CommentContext.kt
++++ b/CommentContext.kt
+@@ -1,8 +1,8 @@
+ class CommentContext {
+     /**
+-     * Explains old behavior.
++     * Explains new behavior.
+      */
+     fun activeValue(): String {
+-        return "old"
++        return "new"
+     }
+
+@@ -10,6 +10,9 @@ class CommentContext {
+      * A second comment that ends before the next function.
+      */
+     fun nextValue(): String {
+-        return "next"
++        val value = "next"
++        println(value)
++        return value
+     }
+ }`},insertThenModify:{label:"Insert block then modify next line",path:"InsertThenModify.ts",diff:`diff --git a/InsertThenModify.ts b/InsertThenModify.ts
+--- a/InsertThenModify.ts
++++ b/InsertThenModify.ts
+@@ -1,7 +1,10 @@
+ export function buildConfig(input: Input): Config {
+   const config = createBaseConfig(input);
++  config.enableDiffLab = true;
++  config.inlineMode = 'words';
++  config.algorithm = 'histogram';
+-  config.timeoutMs = 1000;
++  config.timeoutMs = 1500;
+   config.retry = 2;
+   return config;
+ }`},unrelatedReplacement:{label:"Unrelated replacement lines",path:"UnrelatedReplacement.ts",diff:`diff --git a/UnrelatedReplacement.ts b/UnrelatedReplacement.ts
+--- a/UnrelatedReplacement.ts
++++ b/UnrelatedReplacement.ts
+@@ -1,5 +1,5 @@
+ export function updateSession(request: Request) {
+-  const retries = calculateRetryBudget(request);
++  notifyObservers(session.status);
+   return session;
+ }`},repeatedScaffolding:{label:"Repeated code with one real replacement",path:"RepeatedScaffolding.ts",diff:`diff --git a/RepeatedScaffolding.ts b/RepeatedScaffolding.ts
+--- a/RepeatedScaffolding.ts
++++ b/RepeatedScaffolding.ts
+@@ -1,6 +1,7 @@
+ export function renderItems(items: Item[]) {
+-  items.map((item) => renderLegacy(item));
+-  items.map((item) => renderLegacy(item));
++  logger.debug('rendering modern items');
++  items.map((item) => renderModern(item));
++  items.map((item) => renderLegacy(item));
+   flushRenderQueue();
+ }`},movedAndEdited:{label:"Moved block across hunks with an edit",path:"MovedAndEdited.ts",diff:`diff --git a/MovedAndEdited.ts b/MovedAndEdited.ts
+--- a/MovedAndEdited.ts
++++ b/MovedAndEdited.ts
+@@ -1,8 +1,5 @@
+ export function run(input: Input) {
+-  const timeoutMs = config.timeoutMs;
+-  return runTask(timeoutMs);
+-
+   prepare(input);
+   return execute(input);
+ }
+@@ -20,4 +17,7 @@ export function configure(config: Config) {
+   validate(config);
++  const timeoutMs = config.timeoutMs;
++  return runTask(timeoutMs, signal);
++
+   persist(config);
+ }`},ifWrapper:{label:"Wrap an unchanged block in an if",path:"TaskRunner.ts",diff:`diff --git a/TaskRunner.ts b/TaskRunner.ts
+--- a/TaskRunner.ts
++++ b/TaskRunner.ts
+@@ -8,7 +8,9 @@ export function runTask(input: Input) {
+   const context = createContext(input);
+-  prepare(context);
+-  executeTask(context);
+-  finish(context);
++  if (shouldRun(context)) {
++    prepare(context);
++    executeTask(context);
++    finish(context);
++  }
+   return context;
+ }`},loopNesting:{label:"Reorder nested loops while preserving the inner block",path:"BlockRanges.ts",diff:`diff --git a/BlockRanges.ts b/BlockRanges.ts
+--- a/BlockRanges.ts
++++ b/BlockRanges.ts
+@@ -1,8 +1,9 @@
+ function projectBlockRanges(ranges: InlineDiffRange[], block: BlockText) {
+-  for (const range of ranges) {
+-    const rangeEnd = range.start + range.length;
+-    for (const line of block.lines) {
++  for (const line of block.lines) {
++    const lineRanges: InlineDiffRange[] = [];
++    for (const range of ranges) {
++      const rangeEnd = range.start + range.length;
+       const start = Math.max(range.start, line.start);
+       const end = Math.min(rangeEnd, line.end);
+       if (end <= start) continue;
+ }`},addedFile:{label:"Entirely added file",path:"NewFeature.ts",diff:`diff --git a/NewFeature.ts b/NewFeature.ts
+new file mode 100644
+--- /dev/null
++++ b/NewFeature.ts
+@@ -0,0 +1,5 @@
++export function newFeature(): string {
++  const status = 'ready';
++  announce(status);
++  return status;
++}`},deletedFile:{label:"Entirely deleted file",path:"LegacyFeature.ts",diff:`diff --git a/LegacyFeature.ts b/LegacyFeature.ts
+deleted file mode 100644
+--- a/LegacyFeature.ts
++++ /dev/null
+@@ -1,5 +0,0 @@
+-export function legacyFeature(): string {
+-  const status = 'deprecated';
+-  warn(status);
+-  return status;
+-}`},renameOnly:{label:"Rename without content changes",path:"NewName.ts",diff:`diff --git a/OldName.ts b/NewName.ts
+similarity index 100%
+rename from OldName.ts
+rename to NewName.ts`},renamedWithEdit:{label:"Rename with a content edit",path:"NewConfig.ts",diff:`diff --git a/OldConfig.ts b/NewConfig.ts
+similarity index 88%
+rename from OldConfig.ts
+rename to NewConfig.ts
+--- a/OldConfig.ts
++++ b/NewConfig.ts
+@@ -1,3 +1,3 @@
+ export const config = {
+-  timeoutMs: 1000,
++  timeoutMs: 1500,
+ };`},binaryFile:{label:"Binary file changed",path:"preview.png",diff:`diff --git a/preview.png b/preview.png
+index 1111111..2222222 100644
+Binary files a/preview.png and b/preview.png differ`},blankAndTabs:{label:"Blank lines + tabs/spaces only",path:"Whitespace.ts",diff:`diff --git a/Whitespace.ts b/Whitespace.ts
+--- a/Whitespace.ts
++++ b/Whitespace.ts
+@@ -1,6 +1,6 @@
+ export function whitespace() {
+-	const value = readValue();
+-
++  const value = readValue();
++  
+   return value;
+ }`.replace(/\n/gu,`\r
+`)},noFinalNewline:{label:"No final newline marker",path:"NoFinalNewline.txt",diff:`diff --git a/NoFinalNewline.txt b/NoFinalNewline.txt
+--- a/NoFinalNewline.txt
++++ b/NoFinalNewline.txt
+@@ -1 +1 @@
+-status=old
+\
++status=new
+\`},unicodeGraphemes:{label:"CJK + emoji + combining marks",path:"messages.ts",diff:`diff --git a/messages.ts b/messages.ts
+--- a/messages.ts
++++ b/messages.ts
+@@ -1,5 +1,5 @@
+ export const messages = {
+-  status: '正在连接 👩‍💻 café',
++  status: '连接成功 👩🏽‍💻 café',
+   action: '继续',
+ };`},longLine:{label:"Very long line with one mutation",path:"generated.ts",diff:`diff --git a/generated.ts b/generated.ts
+--- a/generated.ts
++++ b/generated.ts
+@@ -1,3 +1,3 @@
+ export const generated = {
+-  payload: "${"stable-segment-".repeat(90)}OLD_VALUE${"-stable-tail".repeat(35)}",
++  payload: "${"stable-segment-".repeat(90)}NEW_VALUE${"-stable-tail".repeat(35)}",
+ };`},ambiguousDuplicates:{label:"Ambiguous duplicate lines",path:"DuplicatePipeline.ts",diff:`diff --git a/DuplicatePipeline.ts b/DuplicatePipeline.ts
+--- a/DuplicatePipeline.ts
++++ b/DuplicatePipeline.ts
+@@ -1,8 +1,9 @@
+ export function pipeline(item: Item) {
+-  process(item);
+-  process(item);
+-  saveLegacy(item);
+-  process(item);
++  process(item);
++  audit(item);
++  process(item);
++  saveModern(item);
++  process(item);
+   finish(item);
+ }`},commentStringCollision:{label:"Comment/string similarity collision",path:"RetryLogger.ts",diff:`diff --git a/RetryLogger.ts b/RetryLogger.ts
+--- a/RetryLogger.ts
++++ b/RetryLogger.ts
+@@ -1,6 +1,6 @@
+ export function reportRetry(error: Error) {
+-  // retry request after backoff
+-  logger.info('request failed');
++  logger.info('retry request after backoff');
++  // request failed permanently
+   capture(error);
+ }`},multiHunkWidths:{label:"Multiple hunks with unequal line widths",path:"UnequalWidths.ts",diff:`diff --git a/UnequalWidths.ts b/UnequalWidths.ts
+--- a/UnequalWidths.ts
++++ b/UnequalWidths.ts
+@@ -1,3 +1,3 @@
+ export function longLine() {
+-  return "${"long-segment-".repeat(18)}before";
++  return "${"long-segment-".repeat(18)}after";
+ }
+@@ -20,3 +20,3 @@
+ export function mediumLine() {
+-  return "${"medium-segment-".repeat(5)}before";
++  return "${"medium-segment-".repeat(5)}after";
+ }
+@@ -40,3 +40,3 @@
+ export function shortLine() {
+-  return false;
++  return true;
+ }`},multiHunkMixed:{label:"Multiple hunks with mixed change types",path:"MixedChanges.ts",diff:`diff --git a/MixedChanges.ts b/MixedChanges.ts
+--- a/MixedChanges.ts
++++ b/MixedChanges.ts
+@@ -1,5 +1,6 @@
+ export function start(config: Config) {
+-  connect(config, 1000);
++  connect(config, 1500);
++  logConnection(config);
+   return config;
+ }
+@@ -20,6 +21,5 @@ export function stop(session: Session) {
+   flush(session);
+-  reportLegacyMetrics(session);
+   disconnect(session);
+   return session;
+ }`},multiFilePatch:{label:"Multiple files in one patch",path:"First.ts",diff:`diff --git a/First.ts b/First.ts
+--- a/First.ts
++++ b/First.ts
+@@ -1 +1 @@
+-export const first = 'old';
+\
++export const first = 'new';
+\
+diff --git a/Second.ts b/Second.ts
+new file mode 100644
+--- /dev/null
++++ b/Second.ts
+@@ -0,0 +1,2 @@
++export const second = true;
++announce(second);`}};function v(){if(typeof window>"u")return"kotlin";const r=new URLSearchParams(window.location.search).get("fixture");return r&&r in p?r:"kotlin"}function k(){return typeof window>"u"?"unified":new URLSearchParams(window.location.search).get("view")==="split"?"split":"unified"}function S(){if(typeof window>"u")return"words";const i=new URLSearchParams(window.location.search).get("inline");return i==="none"||i==="chars"||i==="words"?i:"words"}function y(){return typeof window>"u"?!0:new URLSearchParams(window.location.search).get("wrap")!=="off"}function C(){if(typeof window>"u")return"default";const i=new URLSearchParams(window.location.search).get("whitespace");return i==="ignore"||i==="trim"||i==="ignore-blank-lines"?i:"default"}function A(){const[i,r]=a.useState(()=>v()),[d,c]=a.useState(()=>k()),[m,I]=a.useState(()=>M()),[f,g]=a.useState(()=>S()),[u,h]=a.useState(()=>C()),[l,b]=a.useState(()=>y()),[x,N]=a.useState(null),s=p[i],R=a.useMemo(()=>Object.entries(p),[]),o=d==="split"&&!m?"unified":d;return a.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const t=window.matchMedia(_),n=()=>I(t.matches);return n(),t.addEventListener?.("change",n),()=>t.removeEventListener?.("change",n)},[]),a.useEffect(()=>{if(typeof window>"u")return;let t=window.location.search;const n=()=>{window.location.search!==t&&(t=window.location.search,r(v()),c(k()),g(S()),b(y()),h(C()))};window.addEventListener("popstate",n),window.addEventListener("pageshow",n),window.addEventListener("focus",n);const L=window.setInterval(n,250);return()=>{window.removeEventListener("popstate",n),window.removeEventListener("pageshow",n),window.removeEventListener("focus",n),window.clearInterval(L)}},[]),e.jsx("div",{className:"min-h-screen bg-background-subtle text-foreground","data-diff-lab":!0,"data-diff-lab-fixture":i,"data-diff-lab-view":o,"data-diff-lab-requested-view":d,"data-diff-lab-inline":f,"data-diff-lab-whitespace":u,"data-diff-lab-wrap":l?"on":"off",children:e.jsxs("div",{className:"mx-auto flex min-h-screen max-w-[1180px] flex-col px-4 py-4",children:[e.jsxs("header",{className:"mb-3 flex flex-wrap items-center justify-between gap-3 border-b border-border/20 pb-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-semibold",children:"Diff Lab"}),e.jsx("div",{className:"mt-0.5 text-[11px] text-muted-foreground",children:"Fixed fixtures for iterating diff rendering without app auth, PWA state, or live Git data."})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("select",{value:i,onChange:t=>r(t.target.value),"aria-label":"Fixture",className:"h-8 rounded-md border border-border/30 bg-surface px-2 text-xs text-foreground outline-none",children:R.map(([t,n])=>e.jsx("option",{value:t,children:n.label},t))}),e.jsxs("div",{className:"inline-flex h-8 overflow-hidden rounded-full bg-surface-2 p-0.5",children:[e.jsx("button",{type:"button",onClick:()=>c("unified"),"aria-pressed":o==="unified",className:`rounded-full px-3 text-xs font-semibold ${o==="unified"?"bg-surface-elevated text-foreground":"text-muted-foreground"}`,children:"Unified"}),e.jsx("button",{type:"button",onClick:()=>c("split"),disabled:!m,"aria-pressed":o==="split",className:`rounded-full px-3 text-xs font-semibold ${o==="split"?"bg-surface-elevated text-foreground":"text-muted-foreground"} disabled:cursor-not-allowed disabled:opacity-40`,children:"Split"})]}),e.jsx("div",{className:"inline-flex h-8 overflow-hidden rounded-full bg-surface-2 p-0.5",children:["none","words","chars"].map(t=>e.jsx("button",{type:"button",onClick:()=>g(t),className:`rounded-full px-3 text-xs font-semibold ${f===t?"bg-surface-elevated text-foreground":"text-muted-foreground"}`,children:t},t))}),e.jsxs("select",{"aria-label":"Inline whitespace",value:u,onChange:t=>h(t.target.value),className:"h-8 rounded-md bg-surface-2 px-2 text-xs text-foreground",children:[e.jsx("option",{value:"default",children:"Compare whitespace"}),e.jsx("option",{value:"trim",children:"Ignore trailing spaces"}),e.jsx("option",{value:"ignore",children:"Ignore whitespace"})]}),e.jsxs("button",{type:"button",onClick:()=>b(t=>!t),className:`h-8 rounded-full px-3 text-xs font-semibold ${l?"bg-primary/15 text-primary":"bg-surface-2 text-muted-foreground"}`,children:["Wrap ",l?"on":"off"]})]})]}),e.jsx("main",{className:"min-h-0 flex-1 overflow-auto rounded-lg border border-border/20 bg-surface",children:e.jsx(T,{onInsertDiffReference:(t,n)=>N({label:t,text:n}),filePath:s.path,repoRoot:"/tmp/termdock-diff-lab",changedFile:{path:s.path,absolutePath:`/tmp/termdock-diff-lab/${s.path}`,repoRoot:"/tmp/termdock-diff-lab",status:"modified",staged:!1,unstaged:!0,untracked:!1,tracked:!0,canStage:!1,canUnstage:!1,canStash:!1,canRestoreWorktree:!1},diffOverride:s.diff,diffOptions:{whitespace:u},oldSourceOverride:s.oldSource,active:!0,wrap:l,embedded:new URLSearchParams(window.location.search).get("embedded")==="1",viewType:o,inlineMode:f})}),e.jsxs("section",{className:"mt-3 rounded-lg border border-border/20 bg-surface p-3",children:[e.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground",children:"Inserted reference"}),e.jsx("div",{className:"mt-1 font-mono text-[11px] text-foreground","data-diff-lab-inserted-label":!0,children:x?.label??""}),e.jsx("pre",{className:"mt-1 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded border border-border/20 bg-surface-2 p-2 font-mono text-[11px] text-foreground","data-diff-lab-inserted":!0,children:x?.text??""})]})]})})}export{p as DIFF_FIXTURES,A as DiffLab};

package/dist/client/assets/DiffReview-ua6kasEM.js

@@ -0,0 +1 @@
+import{di as r,x as dt,h as ft,g as ht,g4 as mt,c0 as Ke,gt as pt,c as xt,gs as gt,e5 as vt,a3 as Je,ah as bt}from"./app-tcnqeifN.js";import{f as o,r as Ze}from"./dnd-CYu7YLJF.js";import{h as et}from"./gestureArbiter-DszagC-d.js";import{u as yt,S as wt,a as qe}from"./swiper-n1t3ShP4.js";import kt from"./list-6g5LPtfQ.js";import Rt from"./list-tree-B8fIg4J2.js";import{D as jt,i as Nt}from"./DiffViewer-DIM3r9Q7.js";function tt({selected:t,depth:n=0,title:c,leading:p,children:h,trailing:a,role:y,tabIndex:x,ariaExpanded:g,onClick:f,onKeyDown:v,onPointerDown:z,onPointerUp:S,onPointerCancel:F,dataAttributes:B}){return r.jsxs("div",{role:y,tabIndex:x,"aria-expanded":g,title:c,onClick:f,onKeyDown:v,onPointerDown:z,onPointerUp:S,onPointerCancel:F,...B,className:`group flex w-full cursor-pointer items-center gap-1 rounded px-2 py-1.5 text-left text-[13px] transition active:scale-[0.99] ${t?"bg-surface-elevated text-foreground":"text-muted-foreground hover:bg-surface-2 hover:text-foreground"}`,style:{paddingLeft:`${n*14+8}px`},children:[r.jsx("span",{className:"flex min-w-[14px] shrink-0 items-center justify-center text-muted-foreground/80",children:p}),r.jsx("span",{className:"min-w-0 flex-1",children:h}),a]})}function rt(t){return t.path.replace(/^\/+/,"")}function Tt(t){if(t.displayName!==void 0||t.displayDir!==void 0)return{name:t.displayName||t.path,dir:t.displayDir||""};const n=t.path.split("/").filter(Boolean);return{name:n.pop()||t.path,dir:n.join("/")}}function nt(t,n){const c=new Map,p=(a,y,x,g)=>{const f=a.get(y);if(f)return f;const v={path:x,name:y,childCount:0,directories:[],files:[]};return a.set(y,v),g?.directories.push(v),v};for(const a of t){const y=n(a).split("/").filter(Boolean);if(y.length<=1)continue;let x=c,g=null,f="";for(const v of y.slice(0,-1)){f=f?`${f}/${v}`:v;const z=p(x,v,f,g);g=z,x=new Map(z.directories.map(S=>[S.name,S]))}g?.files.push(a)}const h=a=>{const y=a.directories.map(h).sort((g,f)=>g.name.localeCompare(f.name)),x=a.files.sort((g,f)=>g.path.localeCompare(f.path));return{...a,directories:y,files:x,childCount:y.reduce((g,f)=>g+f.childCount,0)+x.length}};return Array.from(c.values()).map(h).sort((a,y)=>a.name.localeCompare(y.name))}function Pe(t,n,c=0){const p=n.selectedKey===t.key||n.selectedKey===t.path||n.selectedKey===t.absolutePath,h=Tt(t);return r.jsx(tt,{selected:p,role:"button",tabIndex:0,title:t.title??t.absolutePath??t.path,onClick:()=>{et()||n.onSelectFile(t)},onKeyDown:a=>{a.key!=="Enter"&&a.key!==" "||(a.preventDefault(),n.onSelectFile(t))},leading:n.renderLeading(t),depth:c,trailing:n.renderTrailing?.(t),dataAttributes:{"data-diff-selection-path":t.key,"data-diff-file-path":t.path,"data-diff-absolute-path":t.absolutePath??"","data-diff-status":t.status},children:r.jsxs("span",{className:"select-text","data-sidebar-selectable":!0,children:[r.jsx("span",{className:`block truncate leading-snug ${p?"font-medium":""}`,children:h.name}),n.mode!=="tree"&&h.dir&&r.jsx("span",{className:"block truncate text-[10px] text-muted-foreground/75",children:h.dir}),n.renderSubtitle?.(t)]})},t.key)}function st(t,n,c,p,h){let a=t;const y=[t.name];for(;a.files.length===0&&a.directories.length===1;)a=a.directories[0],y.push(a.name);const x=y.join("/"),g=`${n}:${a.path}`,f=c.collapsedDirectoryKeys.has(g);return r.jsxs("div",{className:"space-y-px",children:[r.jsx(tt,{role:"button",tabIndex:0,onClick:()=>{et()||c.onToggleDirectory(g)},onKeyDown:v=>{v.key!=="Enter"&&v.key!==" "||(v.preventDefault(),c.onToggleDirectory(g))},ariaExpanded:!f,depth:p,title:a.path,leading:f?r.jsx(ft,{size:13}):r.jsx(ht,{size:13}),trailing:r.jsxs("span",{className:"flex shrink-0 items-center gap-1",children:[r.jsx("span",{className:"shrink-0 rounded bg-surface-2 px-1.5 py-0.5 text-[10px] text-muted-foreground/60 transition group-hover:text-muted-foreground",children:a.childCount}),c.renderDirectoryTrailing?.(a.path,h)]}),children:r.jsxs("span",{className:"flex min-w-0 items-center gap-1",children:[r.jsx(dt,{size:14,className:"shrink-0 text-[color:var(--folder)]"}),r.jsx("span",{className:"min-w-0 flex-1 truncate leading-snug select-text","data-sidebar-selectable":!0,children:x})]})}),!f&&r.jsxs("div",{className:"space-y-px",children:[a.directories.map(v=>st(v,n,c,p+1,h)),a.files.length>0&&r.jsx("div",{className:"space-y-px",children:a.files.map(v=>Pe(v,c,p+1))})]})]},g)}function Dt(t,n){const c=n.getFileTreePath??rt,p=t.files.filter(a=>c(a).split("/").filter(Boolean).length<=1),h=nt(t.files,c);return r.jsxs("div",{className:"space-y-px",children:[h.map(a=>st(a,t.key,n,0,t)),p.length>0&&r.jsx("div",{className:"space-y-px",children:p.map(a=>Pe(a,n))})]})}function St(t,n=rt){const c=[],p=a=>{for(const y of a.directories)p(y);c.push(...a.files)};for(const a of nt(t,n))p(a);const h=new Set(c.map(a=>a.key));return c.push(...t.filter(a=>!h.has(a.key))),c}function Mt(t){return r.jsx("div",{className:t.mode==="tree"?"space-y-px pt-1":"space-y-2",children:t.groups.map(n=>{const c=!!n.header,p=!!n.collapsed;return r.jsxs("section",{className:c?"overflow-hidden rounded-lg border border-border/15 bg-surface/60":"",children:[n.header,!p&&r.jsx("div",{className:t.mode==="tree"?c?"space-y-px bg-surface/60 p-1":"space-y-px":c?"space-y-px bg-surface/60 p-1.5":"space-y-px",children:t.mode==="tree"?Dt(n,t):n.files.map(h=>Pe(h,t))})]},n.key)})})}const Me="termdock:diff-review:list-width:v1",It=120,He=320,Ue=220,Et=560;function Ct(t){return typeof t=="number"&&Number.isFinite(t)}function Oe(t,n){const c=Math.max(Ue,n-360),p=Math.min(Et,c);return Math.min(p,Math.max(Ue,t))}function Ft(){return vt(Me,Ct)??He}function At({list:t,detail:n,mobile:c,mobileListHeader:p,mobileDetailHeader:h,desktopListHeader:a,backLabel:y,onMobileSlideChange:x,externalSwiperRef:g,desktopLayout:f="split",onDetailScroll:v,desktopSidePanel:z,desktopListClassName:S,detailOwnsScroll:F=!1}){const{t:B}=mt(),P=o.useRef(null),U=o.useRef(null),M=o.useRef(null),[O,$]=o.useState(Ft);o.useEffect(()=>{if(c||f!=="split")return;const m=U.current;m&&$(b=>Oe(b,m.clientWidth))},[f,c]);const te=yt(()=>{M.current&&(M.current=null,Ke(Me))}),le=o.useCallback(m=>{c||f!=="split"||(m.preventDefault(),te(m),M.current={startX:m.clientX,startWidth:O,pointerId:m.pointerId},m.currentTarget.setPointerCapture(m.pointerId))},[f,O,c,te]),ue=o.useCallback(m=>{const b=M.current;if(!b||b.pointerId!==m.pointerId)return;const _=U.current?.clientWidth??window.innerWidth,N=Oe(b.startWidth+m.clientX-b.startX,_);$(N),pt(Me,N,It)},[]),V=o.useCallback(m=>{const b=M.current;if(!(!b||b.pointerId!==m.pointerId)){M.current=null,Ke(Me);try{m.currentTarget.releasePointerCapture(m.pointerId)}catch{}}},[]);if(c){const m=()=>{const j=P.current;j&&j.slideTo(1)},b=()=>{const j=P.current;j&&j.slideTo(0)},_=typeof t=="function"?t({slideToDetail:m}):t,N=typeof h=="function"?h({slideToList:b,slideToDetail:m}):h;return r.jsxs(wt,{className:"h-full min-h-0 w-full",slidesPerView:1,resistanceRatio:.45,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:".swiper-no-swiping",allowTouchMove:!1,touchAngle:75,touchStartPreventDefault:!1,onSwiper:j=>{P.current=j,g&&(g.current=j)},onSlideChange:j=>{x?.(j.activeIndex)},children:[r.jsx(qe,{className:"h-full min-h-0",children:r.jsxs("div",{className:"flex h-full min-h-0 flex-col overflow-hidden",children:[p&&r.jsx("div",{className:"shrink-0 border-b border-border/15 px-3 py-2",children:p}),r.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto overscroll-contain",children:_})]})}),r.jsx(qe,{className:"h-full min-h-0",children:r.jsxs("div",{className:"flex h-full min-h-0 flex-col overflow-hidden bg-surface",children:[r.jsx("div",{className:"shrink-0 border-b border-border/15 px-3 py-2",children:N??r.jsxs("button",{type:"button",onClick:b,className:"inline-flex h-9 shrink-0 items-center gap-1.5 rounded-full bg-surface-2 px-3 text-xs font-semibold text-muted-foreground transition hover:bg-surface-elevated hover:text-foreground active:scale-95",children:[r.jsx(xt,{size:14}),y]})}),r.jsx("div",{className:F?"min-h-0 flex-1 overflow-hidden":"termdock-diff-stream-scroller min-h-0 flex-1 overflow-y-auto overscroll-contain",onScroll:F?void 0:j=>v?.(j.currentTarget),children:n})]})})]})}const W=typeof t=="function"?t({slideToDetail:()=>{}}):t;return f==="stacked"?F?r.jsxs("div",{className:"termdock-native-select min-h-0 flex-1 overflow-hidden px-2 pb-[calc(env(safe-area-inset-bottom)+4.5rem)]",children:[a&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:a}),W,r.jsx("div",{className:"mt-3 h-[calc(100%-3rem)] min-h-0 overflow-hidden rounded-xl border border-border/15 bg-surface",children:n})]}):r.jsxs("div",{className:"termdock-native-select termdock-diff-stream-scroller min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 pb-[calc(env(safe-area-inset-bottom)+4.5rem)]",onScroll:m=>v?.(m.currentTarget),children:[a&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:a}),W,r.jsx("div",{className:"mt-3 overflow-hidden rounded-xl border border-border/15 bg-surface",children:n})]}):r.jsxs("div",{ref:U,className:"flex h-full min-h-0 overflow-hidden",children:[z,r.jsxs("div",{className:S??"shrink-0 overflow-y-auto overscroll-contain border-r border-border/15 bg-surface",style:{width:O},children:[a&&r.jsx("div",{className:"sticky top-0 z-10 border-b border-border/15 bg-surface px-2 py-2",children:a}),W]}),r.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":B("diffViewer.resizeNavigation"),title:B("diffViewer.resizeNavigation"),className:"group relative z-10 w-2 shrink-0 cursor-col-resize touch-none border-r border-border/15 bg-surface",onPointerDown:le,onPointerMove:ue,onPointerUp:V,onPointerCancel:V,onDoubleClick:()=>{$(He),gt(Me,He)},children:r.jsx("span",{className:"pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-border/30 transition group-hover:bg-primary/60"})}),r.jsx("div",{className:F?"min-w-0 flex-1 overflow-hidden":"termdock-diff-stream-scroller min-w-0 flex-1 overflow-y-auto overscroll-contain",onScroll:F?void 0:m=>v?.(m.currentTarget),children:n})]})}function _t({mode:t,onModeChange:n,showAi:c=!1}){return r.jsxs("div",{className:"inline-flex h-7 shrink-0 overflow-hidden rounded-md bg-surface-2 p-0.5",children:[r.jsx("button",{type:"button",onClick:()=>n("list"),"aria-pressed":t==="list",className:`inline-flex h-6 w-7 items-center justify-center rounded-md transition active:scale-95 ${t==="list"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(kt,{size:13})}),r.jsx("button",{type:"button",onClick:()=>n("tree"),"aria-pressed":t==="tree",className:`inline-flex h-6 w-7 items-center justify-center rounded-md transition active:scale-95 ${t==="tree"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(Rt,{size:13})}),c&&r.jsx("button",{type:"button",onClick:()=>n("ai"),"aria-pressed":t==="ai",className:`inline-flex h-6 w-7 items-center justify-center rounded-md transition active:scale-95 ${t==="ai"?"bg-surface-elevated text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:r.jsx(Je,{size:13})})]})}function zt({groups:t,mode:n,onModeChange:c,selectedKey:p,collapsedDirectoryKeys:h,onToggleDirectory:a,onSelectFile:y,renderLeading:x,renderTrailing:g,renderDirectoryTrailing:f,renderSubtitle:v,detail:z,mobile:S,backLabel:F,compact:B=!1,emptyContent:P,listPrefix:U,aiContent:M,listContainerClassName:O="px-2 py-2",detailContainerClassName:$="termdock-native-select termdock-diff-stream-scroller min-h-0",renderListHeader:te,renderMobileDetailHeader:le,externalSwiperRef:ue,onMobileSlideChange:V,slideToDetailOnMobile:W=!0,desktopLayout:m="split",onDetailScroll:b,desktopSidePanel:_,desktopListClassName:N,detailOwnsScroll:j}){const[G,Q]=o.useState(!1);o.useEffect(()=>{if(!G)return;const A=L=>{L.key==="Escape"&&Q(!1)};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[G]);const de=r.jsx(_t,{mode:n,onModeChange:c,showAi:!!M}),pe=n==="tree"?"tree":"list",xe=te?te(de):r.jsx("div",{className:"flex justify-end",children:de}),ge=t.some(A=>A.files.length>0),re=r.jsx(At,{mobile:G?!1:S,backLabel:F,externalSwiperRef:ue,onMobileSlideChange:V,desktopLayout:G?"split":m,onDetailScroll:b,desktopSidePanel:_,desktopListClassName:N,detailOwnsScroll:j,mobileListHeader:S?xe:void 0,desktopListHeader:S?void 0:xe,mobileDetailHeader:le,list:({slideToDetail:A})=>r.jsx("div",{className:O,children:n==="ai"?typeof M=="function"?M({slideToDetail:A,fullscreen:G,toggleFullscreen:()=>Q(L=>!L)}):M??P:r.jsxs(r.Fragment,{children:[U,ge?r.jsx(Mt,{groups:t,selectedKey:p,mode:pe,mobile:S,compact:B,collapsedDirectoryKeys:h,onToggleDirectory:a,onSelectFile:L=>{y(L),S&&W&&window.requestAnimationFrame(A)},renderLeading:x,renderTrailing:g,renderDirectoryTrailing:f,renderSubtitle:v}):P]})}),detail:r.jsx("div",{className:j?"h-full min-h-0":$,children:z})});return!G||typeof document>"u"?re:Ze.createPortal(r.jsxs("div",{className:"fixed inset-0 z-modal-panel flex min-h-0 flex-col bg-surface text-foreground",children:[r.jsxs("div",{className:"flex h-12 shrink-0 items-center justify-between border-b border-border/15 bg-[var(--chrome-bg)] px-3",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[r.jsx(Je,{size:15,className:"shrink-0 text-primary"}),r.jsx("span",{className:"truncate text-[12px] font-semibold",children:"DAG Review"}),r.jsx("span",{className:"hidden text-[10px] text-muted-foreground sm:inline",children:"Select a step to inspect its exact change"})]}),r.jsx("button",{type:"button",onClick:()=>Q(!1),className:"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:bg-surface-2 hover:text-foreground active:scale-95",title:"Exit full-screen DAG review (Esc)","aria-label":"Exit full-screen DAG review",children:r.jsx(bt,{size:16})})]}),r.jsx("div",{className:"min-h-0 flex-1",children:re})]}),document.body)}const Lt=96,ze=44;function Ht({file:t,repoRoot:n,selectionPath:c,displayName:p,displayDir:h,selected:a,activePane:y,visible:x,reusableContent:g=!1,estimatedHeight:f,lightweight:v=!1,wrap:z,viewType:S,inlineMode:F,diffOptions:B,reloadKey:P=0,auditRecords:U,diffOverride:M,oldSourceRef:O,preparedDiff:$,renderBadge:te,onInsertDiffReference:le,onHunkGitAction:ue,previewReverts:V,onReferenceCopied:W,insertedReferenceKey:m,copiedReferenceKey:b,onClearAuditRecord:_,onContentReady:N,onHeightChange:j}){const G=o.useRef(null),Q=o.useRef(null),de=o.useRef(null),[pe,xe]=o.useState(null),ge=o.useRef(64),re=o.useRef(f??104),A=o.useRef(null),L=o.useRef(null),Y=o.useRef(!1),ae=o.useRef(!1),E=o.useRef(null),[ne,je]=o.useState(!1),[Ne,Ie]=o.useState(!1),ve=t.absolutePath||(n?`${n}/${t.path}`:t.path),T=o.useCallback(()=>{ae.current||(ae.current=!0,Ie(!0),N?.(c))},[N,c]);o.useLayoutEffect(()=>{if(!(M!==void 0&&x&&ae.current))return Y.current=!1,ae.current=!1,A.current=null,L.current=null,E.current!==null&&(window.clearTimeout(E.current),E.current=null),je(!1),Ie(!1),()=>{E.current!==null&&(window.clearTimeout(E.current),E.current=null)}},[M,$,P,g,x]),o.useLayoutEffect(()=>{const K=A.current;!ne||K===null||Math.abs((f??104)-K)>=1||(A.current=null,T())},[T,f,ne]),o.useLayoutEffect(()=>{if(!x||!ne)return;const K=de.current;if(!K)return;const be=()=>{if(!Y.current)return;const J=K.firstElementChild;if(!J)return;const q=Math.ceil(Math.max(J.getBoundingClientRect().height,J.scrollHeight,64)),he=ge.current;if(q>0&&he!==q&&(ge.current=q,xe(q)),!G.current)return;const C=Q.current?.getBoundingClientRect().height??ze,oe=Math.ceil(C+q+1);oe<=0||L.current===oe||(L.current=oe,E.current!==null&&window.clearTimeout(E.current),E.current=window.setTimeout(()=>{if(E.current=null,!Y.current)return;const H=L.current;if(H===null)return;const I=re.current;if(ae.current){re.current=H,Math.abs(I-H)>=1&&j?.(c,I,H),N?.(c);return}if(A.current=H,Math.abs(I-H)<1||!j){re.current=H,A.current=null,T();return}re.current=H,j(c,I,H)},Lt))};if(be(),typeof ResizeObserver>"u")return;const fe=new ResizeObserver(be);return fe.observe(K),K.firstElementChild&&fe.observe(K.firstElementChild),Q.current&&fe.observe(Q.current),()=>fe.disconnect()},[T,N,j,c,ne,x,z,S,F]);const X=x&&!Ne;return r.jsxs("div",{ref:G,"data-diff-stream-item":c,"data-diff-selection-path":c,"data-diff-file-path":t.path,"data-diff-absolute-path":ve,className:`scroll-mt-3 border-b border-border/15 last:border-b-0 ${X||!x?"overflow-hidden":""} ${a?"bg-surface-elevated/35":""}`,style:x?X?{height:f??104}:void 0:{height:f??104},children:[r.jsxs("div",{ref:Q,"data-diff-stream-header":!0,className:`sticky top-0 z-10 flex min-w-0 items-center gap-2 border-b border-border/15 px-3 py-2 ${a?"bg-surface-elevated":"bg-surface"}`,children:[te(t.status),r.jsxs("div",{className:"min-w-0 flex-1",title:ve,children:[r.jsx("div",{className:"truncate text-xs font-semibold text-foreground",children:p}),h&&r.jsx("div",{className:"truncate text-[10px] text-muted-foreground",children:h})]})]}),r.jsxs("div",{ref:de,className:"relative","data-diff-stream-body":!0,style:x?{minHeight:Ne?64:Math.max(pe??64,(f??104)-ze)}:{height:Math.max(pe??64,(f??104)-ze)},children:[x?r.jsx(jt,{active:y,repoRoot:n,filePath:t.path,referenceFilePath:ve,changedFile:t,wrap:z,viewType:S,inlineMode:F,diffOptions:B,reloadKey:P,embedded:!0,lightweight:v,auditRecords:U,diffOverride:M,oldSourceRef:O,preparedDiff:$,onClearAuditRecord:_,onContentReady:()=>{if(g){Y.current=!0,je(!0),T();return}Y.current||(Y.current=!0,je(!0))},onInsertDiffReference:le,onHunkGitAction:ue,previewReverts:V,onReferenceCopied:W,insertedReferenceKey:m,copiedReferenceKey:b}):r.jsx("div",{className:"flex h-full min-h-16 items-center justify-center bg-surface px-3 py-4 text-center text-xs text-muted-foreground",children:t.path}),x&&ne&&!Ne&&r.jsx("div",{"data-diff-measuring-overlay":!0,className:"absolute inset-0 z-20 bg-surface"})]})]})}const Qe=8,Le=1600,Ye=104,Pt=1e3,Re=new Map;function Wt(t,n){for(Re.delete(t),Re.set(t,n);Re.size>Pt;){const c=Re.keys().next().value;if(c===void 0)break;Re.delete(c)}}function Bt(t,n){return!!(t&&t.diffOverride===n.diffOverride&&t.oldSourceRef===n.oldSourceRef&&t.reloadKey===n.reloadKey&&t.wrap===n.wrap&&t.viewType===n.viewType&&t.inlineMode===n.inlineMode&&t.algorithm===n.algorithm&&t.whitespace===n.whitespace&&t.context===n.context)}const $t={added:{label:"A",className:"text-[color:var(--diff-insert-strong)]",title:"Added"},modified:{label:"M",className:"text-[color:var(--diff-hunk-accent)]",title:"Modified"},deleted:{label:"D",className:"text-[color:var(--diff-delete-strong)]",title:"Deleted"},renamed:{label:"R",className:"text-muted-foreground",title:"Renamed"},copied:{label:"C",className:"text-[color:var(--diff-insert-strong)]",title:"Copied"},untracked:{label:"U",className:"text-[color:var(--diff-insert-strong)]",title:"Untracked (new file)"},conflicted:{label:"!",className:"text-destructive",title:"Conflicted"},unknown:{label:"?",className:"text-muted-foreground",title:"Unknown"}};function Zt({status:t}){const n=$t[t]??{label:"?",className:"text-muted-foreground",title:t};return r.jsx("span",{className:`w-4 shrink-0 text-center text-[10px] font-mono font-bold ${n.className}`,title:n.title,children:n.label})}function er(t,n){return n?{key:n,nonce:t.nonce+1}:t}function tr({files:t,groups:n,selectedKey:c,onSelectFile:p,mode:h,onModeChange:a,collapsedDirectoryKeys:y,onToggleDirectory:x,renderLeading:g,renderTrailing:f,renderDirectoryTrailing:v,renderSubtitle:z,renderStreamBadge:S,onInsertDiffReference:F,onHunkGitAction:B,onReferenceCopied:P,insertedReferenceKey:U,copiedReferenceKey:M,onClearAuditRecord:O,mobile:$,backLabel:te,compact:le,desktopLayout:ue,wrap:V,diffViewType:W,inlineMode:m,diffOptions:b,activePane:_,reloadKey:N=0,renderListHeader:j,renderMobileDetailHeader:G,emptyContent:Q,listPrefix:de,aiContent:pe,listContainerClassName:xe,detailContainerClassName:ge,desktopSidePanel:re,desktopListClassName:A,onDetailScroll:L,initialDetailScrollTop:Y,preserveScrollOnUpdate:ae=!1,scrollToKey:E,scrollToKeyNonce:ne=0,externalSwiperRef:je,onMobileSlideChange:Ne,slideToDetailOnMobile:Ie}){const ve=o.useMemo(()=>e=>c===e.key||c===e.path||c===e.absolutePath,[c]),T=o.useMemo(()=>{const e=new Map;for(const i of t)e.set(i.key,i),i.path&&e.set(i.path,i),i.absolutePath&&e.set(i.absolutePath,i);const s=[],l=new Set;for(const i of n){const d=h==="tree"?St(i.files):i.files;for(const w of d){const u=e.get(w.key);!u||l.has(u.key)||(s.push(u),l.add(u.key))}}for(const i of t)l.has(i.key)||s.push(i);return s},[t,n,h]),X=o.useRef(null),K=o.useRef(null),be=o.useRef(null),fe=o.useRef(N),J=o.useRef(0),q=o.useRef(null),he=o.useRef(new Map(Re)),se=o.useRef({key:null,top:0}),C=o.useRef(new Set),oe=o.useRef(new Map),H=o.useRef(new Map),I=o.useRef(null),We=o.useRef(()=>{}),Te=o.useRef([]),me=o.useRef(new Map),Be=o.useRef({tops:[],heights:[],bottom:0}),[Ee,ot]=o.useState(()=>new Set),[ct,it]=o.useState(0),[Z,ye]=o.useState({top:0,height:0}),De=o.useMemo(()=>T.map(e=>e.key),[T]),Ce=De.join("
");H.current=o.useMemo(()=>new Map(T.map(e=>[e.key,{diffOverride:e.diffOverride,oldSourceRef:e.oldSourceRef,reloadKey:N,wrap:V,viewType:W,inlineMode:m,algorithm:b?.algorithm,whitespace:b?.whitespace,context:b?.context}])),[T,N,V,W,m,b?.algorithm,b?.whitespace,b?.context]),Te.current=De,me.current=o.useMemo(()=>new Map(De.map((e,s)=>[e,s])),[De]);const k=o.useMemo(()=>{const e=De.map(i=>he.current.get(i)??Ye),s=new Array(e.length);for(let i=0;i<e.length;i+=1)s[i]=i===0?0:s[i-1]+e[i-1];const l=e.length>0?s[e.length-1]+e[e.length-1]:0;return{tops:s,heights:e,bottom:l}},[ct,Ce]);Be.current=k;const ce=o.useMemo(()=>E?T.find(e=>E===e.key||E===e.path||E===e.absolutePath)?.key??null:null,[T,E]),Fe=o.useMemo(()=>c?T.find(e=>c===e.key||c===e.path||c===e.absolutePath)?.key??null:null,[T,c]),Se=o.useMemo(()=>{const e=k.tops.length;if(e===0)return-1;let s=0,l=e;for(;s<l;){const i=Math.floor((s+l)/2);k.tops[i]<=Z.top+1?s=i+1:l=i}return Math.min(e-1,Math.max(0,s-1))},[k.tops,Z.top]),ie=o.useCallback(e=>{C.current=e,ot(e)},[]),$e=o.useMemo(()=>{const e=Z.top-Le,s=Z.top+Z.height+Le,l=new Set;let i=0,d=k.tops.length;for(;i<d;){const u=Math.floor((i+d)/2);k.tops[u]<=e?i=u+1:d=u}const w=Math.max(0,i-1);for(let u=w;u<k.tops.length;u+=1){const R=k.tops[u];if(R>s)break;R+k.heights[u]>=e&&R<=s&&l.add(u)}for(let u=Se-1;u<=Se+1;u+=1)u>=0&&u<k.tops.length&&l.add(u);for(const u of Ee){const R=me.current.get(u);R!==void 0&&l.add(R)}return Array.from(l).sort((u,R)=>u-R)},[k,Z,Ee,Se]),Ae=o.useCallback(()=>{if(!_||I.current)return;const e=Te.current;if(e.length===0)return;const s=se.current.key,l=Math.min(e.length-1,(s!==null?me.current.get(s):void 0)??Math.max(0,Se)),i=u=>Math.abs((me.current.get(u)??0)-l),d=[];C.current.has(e[l])||d.push(e[l]);for(let u=1;u<=Qe;u+=1){const R=l+u,D=l-u;R<e.length&&!C.current.has(e[R])&&d.push(e[R]),D>=0&&!C.current.has(e[D])&&d.push(e[D])}const w=d[0];if(w){if(C.current.size>=Qe){const u=i(w),R=Array.from(C.current).filter(ee=>ee!==I.current).sort((ee,ke)=>i(ke)-i(ee))[0];if(!R||i(R)<=u)return;const D=new Set(C.current);D.delete(R),ie(D)}I.current=w,ie(new Set(C.current).add(w))}},[_,ie,Se]);We.current=Ae;const we=o.useCallback(e=>{if(C.current.has(e))return;const s=I.current;if(s&&s!==e){const l=new Set(C.current);l.delete(s),ie(l),I.current=null}I.current=e,ie(new Set(C.current).add(e))},[ie]),Ve=o.useCallback(e=>{if(!C.current.has(e))return;const s=H.current.get(e);s&&oe.current.set(e,s),I.current===e&&(I.current=null),window.requestAnimationFrame(()=>We.current())},[]),Ge=o.useCallback((e,s,l)=>{if(Math.abs(l-s)<1)return;const i=he.current.get(e);i!==void 0&&Math.abs(i-l)<1||(he.current.set(e,l),Wt(e,l),it(d=>d+1))},[]);o.useLayoutEffect(()=>{if(fe.current!==N){fe.current=N;for(const e of T){if(e.diffOverride!==void 0)continue;const s=Xt(e.path,e.repoRoot);Nt(s,e.repoRoot??void 0,b)}}},[T,b,N]),o.useLayoutEffect(()=>{const e=X.current;if(!e)return;const s=()=>{const i=Math.max(0,Math.ceil(e.clientHeight));if(i===0)return;const d=e.scrollTop;ye(w=>w.height===i&&w.top===d?w:{top:d,height:i})};if(s(),typeof ResizeObserver>"u")return;const l=new ResizeObserver(s);return l.observe(e),()=>l.disconnect()},[$]),o.useEffect(()=>{_&&Fe&&we(Fe)},[_,we,Fe]),o.useEffect(()=>{const e=new Set(Te.current);for(const s of Array.from(he.current.keys()))e.has(s)||he.current.delete(s);for(const s of Array.from(C.current))if(!e.has(s)){const l=new Set(C.current);l.delete(s),ie(l)}for(const s of Array.from(oe.current.keys()))e.has(s)||oe.current.delete(s);if(I.current&&!e.has(I.current)&&(I.current=null),T.length===0){I.current=null,oe.current.clear(),ie(new Set);return}Ae()},[T.length,Ce,Ae,$e,ie]);const Xe=o.useCallback(e=>{X.current=e;const s=J.current,l=e.scrollTop;J.current=l;const i=d=>{const w=Be.current,u=Te.current;let R=0,D=w.tops.length;for(;R<D;){const _e=Math.floor((R+D)/2);w.tops[_e]<=d+1?R=_e+1:D=_e}const ee=Math.min(u.length-1,Math.max(0,R-1)),ke=u[ee]??null;se.current={key:ke,top:w.tops[ee]??0},ke&&we(ke)};Math.abs(l-s)>=Le?(Ze.flushSync(()=>{ye({top:l,height:e.clientHeight})}),i(l)):q.current===null&&(q.current=window.requestAnimationFrame(()=>{q.current=null;const d=X.current;if(d){const w=d.scrollTop;ye({top:w,height:d.clientHeight}),i(w)}})),L?.(e)},[L,we]);o.useEffect(()=>()=>{q.current!==null&&window.cancelAnimationFrame(q.current)},[]),o.useLayoutEffect(()=>{const e=X.current;if(!e)return;const s=se.current;if(s.key===null)return;const l=me.current.get(s.key);if(l===void 0)return;const i=(k.tops[l]??s.top)-s.top;if(Math.abs(i)<1)return;const d=e.scrollTop+i;J.current=d,ye(w=>({top:d,height:w.height})),typeof e.scrollTo=="function"?e.scrollTo({top:d,behavior:"instant"}):e.scrollTop=d},[k]),o.useLayoutEffect(()=>{const e=Te.current,s=k.tops;if(e.length===0){se.current={key:null,top:0};return}const l=J.current,i=l+(X.current?.clientHeight??Z.height),d=se.current;if(d.key!==null){const D=me.current.get(d.key);if(D!==void 0){const ee=s[D]??0;if(ee+(k.heights[D]??Ye)>l&&ee<i){se.current={key:d.key,top:ee};return}}}let w=0,u=s.length;for(;w<u;){const D=Math.floor((w+u)/2);s[D]<=l+1?w=D+1:u=D}const R=Math.min(s.length-1,Math.max(0,w-1));se.current={key:e[R]??null,top:s[R]??0}}),o.useLayoutEffect(()=>{if(!ce)return;const e=K.current;if(e?.key===ce&&e.nonce===ne)return;const s=me.current.get(ce);if(s===void 0)return;we(ce),se.current={key:ce,top:k.tops[s]??0};const l=X.current;if(!l||l.clientHeight===0||Z.height!==l.clientHeight)return;K.current={key:ce,nonce:ne};const i=k.tops[s]??0;typeof l.scrollTo=="function"?l.scrollTo({top:i,behavior:"instant"}):l.scrollTop=i;const d=l.scrollTop;J.current=d,ye({top:d,height:l.clientHeight})},[k,Z.height,we,ce,ne]),o.useLayoutEffect(()=>{if(Y===void 0||ce)return;const e=Ce;if(be.current===e||ae&&be.current!==null)return;const s=X.current;if(!s)return;be.current=e;const l=Math.max(0,k.bottom-s.clientHeight),i=Math.min(Math.max(0,Y),l);typeof s.scrollTo=="function"?s.scrollTo({top:i,behavior:"instant"}):s.scrollTop=i;const d=s.scrollTop;J.current=d,ye({top:d,height:s.clientHeight})},[k.bottom,Y,Ce,ae,ce]);const at=o.useCallback((e,s)=>{const l=ve(e),i=H.current.get(e.key),d=i!==void 0&&Bt(oe.current.get(e.key),i);return r.jsx(Vt,{item:e,repoRoot:e.repoRoot,selectionPath:e.key,displayName:e.displayName,displayDir:e.displayDir,selected:l,activePane:_,visible:Ee.has(e.key),reusableContent:d,estimatedHeight:s,lightweight:!1,wrap:V,viewType:W,inlineMode:m,diffOptions:b,reloadKey:N,auditRecords:e.auditRecords,diffOverride:e.diffOverride,oldSourceRef:e.oldSourceRef,renderStreamBadge:S,onInsertDiffReference:e.onInsertDiffReference??F,onHunkGitAction:e.onHunkGitAction??B,previewReverts:e.previewReverts,onReferenceCopied:P,insertedReferenceKey:U,copiedReferenceKey:M,onClearAuditRecord:O,onContentReady:Ve,onHeightChange:Ge})},[_,M,b,W,Ve,Ge,m,U,ve,Ee,O,B,F,P,N,S,V]),lt=r.jsx("div",{"data-diff-stream-content":!0,"data-diff-stream-canvas":!0,className:"termdock-diff-stream relative overflow-clip bg-surface will-change-transform",style:{height:Math.max(k.bottom,(k.tops.at(-1)??0)+Z.height)},children:$e.map(e=>{const s=T[e];return s?r.jsx("div",{"data-diff-canvas-slot":s.key,className:"absolute inset-x-0",style:{top:k.tops[e]},children:at(s,k.heights[e])},s.key):null})}),ut=r.jsx("div",{ref:X,className:"termdock-diff-stream termdock-diff-stream-scroller h-full max-h-full min-h-0 overflow-y-auto overscroll-contain bg-surface [overflow-anchor:none]",onScroll:e=>Xe(e.currentTarget),children:lt});return r.jsx(zt,{groups:n,mode:h,onModeChange:a,selectedKey:c,collapsedDirectoryKeys:y,onToggleDirectory:x,onSelectFile:p,renderLeading:g,renderTrailing:f,renderDirectoryTrailing:v,renderSubtitle:z,detail:ut,mobile:$,backLabel:te,compact:le,emptyContent:Q,listPrefix:de,aiContent:pe,listContainerClassName:xe,detailContainerClassName:ge,renderListHeader:j,renderMobileDetailHeader:G,externalSwiperRef:je,onMobileSlideChange:Ne,slideToDetailOnMobile:Ie,desktopLayout:ue,onDetailScroll:Xe,desktopSidePanel:re,desktopListClassName:A,detailOwnsScroll:!0})}const Vt=o.memo(function({item:n,renderStreamBadge:c,...p}){return r.jsx(Ht,{...p,file:Gt(n),renderBadge:h=>c(h,n)})});function Gt(t){return{path:t.path,oldPath:t.oldPath,absolutePath:t.absolutePath,status:t.status}}function Xt(t,n){if(t)return n&&t.startsWith(`${n}/`)?t.slice(n.length+1):t}export{Zt as C,tr as D,St as f,er as n};

package/dist/client/assets/DiffReviewLab-DUWCX9FR.js

@@ -0,0 +1,2 @@
+import{di as i}from"./app-tcnqeifN.js";import{f as r}from"./dnd-CYu7YLJF.js";import{D as I}from"./DiffReview-ua6kasEM.js";import"./terminal-DaiFCKy_.js";import"./gestureArbiter-DszagC-d.js";import"./swiper-n1t3ShP4.js";import"./list-6g5LPtfQ.js";import"./list-tree-B8fIg4J2.js";import"./DiffViewer-DIM3r9Q7.js";import"./referenceSelection-DKLf7hiZ.js";import"./git-compare-ktcVYjv7.js";import"./link-CMAGvREm.js";const x=40,h="/tmp/termdock-diff-review-lab";function S(n,c,l=!1){const d=[`diff --git a/${n} b/${n}`,`--- a/${n}`,`+++ b/${n}`,`@@ -1,${c} +1,${c} @@`];for(let t=0;t<c;t+=1)t%5===0&&d.push(`-const removed_${t} = ${t};`),t%3===0&&d.push(`+const added_${t} = ${t} * 2;`),d.push(` context line ${t} in ${n}${l?" long content for repeated wrap and resize checks".repeat(10):""}`);return d.join(`
+`)}function T(n,c,l){return Array.from({length:x},(d,t)=>{const f=6+t*7%60,a=`src/module${String(t).padStart(2,"0")}/File${t}.ts`,m=`${h}/${a}`,w=S(a,f,l),o=S(a,1,l);return{key:m,path:a,absolutePath:m,status:"modified",repoRoot:h,displayName:`File${t}.ts`,displayDir:`src/module${String(t).padStart(2,"0")} · ${f} lines`,diffOverride:!c||n.has(t)?w:o,auditRecords:[]}})}function V(){const[n,c]=r.useState(()=>new URLSearchParams(window.location.search).get("wrap")!=="off"),[l,d]=r.useState(()=>new URLSearchParams(window.location.search).get("view")==="split"),t=r.useMemo(()=>new URLSearchParams(window.location.search).get("long")==="1",[]),f=r.useMemo(()=>{if(typeof window>"u")return 0;const e=new URLSearchParams(window.location.search).get("delay"),s=e===null?0:Number.parseInt(e,10);return Number.isInteger(s)&&s>0?s:0},[]),a=f>0,[m,w]=r.useState(()=>new Set);r.useEffect(()=>{if(!a)return;const e=Array.from({length:x},(s,u)=>window.setTimeout(()=>{w(M=>{const g=new Set(M);return g.add(u),g})},f+u*20));return()=>e.forEach(s=>window.clearTimeout(s))},[a,f]);const o=r.useMemo(()=>T(m,a,t),[m,a,t]),k=r.useMemo(()=>[{key:"mock-repo",root:h,label:"diff-review-lab",files:o.map(e=>({key:e.key,path:e.path,absolutePath:e.absolutePath,displayName:e.displayName,displayDir:e.displayDir,status:e.status}))}],[o]),p=r.useMemo(()=>{if(typeof window>"u")return null;const e=new URLSearchParams(window.location.search).get("select");if(e===null)return null;const s=Number.parseInt(e,10);return Number.isInteger(s)&&s>=0&&s<o.length?s:null},[o.length]),[b,$]=r.useState(()=>p!==null?o[p].key:null),[y,R]=r.useState(()=>({key:p!==null?o[p].key:null,nonce:p!==null?1:0})),[N,v]=r.useState("list"),[D,j]=r.useState(new Set),[L,P]=r.useState(p!==null?1:0);return i.jsxs("div",{className:"flex h-screen flex-col bg-background text-foreground","data-diff-review-lab":!0,children:[i.jsxs("div",{className:"shrink-0 border-b border-border/20 px-3 py-2 text-xs text-muted-foreground",children:[i.jsxs("button",{type:"button",className:"mr-2 rounded bg-surface-2 px-2 py-1",onClick:()=>c(e=>!e),"aria-pressed":n,children:["Wrap ",n?"on":"off"]}),i.jsx("button",{type:"button",className:"mr-2 rounded bg-surface-2 px-2 py-1",onClick:()=>d(e=>!e),"aria-pressed":l,children:l?"Split":"Unified"}),"DiffReview Lab · ",o.length," mock files · selected: ",i.jsx("span",{"data-lab-selected":!0,children:b??"none"})," · slide ",L]}),i.jsx("div",{className:"min-h-0 flex-1",children:i.jsx(I,{mobile:!0,backLabel:"Back",files:o,groups:k,selectedKey:b,scrollToKey:y.key,scrollToKeyNonce:y.nonce,mode:N,onModeChange:e=>{e!=="ai"&&v(e)},collapsedDirectoryKeys:D,onToggleDirectory:e=>j(s=>{const u=new Set(s);return u.has(e)?u.delete(e):u.add(e),u}),onSelectFile:e=>{$(e.key),R(s=>({key:e.key,nonce:s.nonce+1}))},onMobileSlideChange:P,renderLeading:()=>null,renderStreamBadge:e=>i.jsx("span",{className:"text-[10px] text-muted-foreground",children:e}),wrap:n,diffViewType:l?"split":"unified",activePane:!0})})]})}export{V as DiffReviewLab};