@yuangc/vibe-review 1.0.0 → 1.1.0

package/client/review.tsx

@@ -166,10 +166,10 @@ export const ReviewResultItem: ComponentType<PluginTimelineItemProps<ReviewResul
           setCommitProgress(null);
           setPendingDiff(null);
         } else if (status.kind === "idle") {
-          void paseo.agents.ref(props.agentId).timeline.refetch({ limit: 50 }).then((timeline: { entries: Array<{ item: { type: string; kind?: string; data?: { scoredAt?: string } } }> }) => {
+          void paseo.agents.ref(props.agentId).timeline.refetch({ limit: 50 }).then((timeline) => {
             if (!active) return;
             const items = timeline.entries.map((entry) => entry.item);
-            const reviewIndex = items.findLastIndex((item) => item.type === "plugin" && item.kind === "review-result" && item.data?.scoredAt === data.scoredAt);
+            const reviewIndex = items.findLastIndex((item) => item.type === "plugin" && item.kind === "review-result" && typeof item.data === "object" && item.data !== null && !Array.isArray(item.data) && item.data.scoredAt === data.scoredAt);
             const completed = reviewIndex >= 0 && items.slice(reviewIndex + 1).some((item) => item.type === "plugin" &&
               (item.kind === COMMIT_PREVIEW_KIND || item.kind === COMMIT_RESULT_KIND));
             if (completed) {

package/client/split-diff.tsx

@@ -42,7 +42,7 @@ function measuredBounds(fallback: ChangeBounds, measured: ChangeBounds): ChangeB
 }
 
 /** Two aligned panes modeled after an IDE side-by-side diff. */
-export function SplitDiff({ file, wrapLines }: { file: DiffFile; wrapLines: boolean }) {
+export function SplitDiff({ file, wrapLines, maxHeight = MAX_VIEWPORT_HEIGHT }: { file: DiffFile; wrapLines: boolean; maxHeight?: number }) {
   const rows = useMemo(() => buildSplitDiffRows(file.lines), [file.lines]);
   const changedSpans = useMemo(() => changedSpansByCell(rows), [rows]);
   const beforeRows = useMemo(() => buildPaneRows(rows, "before"), [rows]);
@@ -89,9 +89,9 @@ export function SplitDiff({ file, wrapLines }: { file: DiffFile; wrapLines: bool
   const measuredLayoutKey = useRef(`${file.path}\0${wrapLines}`);
   const requestedVertical = useRef({ before: 0, after: 0 });
   const virtualPosition = useRef(0);
-  const viewportHeight = Math.min(MAX_VIEWPORT_HEIGHT, Math.max(32, paneHeights.before, paneHeights.after));
+  const viewportHeight = Math.min(maxHeight, Math.max(32, paneHeights.before, paneHeights.after));
   const nativeContentHeight = Math.max(fixedNoWrapHeight(beforeRows), fixedNoWrapHeight(afterRows), paneHeights.before, paneHeights.after);
-  const nativeViewportHeight = Math.min(MAX_VIEWPORT_HEIGHT, Math.max(32, nativeContentHeight));
+  const nativeViewportHeight = Math.min(maxHeight, Math.max(32, nativeContentHeight));
   const [nativeScrollPosition, setNativeScrollPosition] = useState(0);
   const scrollHeights = Platform.OS === "web" ? paneHeights : {
     before: paneHeights.before || fixedNoWrapHeight(beforeRows),

package/client/workspace-commit.tsx

@@ -0,0 +1,381 @@
+import { useEffect, useRef, useState, type ReactNode } from "react";
+import { Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, View, type ViewStyle } from "react-native";
+import { useRpc, type PluginWorkspacePanelProps } from "@getpaseo/plugin/client";
+import { Icon } from "@getpaseo/plugin/client/react-native";
+import { workspaceGitCommitRpc, workspaceGitDiffRpc, workspaceGitPushRpc, workspaceGitTrackRpc, workspaceGitStatusRpc } from "../shared/workspace-commit";
+import { parseDiffFiles } from "./diff";
+import { FileTypeIcon } from "./file-icons";
+import { SplitDiff } from "./split-diff";
+import { WrapToggleButton } from "./wrap-toggle";
+
+type File = { path: string; status: string; staged: boolean; unstaged: boolean; untracked: boolean };
+type Selection = { path: string; staged: boolean; status?: string };
+type TreeNode = { kind: "folder"; name: string; path: string; files: File[]; children: TreeNode[] } | { kind: "file"; name: string; file: File };
+const checkboxState = (files: File[], selected: Set<string>) => files.length > 0 && files.every((file) => selected.has(file.path)) ? "all" : files.some((file) => selected.has(file.path)) ? "partial" : "none";
+const checkboxIcon = (state: "all" | "partial" | "none") => state === "all" ? "SquareCheck" : state === "partial" ? "SquareMinus" : "Square";
+const dragType = "application/x-vibe-review-git-files";
+function fileNameColor(file: File) {
+  if (file.untracked || file.status.includes("D")) return styles.removedName;
+  if (file.status.includes("A") || file.status.includes("?")) return styles.addedName;
+  return styles.path;
+}
+function changeKind(file: File): "added" | "modified" | "deleted" {
+  if (file.status.includes("D")) return "deleted";
+  if (file.untracked || file.status.includes("A")) return "added";
+  return "modified";
+}
+
+function DraggableRow({ children, paths, workspaceId, style }: { children: ReactNode; paths: string[]; workspaceId: string; style: ViewStyle | Array<ViewStyle | false | undefined> }) {
+  const ref = useRef<View>(null);
+  useEffect(() => {
+    if (Platform.OS !== "web") return;
+    const node = ref.current as unknown as HTMLElement | null;
+    if (!node) return;
+    node.draggable = true;
+    const start = (event: DragEvent) => {
+      if (!event.dataTransfer) return;
+      event.stopPropagation();
+      event.dataTransfer.effectAllowed = "copy";
+      event.dataTransfer.setData(dragType, JSON.stringify({ workspaceId, paths }));
+    };
+    node.addEventListener("dragstart", start);
+    return () => { node.removeEventListener("dragstart", start); node.draggable = false; };
+  }, [workspaceId, paths.join("\0")]);
+  return <View ref={ref} style={style}>{children}</View>;
+}
+
+function TrackedDropZone({ children, workspaceId, onFiles }: { children: ReactNode; workspaceId: string; onFiles(paths: string[]): void }) {
+  const ref = useRef<View>(null);
+  const [hovered, setHovered] = useState(false);
+  const onFilesRef = useRef(onFiles);
+  onFilesRef.current = onFiles;
+  useEffect(() => {
+    if (Platform.OS !== "web") return;
+    const node = ref.current as unknown as HTMLElement | null;
+    if (!node) return;
+    const over = (event: DragEvent) => {
+      if (!event.dataTransfer?.types.includes(dragType)) return;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "copy";
+      setHovered(true);
+    };
+    const leave = (event: DragEvent) => { if (!node.contains(event.relatedTarget as Node | null)) setHovered(false); };
+    const drop = (event: DragEvent) => {
+      setHovered(false);
+      const data = event.dataTransfer?.getData(dragType);
+      if (!data) return;
+      event.preventDefault();
+      try {
+        const value: unknown = JSON.parse(data);
+        if (typeof value !== "object" || value === null || !("workspaceId" in value) || value.workspaceId !== workspaceId || !("paths" in value) || !Array.isArray(value.paths) || !value.paths.every((path) => typeof path === "string")) return;
+        onFilesRef.current(value.paths);
+      } catch { /* Ignore unrelated browser drag payloads. */ }
+    };
+    node.addEventListener("dragover", over);
+    node.addEventListener("dragleave", leave);
+    node.addEventListener("drop", drop);
+    return () => { node.removeEventListener("dragover", over); node.removeEventListener("dragleave", leave); node.removeEventListener("drop", drop); };
+  }, [workspaceId]);
+  return <View ref={ref} style={hovered && styles.dropTarget}>{children}</View>;
+}
+
+function fileTree(files: File[]): TreeNode[] {
+  const root: TreeNode[] = [];
+  const folders = new Map<string, Extract<TreeNode, { kind: "folder" }>>();
+  for (const file of files) {
+    const parts = file.path.split("/").filter(Boolean);
+    let children = root;
+    let path = "";
+    for (const name of parts.slice(0, -1)) {
+      path = path ? `${path}/${name}` : name;
+      let folder = folders.get(path);
+      if (!folder) {
+        folder = { kind: "folder", name, path, files: [], children: [] };
+        folders.set(path, folder);
+        children.push(folder);
+      }
+      folder.files.push(file);
+      children = folder.children;
+    }
+    children.push({ kind: "file", name: parts.at(-1) ?? file.path, file });
+  }
+  const sort = (nodes: TreeNode[]) => {
+    nodes.sort((a, b) => a.kind === b.kind ? a.name.localeCompare(b.name) : a.kind === "folder" ? -1 : 1);
+    nodes.forEach((node) => { if (node.kind === "folder") sort(node.children); });
+  };
+  sort(root);
+  const compact = (nodes: TreeNode[]): TreeNode[] => nodes.map((node) => {
+    if (node.kind === "folder") {
+      node.children = compact(node.children);
+      while (node.children.length === 1 && node.children[0]?.kind === "folder") {
+        const child = node.children[0];
+        node.name += `/${child.name}`;
+        node.path = child.path;
+        node.children = child.children;
+      }
+    }
+    return node;
+  });
+  return compact(root);
+}
+
+export function WorkspaceCommitPanel({ workspaceId, onFilePreview, externalPreview }: PluginWorkspacePanelProps & { onFilePreview?: (selection: Selection) => void; externalPreview?: Selection | null }) {
+  const getStatus = useRpc(workspaceGitStatusRpc);
+  const getDiff = useRpc(workspaceGitDiffRpc);
+  const trackFiles = useRpc(workspaceGitTrackRpc);
+  const commit = useRpc(workspaceGitCommitRpc);
+  const push = useRpc(workspaceGitPushRpc);
+  const [files, setFiles] = useState<File[]>([]);
+  const [branch, setBranch] = useState("");
+  const [selected, setSelected] = useState<Selection | null>(null);
+  const [diff, setDiff] = useState("");
+  const [message, setMessage] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [pushing, setPushing] = useState(false);
+  const [error, setError] = useState("");
+  const [result, setResult] = useState("");
+  const [revision, setRevision] = useState(0);
+  const [wrapLines, setWrapLines] = useState(false);
+  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
+  const [collapsedGroups, setCollapsedGroups] = useState<Set<string>>(new Set());
+  const [selectedPaths, setSelectedPaths] = useState<Set<string>>(new Set());
+  const [previewHeight, setPreviewHeight] = useState(0);
+  const [previewHeaderHeight, setPreviewHeaderHeight] = useState(0);
+
+  useEffect(() => {
+    let active = true;
+    void getStatus({ workspaceId }).then((value) => {
+      if (active) {
+        setFiles(value.files);
+        setSelectedPaths((current) => new Set([...current].filter((path) => value.files.some((file) => file.path === path))));
+        setBranch(value.branch);
+        setError("");
+      }
+    }, (reason: unknown) => { if (active) setError(String(reason)); });
+    return () => { active = false; };
+  }, [workspaceId, revision]);
+
+  useEffect(() => {
+    let active = true;
+    setDiff("");
+    if (!onFilePreview && selected) void getDiff({ workspaceId, path: selected.path, staged: selected.staged }).then(
+      (value) => { if (active) setDiff(value.diff); },
+      (reason: unknown) => { if (active) setError(String(reason)); },
+    );
+    return () => { active = false; };
+  }, [workspaceId, selected?.path, selected?.staged, revision]);
+
+  const toggleSelection = (targetFiles: File[]) => setSelectedPaths((current) => {
+    const next = new Set(current);
+    const select = checkboxState(targetFiles, current) !== "all";
+    for (const file of targetFiles) {
+      if (select) next.add(file.path);
+      else next.delete(file.path);
+    }
+    return next;
+  });
+  const track = async (paths: string[]) => {
+    if (!paths.length || busy) return;
+    setBusy(true);
+    try {
+      await trackFiles({ workspaceId, paths });
+      setSelected(null);
+      setRevision((value) => value + 1);
+      setError("");
+    } catch (reason) { setError(String(reason)); }
+    finally { setBusy(false); }
+  };
+  const submit = async () => {
+    if (busy) return;
+    if (selectedPaths.size === 0) { setError("请先勾选要提交的文件"); return; }
+    if (!message.trim()) { setError("请填写提交说明"); return; }
+    setBusy(true);
+    try {
+      const value = await commit({ workspaceId, message: message.trim(), paths: [...selectedPaths] });
+      setResult(value.summary);
+      setMessage("");
+      setSelected(null);
+      setSelectedPaths(new Set());
+      setRevision((current) => current + 1);
+      setError("");
+    } catch (reason) { setError(String(reason)); }
+    finally { setBusy(false); }
+  };
+  const pushBranch = async () => {
+    if (busy) return;
+    setBusy(true);
+    setPushing(true);
+    try {
+      const value = await push({ workspaceId });
+      setResult(value.summary);
+      setError("");
+    } catch (reason) { setError(String(reason)); }
+    finally { setPushing(false); setBusy(false); }
+  };
+
+  const groups: Array<{ title: string; files: File[] }> = [
+    { title: "已跟踪", files: files.filter((file) => !file.untracked) },
+    ...(files.some((file) => file.untracked) ? [{ title: "未跟踪", files: files.filter((file) => file.untracked) }] : []),
+  ];
+  const selectedFiles = files.filter((file) => selectedPaths.has(file.path));
+  const counts = selectedFiles.reduce((result, file) => {
+    result[changeKind(file)]++;
+    return result;
+  }, { added: 0, modified: 0, deleted: 0 });
+  const parsed = parseDiffFiles(diff);
+  const toggleFolder = (key: string) => setCollapsed((current) => {
+    const next = new Set(current);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    return next;
+  });
+  const toggleGroup = (title: string) => setCollapsedGroups((current) => {
+    const next = new Set(current);
+    if (next.has(title)) next.delete(title);
+    else next.add(title);
+    return next;
+  });
+  const renderNodes = (nodes: TreeNode[], group: { title: string }, depth: number): React.ReactNode[] => nodes.map((node) => {
+    if (node.kind === "folder") {
+      const key = `${group.title}:${node.path}`;
+      const isCollapsed = collapsed.has(key);
+      const row = <>
+        <Pressable accessibilityRole="button" accessibilityLabel={`${isCollapsed ? "展开" : "折叠"} ${node.path}`} accessibilityState={{ expanded: !isCollapsed }} onPress={() => toggleFolder(key)} style={styles.chevron}>
+          <Icon name={isCollapsed ? "ChevronRight" : "ChevronDown"} size={15} color="#64748b" />
+        </Pressable>
+        <Pressable accessibilityRole="checkbox" accessibilityState={{ checked: checkboxState(node.files, selectedPaths) === "all" }} accessibilityLabel={`${checkboxState(node.files, selectedPaths) === "all" ? "取消选择" : "选择"} ${node.path} 下的文件`} onPress={() => toggleSelection(node.files)} style={styles.checkbox}>
+          <Icon name={checkboxIcon(checkboxState(node.files, selectedPaths))} size={17} color="#64748b" />
+        </Pressable>
+        <Pressable accessibilityRole="button" onPress={() => toggleFolder(key)} style={styles.fileButton}>
+          <Icon name="Folder" size={16} color="#6b7280" />
+          <Text style={[styles.folderName, group.title === "未跟踪" && styles.untrackedName]} numberOfLines={1}>{node.name}</Text>
+          <Text style={styles.count} numberOfLines={1}>{node.files.length} 个文件</Text>
+        </Pressable>
+      </>;
+      const rowStyle = [styles.fileRow, { paddingLeft: 29 + depth * 20 }];
+      return <View key={key}>
+        {group.title === "未跟踪" ? <DraggableRow workspaceId={workspaceId} paths={node.files.map((file) => file.path)} style={rowStyle}>{row}</DraggableRow> : <View style={rowStyle}>{row}</View>}
+        {!isCollapsed ? renderNodes(node.children, group, depth + 1) : null}
+      </View>;
+    }
+    const file = node.file;
+    const row = <>
+      <View style={styles.chevron} />
+      <Pressable accessibilityRole="checkbox" accessibilityState={{ checked: selectedPaths.has(file.path) }} accessibilityLabel={`${selectedPaths.has(file.path) ? "取消选择" : "选择"} ${file.path} 用于提交`} onPress={() => toggleSelection([file])} style={styles.checkbox}>
+        <Icon name={checkboxIcon(checkboxState([file], selectedPaths))} size={17} color="#64748b" />
+      </Pressable>
+      <Pressable accessibilityRole="button" accessibilityLabel={`查看 ${file.path} 的差异`} onPress={() => {
+        const selection = { path: file.path, staged: !file.unstaged && file.staged, status: file.untracked ? "??" : file.status };
+        if (onFilePreview) onFilePreview(selection);
+        else setSelected(selection);
+      }} style={styles.fileButton}>
+        <FileTypeIcon fileName={node.name} />
+        <Text style={[styles.path, fileNameColor(file)]} numberOfLines={1}>{node.name}</Text>
+      </Pressable>
+    </>;
+    const rowStyle = [styles.fileRow, { paddingLeft: 29 + depth * 20 }, (onFilePreview ? externalPreview?.path === file.path : selected?.path === file.path) && styles.active];
+    return group.title === "未跟踪"
+      ? <DraggableRow key={`${group.title}:${file.path}`} workspaceId={workspaceId} paths={[file.path]} style={rowStyle}>{row}</DraggableRow>
+      : <View key={`${group.title}:${file.path}`} style={rowStyle}>{row}</View>;
+  });
+
+  return <View style={styles.root}>
+    <View style={styles.toolbar}>
+      <Text style={styles.heading}>提交更改{branch ? ` · ${branch}` : ""}</Text>
+      <Pressable accessibilityRole="button" accessibilityLabel="刷新 Git 状态" onPress={() => setRevision((value) => value + 1)}><Icon name="RefreshCw" size={17} color="#64748b" /></Pressable>
+    </View>
+    <ScrollView style={!onFilePreview && selected ? styles.list : styles.listExpanded}>
+      {groups.map((group) => {
+        const isCollapsed = collapsedGroups.has(group.title);
+        const header = <>
+          <Pressable accessibilityRole="button" accessibilityLabel={`${isCollapsed ? "展开" : "折叠"}${group.title}`} accessibilityState={{ expanded: !isCollapsed }} onPress={() => toggleGroup(group.title)} style={styles.chevron}>
+            <Icon name={isCollapsed ? "ChevronRight" : "ChevronDown"} size={15} color="#64748b" />
+          </Pressable>
+          <Pressable accessibilityRole="checkbox" accessibilityState={{ checked: checkboxState(group.files, selectedPaths) === "all" }} accessibilityLabel={`${checkboxState(group.files, selectedPaths) === "all" ? "取消选择" : "选择"}全部${group.title}文件用于提交`} onPress={() => toggleSelection(group.files)} disabled={group.files.length === 0} style={styles.checkbox}>
+            <Icon name={checkboxIcon(checkboxState(group.files, selectedPaths))} size={17} color="#64748b" />
+          </Pressable>
+          <Pressable accessibilityRole="button" accessibilityLabel={`${isCollapsed ? "展开" : "折叠"}${group.title}`} onPress={() => toggleGroup(group.title)} style={styles.groupButton}>
+            <Text style={styles.group}>{group.title}  {group.files.length} 个文件</Text>
+          </Pressable>
+        </>;
+        const content = <View>
+          {group.title === "未跟踪" && group.files.length > 0
+            ? <DraggableRow workspaceId={workspaceId} paths={group.files.map((file) => file.path)} style={styles.groupRow}>{header}</DraggableRow>
+            : <View style={styles.groupRow}>{header}</View>}
+          {!isCollapsed ? renderNodes(fileTree(group.files), group, 0) : null}
+        </View>;
+        return group.title === "已跟踪"
+          ? <TrackedDropZone key={group.title} workspaceId={workspaceId} onFiles={(paths) => void track(files.filter((file) => file.untracked && paths.includes(file.path)).map((file) => file.path))}>{content}</TrackedDropZone>
+          : <View key={group.title}>{content}</View>;
+      })}
+      {files.length === 0 && !error ? <Text style={styles.empty}>工作区没有待提交的改动</Text> : null}
+    </ScrollView>
+    {!onFilePreview && selected ? <View style={styles.preview} onLayout={(event) => setPreviewHeight(event.nativeEvent.layout.height)}>
+      <View style={styles.previewHeader} onLayout={(event) => setPreviewHeaderHeight(event.nativeEvent.layout.height)}>
+        <Text style={styles.previewTitle} numberOfLines={1}>{selected.path}</Text>
+        <WrapToggleButton active={wrapLines} onToggle={() => setWrapLines((value) => !value)} tooltipPlacement="below" />
+        <Pressable accessibilityRole="button" accessibilityLabel="关闭文件差异预览" onPress={() => setSelected(null)} style={styles.previewAction}><Icon name="X" size={16} color="#64748b" /></Pressable>
+      </View>
+      {parsed[0] && previewHeight > previewHeaderHeight ? <SplitDiff file={parsed[0]} wrapLines={wrapLines} maxHeight={Math.max(32, previewHeight - previewHeaderHeight - 1)} /> : !parsed[0] ? <Text style={styles.empty}>没有可显示的文本差异</Text> : null}
+    </View> : null}
+    <View style={styles.footer}>
+      {selectedFiles.length > 0 ? <View style={styles.summaryRow}>
+        <Text style={styles.summaryCount}>已选 {selectedFiles.length} 个文件</Text>
+        <View style={styles.summaryDetails}>
+          {counts.added > 0 ? <Text style={styles.addedName}>新增 {counts.added}</Text> : null}
+          {counts.modified > 0 ? <Text style={styles.summaryModified}>修改 {counts.modified}</Text> : null}
+          {counts.deleted > 0 ? <Text style={styles.removedName}>删除 {counts.deleted}</Text> : null}
+        </View>
+      </View> : null}
+      <TextInput value={message} onChangeText={setMessage} multiline placeholder="提交说明" style={styles.message} />
+      <View style={styles.actions}>
+        <Pressable accessibilityRole="button" accessibilityLabel="推送当前分支" accessibilityState={{ disabled: busy }} disabled={busy} onPress={() => void pushBranch()} style={[styles.push, busy && styles.disabled]}><Text style={styles.pushText}>{pushing ? "推送中…" : "推送"}</Text></Pressable>
+        <Pressable accessibilityRole="button" accessibilityLabel="提交勾选的文件" accessibilityState={{ disabled: busy }} disabled={busy} onPress={() => void submit()} style={[styles.commit, busy && styles.disabled]}><Text style={styles.commitText}>{busy && !pushing ? "提交中…" : "提交"}</Text></Pressable>
+      </View>
+      {error ? <Text style={styles.error}>{error}</Text> : null}
+      {result ? <Text style={styles.result}>{result}</Text> : null}
+    </View>
+  </View>;
+}
+
+const styles = StyleSheet.create({
+  root: { flex: 1, minHeight: 0, minWidth: 0, overflow: "hidden", backgroundColor: "#fff" },
+  toolbar: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", padding: 12, borderBottomWidth: 1, borderColor: "#e5e7eb" },
+  heading: { fontSize: 15, fontWeight: "600", color: "#111827" },
+  list: { flexGrow: 0, flexShrink: 1, maxHeight: 280 },
+  listExpanded: { flex: 1, minHeight: 0 },
+  groupRow: { flexDirection: "row", alignItems: "center", paddingHorizontal: 9, paddingTop: 10, paddingBottom: 4 },
+  group: { fontSize: 12, fontWeight: "600", color: "#6b7280" },
+  groupButton: { flex: 1, minHeight: 27, justifyContent: "center" },
+  fileRow: { flexDirection: "row", alignItems: "center", minHeight: 32, paddingHorizontal: 9 },
+  active: { backgroundColor: "#e9f0ff" },
+  checkbox: { padding: 4 },
+  chevron: { width: 20, height: 27, alignItems: "center", justifyContent: "center" },
+  fileButton: { flex: 1, minWidth: 0, flexDirection: "row", alignItems: "center", gap: 6, padding: 3 },
+  folderName: { flexShrink: 1, fontSize: 13, color: "#111827" },
+  untrackedName: { color: "#bc3145" },
+  dropTarget: { backgroundColor: "#e9f0ff" },
+  count: { flexShrink: 0, fontSize: 11, color: "#9ca3af" },
+  path: { flex: 1, fontSize: 13, color: "#1641ad" },
+  addedName: { color: "#07833d" },
+  removedName: { color: "#bc3145" },
+  empty: { padding: 12, color: "#6b7280" },
+  preview: { flex: 1, minHeight: 0, minWidth: 0, overflow: "hidden", borderTopWidth: 1, borderColor: "#e5e7eb" },
+  previewHeader: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", padding: 9, position: "relative", zIndex: 3 },
+  previewTitle: { flex: 1, fontSize: 13, color: "#111827" },
+  previewAction: { width: 28, height: 28, alignItems: "center", justifyContent: "center" },
+  footer: { borderTopWidth: 1, borderColor: "#e5e7eb", padding: 10, gap: 7 },
+  summaryRow: { minHeight: 24, flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 8 },
+  summaryCount: { color: "#6b7280", fontSize: 12 },
+  summaryDetails: { flexDirection: "row", alignItems: "center", gap: 12 },
+  summaryModified: { color: "#1641ad" },
+  message: { minHeight: 58, padding: 8, borderWidth: 1, borderColor: "#cbd5e1", borderRadius: 5, textAlignVertical: "top", fontSize: 13 },
+  actions: { flexDirection: "row", justifyContent: "flex-end", gap: 8 },
+  push: { backgroundColor: "#fff", borderWidth: 1, borderColor: "#1664d9", paddingHorizontal: 18, paddingVertical: 7, borderRadius: 5 },
+  pushText: { color: "#1664d9", fontWeight: "600" },
+  commit: { backgroundColor: "#1664d9", paddingHorizontal: 18, paddingVertical: 8, borderRadius: 5 },
+  disabled: { opacity: 0.65 },
+  commitText: { color: "#fff", fontWeight: "600" },
+  error: { color: "#b91c1c", fontSize: 12 },
+  result: { color: "#15803d", fontSize: 12 },
+});

package/client/wrap-toggle.tsx

@@ -0,0 +1,30 @@
+import { useState } from "react";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { Icon } from "@getpaseo/plugin/client/react-native";
+
+export function WrapToggleButton({ active, onToggle, tooltipPlacement = "above" }: { active: boolean; onToggle(): void; tooltipPlacement?: "above" | "below" }) {
+  const [hovered, setHovered] = useState(false);
+  return <View style={styles.container}>
+    <Pressable
+      accessibilityRole="button"
+      accessibilityLabel="折行显示"
+      aria-pressed={active}
+      onHoverIn={() => setHovered(true)}
+      onHoverOut={() => setHovered(false)}
+      onPress={onToggle}
+      style={[styles.button, active && styles.active, hovered && styles.hover]}
+    ><Icon name="WrapText" size={13} color="#64748b" /></Pressable>
+    {hovered ? <View pointerEvents="none" style={[styles.tooltip, tooltipPlacement === "above" ? styles.above : styles.below]}><Text style={styles.tooltipText}>折行显示</Text></View> : null}
+  </View>;
+}
+
+const styles = StyleSheet.create({
+  container: { position: "relative", zIndex: 2 },
+  button: { width: 20, height: 20, borderRadius: 4, alignItems: "center", justifyContent: "center" },
+  active: { backgroundColor: "#cbcbcd" },
+  hover: { backgroundColor: "#e5e7eb" },
+  tooltip: { position: "absolute", right: 0, width: 72, paddingHorizontal: 9, paddingVertical: 5, borderRadius: 5, backgroundColor: "#1e293b", zIndex: 4 },
+  above: { bottom: 24 },
+  below: { top: 24 },
+  tooltipText: { color: "#fff", fontSize: 11, textAlign: "center" },
+});

package/index.client.tsx

@@ -7,8 +7,14 @@ import { MobileClarify } from "./client/mobile-clarify";
 import { COMMIT_RESULT_KIND, COMMIT_PREVIEW_KIND, commitResultSchema, commitPreviewSchema, preparePiCommitRpc } from "./shared/commit";
 import { CommitResultItem } from "./client/commit-result";
 import { CommitPreviewItem } from "./client/commit-preview";
+import { editDiffFiles } from "./client/edit-diff-data";
+import { EDIT_DIFF_KIND, editDiffSchema, EditDiffItem } from "./client/edit-diff";
+import { WorkspaceCommitPanel } from "./client/workspace-commit";
+import { GitHistoryPanel } from "./client/git-history";
 
 export default function contribute(client: PluginClientContext) {
+  client.addWorkspacePanel({ id: "vibe-review-commit", title: "提交更改", icon: "GitCommitHorizontal", context: "workspace", locations: ["explorer"], Component: WorkspaceCommitPanel });
+  client.addWorkspacePanel({ id: "vibe-review-git-history", title: "Git 历史", icon: "GitBranch", context: "workspace", locations: ["workspace", "explorer"], Component: GitHistoryPanel });
   const clarify = createClarifyController(client);
   const pills = new Map<string, { workspaceId: string; remove(): void }>();
   const lifetime = new AbortController();
@@ -54,6 +60,16 @@ export default function contribute(client: PluginClientContext) {
   });
   client.addTimelineRenderer({ kind: COMMIT_RESULT_KIND, version: 1, schema: commitResultSchema, Component: CommitResultItem });
   client.addTimelineRenderer({ kind: COMMIT_PREVIEW_KIND, version: 1, schema: commitPreviewSchema, Component: CommitPreviewItem });
+  client.addTimelineTransformer({
+    id: "edit-diff",
+    query: { itemType: "tool_call" },
+    transform({ item }) {
+      if (!editDiffFiles(item) || item.detail.type !== "edit") return undefined;
+      return { items: [{ type: "plugin", kind: EDIT_DIFF_KIND, version: 1,
+        data: { path: item.detail.filePath, diff: item.detail.unifiedDiff!, status: item.status } }] };
+    },
+  });
+  client.addTimelineRenderer({ kind: EDIT_DIFF_KIND, version: 1, schema: editDiffSchema, Component: EditDiffItem });
 
   const commit = async (agent: { id: string; cwd: string }, rpc: (contract: typeof preparePiCommitRpc, input: { agentId: string; cwd: string }) => Promise<unknown>) => {
     await rpc(preparePiCommitRpc, { agentId: agent.id, cwd: agent.cwd });

package/index.server.ts

@@ -14,8 +14,12 @@ import { recentCommitContext } from "./server/commit-context";
 import { isCurrentCommitPreview, isLatestReviewTurn } from "./server/commit-availability";
 import { buildTaskSummary, isSessionControlCommand } from "./server/inspect";
 import { isVerifierHookAgent, verifyWithPaseoProvider } from "./server/verify";
+import { registerWorkspaceCommit } from "./server/workspace-commit";
+import { registerGitHistory } from "./server/git-history";
 
 export default function contribute(server: PluginServerContext) {
+  registerWorkspaceCommit(server);
+  registerGitHistory(server);
   const settings = server.registerSettings(llmSettings);
   const piSettings = server.registerSettings(piCommitSettings);
   const verifySettings = server.registerSettings(verificationSettings);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuangc/vibe-review",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -16,7 +16,7 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@getpaseo/plugin": "0.9.0-beta.2",
+    "@getpaseo/plugin": "0.11.2",
     "@tanstack/react-query": "^5.90.11",
     "@types/react": "~19.2.0",
     "react": "19.1.0",
@@ -25,7 +25,7 @@
     "zod": "^4.4.3"
   },
   "dependencies": {
-    "@getpaseo/highlight": "0.10.0",
-    "@getpaseo/protocol": "0.9.0-beta.2"
+    "@getpaseo/highlight": "0.11.2",
+    "@getpaseo/protocol": "0.11.2"
   }
 }

package/paseo-plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "vibe-review",
   "requirements": {
-    "paseo": ">=0.9.0-beta.2"
+    "paseo": ">=0.11.2"
   }
 }

package/server/git-history.ts

@@ -0,0 +1,83 @@
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
+import type { PluginHandlerContext, PluginServerContext } from "@getpaseo/plugin/server";
+import { gitCommitDetailRpc, gitCommitFileDiffRpc, gitHistoryRpc } from "../shared/git-history";
+
+const runFile = promisify(execFile);
+const PAGE_SIZE = 50;
+const git = async (cwd: string, args: string[]) => (await runFile("git", args, { cwd, encoding: "utf8", maxBuffer: 16 * 1024 * 1024 })).stdout;
+const gitConfig = async (cwd: string, key: string) => { try { return (await git(cwd, ["config", "--get", key])).trim(); } catch { return ""; } };
+
+async function directory(paseo: PluginHandlerContext["paseo"], workspaceId: string) {
+  const workspace = await paseo.workspaces.ref(workspaceId).refresh();
+  if (!workspace?.workspaceDirectory) throw new Error("工作区目录不可用");
+  await git(workspace.workspaceDirectory, ["rev-parse", "--show-toplevel"]);
+  return workspace.workspaceDirectory;
+}
+
+const format = "%H%x1f%P%x1f%an%x1f%ae%x1f%aI%x1f%s%x1f%D%x1e";
+function parseCommits(raw: string) {
+  return raw.split("\x1e").map((record) => record.trimStart()).filter(Boolean).map((record) => {
+    const [hash = "", parents = "", author = "", email = "", date = "", subject = "", refs = ""] = record.split("\x1f");
+    return { hash, parents: parents ? parents.split(" ") : [], author, email, date, subject, refs: refs ? refs.split(", ") : [] };
+  });
+}
+
+async function commitBase(cwd: string, hash: string) {
+  if (!/^[0-9a-f]{40,64}$/i.test(hash)) throw new Error("无效提交哈希");
+  const ancestry = (await git(cwd, ["rev-list", "--parents", "-n", "1", hash])).trim().split(" ");
+  if (ancestry[0] !== hash) throw new Error("提交不存在");
+  return ancestry[1] ?? null;
+}
+
+async function changedFiles(cwd: string, hash: string, base: string | null) {
+  const args = base
+    ? ["diff", "--name-status", "--no-renames", "-z", base, hash]
+    : ["diff-tree", "--root", "--no-commit-id", "--name-status", "--no-renames", "-r", "-z", hash];
+  const parts = (await git(cwd, args)).split("\0").filter(Boolean);
+  const files: Array<{ path: string; status: string }> = [];
+  for (let i = 0; i + 1 < parts.length; i += 2) files.push({ status: parts[i]!, path: parts[i + 1]! });
+  return files;
+}
+
+export function registerGitHistory(server: PluginServerContext) {
+  server.handle(gitHistoryRpc, async ({ workspaceId, branch, query, skip }, { paseo }) => {
+    const cwd = await directory(paseo, workspaceId);
+    const branches = (await git(cwd, ["for-each-ref", "--format=%(refname)%09%(upstream:track)", "refs/heads", "refs/remotes", "refs/tags"])).trim().split("\n").filter(Boolean).map((line) => {
+      const [ref = "", tracking = ""] = line.split("\t");
+      const ahead = Number(tracking.match(/\bahead (\d+)/)?.[1]) || 0;
+      const behind = Number(tracking.match(/\bbehind (\d+)/)?.[1]) || 0;
+      if (ref.startsWith("refs/heads/")) return { name: ref.slice("refs/heads/".length), group: "local" as const, ahead, behind };
+      if (ref.startsWith("refs/tags/")) return { name: ref.slice("refs/tags/".length), group: "tag" as const, ahead: 0, behind: 0 };
+      return { name: ref.slice("refs/remotes/".length), group: "remote" as const, ahead: 0, behind: 0 };
+    }).filter((item) => item.name && !(item.group === "remote" && item.name.endsWith("/HEAD")));
+    if (branch && !branches.some((item) => item.name === branch)) throw new Error("分支不存在，请刷新");
+    const currentBranch = (await git(cwd, ["branch", "--show-current"])).trim();
+    const [gitUserName, gitUserEmail] = await Promise.all([gitConfig(cwd, "user.name"), gitConfig(cwd, "user.email")]);
+    const args = ["log", `--skip=${skip}`, `-n${PAGE_SIZE + 1}`, `--pretty=format:${format}`];
+    if (!branch) args.push("--all");
+    if (query.trim()) args.push("--regexp-ignore-case", "--fixed-strings", `--grep=${query.trim()}`);
+    if (branch) args.push(branch);
+    const raw = branches.length ? await git(cwd, args) : "";
+    const commits = parseCommits(raw);
+    return { commits: commits.slice(0, PAGE_SIZE), hasMore: commits.length > PAGE_SIZE, branches, currentBranch, currentGitUser: { name: gitUserName, email: gitUserEmail } };
+  });
+  server.handle(gitCommitDetailRpc, async ({ workspaceId, hash }, { paseo }) => {
+    const cwd = await directory(paseo, workspaceId);
+    const base = await commitBase(cwd, hash);
+    const message = (await git(cwd, ["show", "-s", "--format=%B", hash])).trim();
+    const branchNames = (await git(cwd, ["for-each-ref", `--contains=${hash}`, "--format=%(refname:short)", "refs/heads", "refs/remotes"])).trim().split("\n").filter(Boolean);
+    const inHead = await git(cwd, ["merge-base", "--is-ancestor", hash, "HEAD"]).then(() => true, () => false);
+    return { message, files: await changedFiles(cwd, hash, base), containingBranches: inHead ? ["HEAD", ...branchNames] : branchNames };
+  });
+  server.handle(gitCommitFileDiffRpc, async ({ workspaceId, hash, path }, { paseo }) => {
+    const cwd = await directory(paseo, workspaceId);
+    const base = await commitBase(cwd, hash);
+    const files = await changedFiles(cwd, hash, base);
+    if (!files.some((file) => file.path === path)) throw new Error("文件不属于该提交");
+    const diff = base
+      ? await git(cwd, ["diff", "--no-ext-diff", "--no-renames", "--unified=3", base, hash, "--", path])
+      : await git(cwd, ["show", "--format=", "--root", "--no-ext-diff", hash, "--", path]);
+    return { diff };
+  });
+}

package/server/paseo-api-types.ts

@@ -8,7 +8,7 @@ export interface PaseoAgentTimelineHandle {
     version: number;
     data: unknown;
   }): Promise<{ seq: number; epoch: string }>;
-  refetch(requestId?: string): Promise<{ entries?: Array<{ item: AgentTimelineItem }> }>;
+  refetch(options?: { limit?: number }): Promise<{ entries?: Array<{ item: AgentTimelineItem }> }>;
 }
 
 export interface PaseoAgentRef {

package/server/review.ts

@@ -77,7 +77,8 @@ export async function reconcileVerification(paseo: PluginHandlerContext["paseo"]
     if (!verification) return;
     if (activeVerifications.has(key)) return;
     const latest = await findCard();
-    if (!latest || latest.data?.verificationState !== "running") return;
+    const latestParsed = latest?.type === "plugin" ? reviewResultSchema.safeParse(latest.data) : null;
+    if (!latestParsed?.success || latestParsed.data.verificationState !== "running") return;
     const result = card.result === "done" && verification.status === "failed" ? "partial"
       : card.result === "done" && verification.status === "unavailable" ? "unknown" : card.result;
     const finalVerdict = verdictOf({ result: result ?? "unknown", drifts: card.drifts ?? [] });