whipped 0.9.0 → 0.9.1

package/dist/web-ui/assets/{ganttDiagram-NO4QXBWP-D9HwNV4u.js → ganttDiagram-NO4QXBWP-CqDgijmY.js}

@@ -1,6 +1,6 @@
-import { bg as Rgb, bh as rgbConvert, bi as define, bj as extend, bk as Color, bl as nogamma, bm as hue, g as getAccDescription, s as setAccDescription, o as getDiagramTitle, n as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, d as select, e as configureSvgSize, bn as dayjs2, l as log, k as common_default, j as distExports, p as clear, x as utils_default } from "./mermaid.core-BRk3IzY2.js";
-import { g as getDefaultExportFromCjs } from "./index-DZ7I8r_C.js";
-import { b as bisector, t as tickStep, c as continuous, a as copy, l as linear } from "./linear-CfvGIyDE.js";
+import { bg as Rgb, bh as rgbConvert, bi as define, bj as extend, bk as Color, bl as nogamma, bm as hue, g as getAccDescription, s as setAccDescription, o as getDiagramTitle, n as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, d as select, e as configureSvgSize, bn as dayjs2, l as log, k as common_default, j as distExports, p as clear, x as utils_default } from "./mermaid.core-D-SdXkuv.js";
+import { g as getDefaultExportFromCjs } from "./index-DddtVpjm.js";
+import { b as bisector, t as tickStep, c as continuous, a as copy, l as linear } from "./linear-uVfTbk22.js";
 import { i as initRange } from "./init-ZxktEp_H.js";
 import "./defaultLocale-B2RvLBDe.js";
 function max(values, valueof) {

package/dist/web-ui/assets/{gitGraphDiagram-IHSO6WYX-B7wnoO0J.js → gitGraphDiagram-IHSO6WYX-8juiaoTk.js}

@@ -1,8 +1,8 @@
-import { I as ImperativeState } from "./chunk-2Q5K7J3B-BRq-Qbau.js";
-import { p as populateCommonDb } from "./chunk-JWPE2WC7-BW4n_ZhH.js";
-import { o as getDiagramTitle, n as setDiagramTitle, s as setAccDescription, g as getAccDescription, a as getAccTitle, b as setAccTitle, _ as __name, y as getConfig, l as log, d as select, c as getConfig2, x as utils_default, z as setupGraphViewbox2, p as clear, k as common_default, A as cleanAndMerge, B as defaultConfig_default, C as random } from "./mermaid.core-BRk3IzY2.js";
-import { p as parse } from "./cynefin-VYW2F7L2-DTNV7gvQ.js";
-import "./index-DZ7I8r_C.js";
+import { I as ImperativeState } from "./chunk-2Q5K7J3B-DYVO9tIE.js";
+import { p as populateCommonDb } from "./chunk-JWPE2WC7-Ab-zf2K1.js";
+import { o as getDiagramTitle, n as setDiagramTitle, s as setAccDescription, g as getAccDescription, a as getAccTitle, b as setAccTitle, _ as __name, y as getConfig, l as log, d as select, c as getConfig2, x as utils_default, z as setupGraphViewbox2, p as clear, k as common_default, A as cleanAndMerge, B as defaultConfig_default, C as random } from "./mermaid.core-D-SdXkuv.js";
+import { p as parse } from "./cynefin-VYW2F7L2-CaR1DgV9.js";
+import "./index-DddtVpjm.js";
 var commitType = {
   NORMAL: 0,
   REVERSE: 1,

package/dist/web-ui/assets/{index-DZ7I8r_C.js → index-DddtVpjm.js}

@@ -53908,7 +53908,7 @@ function MermaidBlock({ id, source, caption }) {
     const render = async () => {
       try {
         const { default: mermaid } = await __vitePreload(async () => {
-          const { default: mermaid2 } = await import("./mermaid.core-BRk3IzY2.js").then((n2) => n2.bp);
+          const { default: mermaid2 } = await import("./mermaid.core-D-SdXkuv.js").then((n2) => n2.bp);
           return { default: mermaid2 };
         }, true ? [] : void 0);
         if (!mermaidInitialized) {
@@ -74311,6 +74311,103 @@ function InlineCommentBox({
     ] })
   ] }) });
 }
+function PendingCommentBubble({
+  comment: comment2,
+  onSave,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-4 my-1.5 border border-[#eab308]/30 rounded-md bg-[#eab308]/10 p-2.5 font-sans", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-[#eab308]/90 leading-relaxed flex-1", children: comment2.text }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => onSave(comment2.id),
+          className: "text-[10px] text-whip-muted hover:text-whip-text transition-colors px-1.5 py-0.5 rounded border border-whip-border hover:border-white/40",
+          title: "Save to Comments tab",
+          children: "Save"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => onRemove(comment2.id),
+          className: "text-whip-faint hover:text-[#ff3b4d] transition-colors",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 11 })
+        }
+      )
+    ] })
+  ] }) });
+}
+function DiffHunk({ hunk, path: path2, comments }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-0.5 bg-whip-panel-2 text-whip-muted border-y border-whip-border whitespace-pre-wrap break-words font-mono text-[11px]", children: hunk.header }),
+    hunk.lines.map((line, li2) => {
+      const lineNum = line.newNum ?? line.oldNum;
+      const lineKey = `${path2}:${line.oldNum ?? "-"}:${line.newNum ?? "-"}`;
+      const linePending = (comments == null ? void 0 : comments.pendingComments.filter((c) => c.lineKey === lineKey)) ?? [];
+      const rowBg = line.type === "added" ? "bg-[#22c55e]/10" : line.type === "removed" ? "bg-[#ff3b4d]/10" : "";
+      const numBg = line.type === "added" ? "bg-[#22c55e]/20" : line.type === "removed" ? "bg-[#ff3b4d]/20" : "bg-transparent";
+      const numColor = line.type === "added" ? "text-[#22c55e]" : line.type === "removed" ? "text-[#ff3b4d]" : "text-whip-faint";
+      const sign = line.type === "added" ? "+" : line.type === "removed" ? "-" : " ";
+      const signColor = line.type === "added" ? "text-[#22c55e]" : line.type === "removed" ? "text-[#ff3b4d]" : "text-transparent";
+      const textColor = line.type === "added" ? "text-[#86efac]" : line.type === "removed" ? "text-[#fca5a5]" : "text-whip-muted";
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames("group relative flex hover:brightness-110 transition-[filter]", rowBg), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: classNames(
+                "w-10 shrink-0 text-right pr-2 py-0.5 select-none border-r border-whip-border-soft font-mono text-[11px]",
+                numBg,
+                numColor
+              ),
+              children: line.newNum ?? line.oldNum ?? ""
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 shrink-0 text-center py-0.5 select-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classNames("font-mono", signColor), children: sign }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: classNames(
+                "flex-1 min-w-0 py-0.5 pr-7 whitespace-pre-wrap break-words font-mono text-[12px]",
+                textColor
+              ),
+              children: line.content
+            }
+          ),
+          comments && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => comments.openCommentKey === lineKey ? comments.onCloseComment() : comments.onOpenComment(lineKey),
+              className: "absolute right-1 top-0.5 opacity-0 group-hover:opacity-100 transition-opacity text-whip-text hover:text-white p-0.5 rounded bg-whip-panel-2",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 11 })
+            }
+          )
+        ] }),
+        comments && comments.openCommentKey === lineKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          InlineCommentBox,
+          {
+            draftRef: comments.draftRef,
+            value: comments.commentDraft,
+            onChange: comments.onCommentDraftChange,
+            onAdd: () => comments.onCommitPending(path2, lineKey, lineNum),
+            onCancel: comments.onCloseComment
+          }
+        ),
+        comments && linePending.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PendingCommentBubble,
+          {
+            comment: c,
+            onSave: comments.onSaveComment,
+            onRemove: comments.onRemoveComment
+          },
+          c.id
+        ))
+      ] }, li2);
+    })
+  ] });
+}
 function parseDiff(raw2) {
   const files = [];
   let file = null;
@@ -74422,167 +74519,111 @@ function sortTree(node2) {
     if (!child.isFile) sortTree(child);
   }
 }
-function PendingCommentBubble({
-  comment: comment2,
-  onSave,
-  onRemove
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-4 my-1.5 border border-[#eab308]/30 rounded-md bg-[#eab308]/10 p-2.5 font-sans", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-[#eab308]/90 leading-relaxed flex-1", children: comment2.text }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+const LINE_ROW_HEIGHT = 22;
+const HUNK_HEADER_HEIGHT = 23;
+function estimateBodyHeight(file) {
+  return file.hunks.reduce((sum, hunk) => sum + HUNK_HEADER_HEIGHT + hunk.lines.length * LINE_ROW_HEIGHT, 0);
+}
+function DiffFileSection({ file, scrollRef, isCollapsed, onToggleCollapse, comments }) {
+  var _a3;
+  const path2 = displayPath(file);
+  const sectionRef = reactExports.useRef(null);
+  const bodyRef = reactExports.useRef(null);
+  const measuredHeight = reactExports.useRef(null);
+  const [nearViewport, setNearViewport] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    const el2 = sectionRef.current;
+    if (!el2) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[entries.length - 1];
+        if (!entry) return;
+        if (!entry.isIntersecting && bodyRef.current) {
+          measuredHeight.current = bodyRef.current.offsetHeight;
+        }
+        setNearViewport(entry.isIntersecting);
+      },
+      { root: scrollRef.current, rootMargin: "1200px 0px" }
+    );
+    observer.observe(el2);
+    return () => observer.disconnect();
+  }, [scrollRef]);
+  const fileCommentKey = `${path2}:header`;
+  const filePendingComments = (comments == null ? void 0 : comments.pendingComments.filter((c) => c.file === path2)) ?? [];
+  const showBody = nearViewport || !!((_a3 = comments == null ? void 0 : comments.openCommentKey) == null ? void 0 : _a3.startsWith(`${path2}:`));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: sectionRef, id: fileElemId(path2), className: "border-b border-whip-border-soft", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-whip-panel border-b border-whip-border-soft sticky top-0 z-10", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          onClick: () => onSave(comment2.id),
-          className: "text-[10px] text-whip-muted hover:text-whip-text transition-colors px-1.5 py-0.5 rounded border border-whip-border hover:border-white/40",
-          title: "Save to Comments tab",
-          children: "Save"
+          onClick: () => onToggleCollapse(path2),
+          className: "text-whip-faint hover:text-whip-muted shrink-0 transition-colors",
+          children: isCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 13 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 13 })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex-1 text-whip-text text-[11px] truncate font-sans", children: [
+        path2,
+        file.isNew && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-[10px] text-[#22c55e] bg-[#22c55e]/10 px-1.5 py-0.5 rounded", children: "new file" }),
+        file.isDeleted && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-[10px] text-[#ff3b4d] bg-[#ff3b4d]/10 px-1.5 py-0.5 rounded", children: "deleted" })
+      ] }),
+      !file.isBinary && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 text-[11px] font-sans", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[#22c55e]", children: [
+          "+",
+          file.additions
+        ] }),
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[#ff3b4d]", children: [
+          "-",
+          file.deletions
+        ] })
+      ] }),
+      comments && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          onClick: () => onRemove(comment2.id),
-          className: "text-whip-faint hover:text-[#ff3b4d] transition-colors",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { size: 11 })
+          onClick: () => comments.openCommentKey === fileCommentKey ? comments.onCloseComment() : comments.onOpenComment(fileCommentKey),
+          className: "shrink-0 text-whip-faint hover:text-whip-text transition-colors p-0.5 rounded",
+          title: "Comment on file",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { size: 12 })
         }
       )
-    ] })
-  ] }) });
+    ] }),
+    comments && comments.openCommentKey === fileCommentKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      InlineCommentBox,
+      {
+        draftRef: comments.draftRef,
+        value: comments.commentDraft,
+        onChange: comments.onCommentDraftChange,
+        onAdd: () => comments.onCommitPending(path2, fileCommentKey, null),
+        onCancel: comments.onCloseComment
+      }
+    ),
+    comments && filePendingComments.filter((c) => c.lineKey === fileCommentKey).map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PendingCommentBubble,
+      {
+        comment: c,
+        onSave: comments.onSaveComment,
+        onRemove: comments.onRemoveComment
+      },
+      c.id
+    )),
+    !isCollapsed && !file.isBinary && (showBody ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bodyRef, children: file.hunks.map((hunk, hi2) => /* @__PURE__ */ jsxRuntimeExports.jsx(DiffHunk, { hunk, path: path2, comments }, hi2)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: measuredHeight.current ?? estimateBodyHeight(file) } })),
+    !isCollapsed && file.isBinary && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3 text-whip-muted italic font-sans text-xs", children: "Binary file changed" })
+  ] });
 }
 function DiffFileList({ files, scrollRef, collapsed, onToggleCollapse, comments }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollRef, className: "flex-1 overflow-y-auto overflow-x-auto", children: files.map((file) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollRef, className: "flex-1 overflow-y-auto", children: files.map((file) => {
     const path2 = displayPath(file);
-    const isCollapsed = collapsed.has(path2);
-    const fileCommentKey = `${path2}:header`;
-    const filePendingComments = (comments == null ? void 0 : comments.pendingComments.filter((c) => c.file === path2)) ?? [];
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: fileElemId(path2), className: "border-b border-whip-border-soft", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-whip-panel border-b border-whip-border-soft sticky top-0 z-10", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => onToggleCollapse(path2),
-            className: "text-whip-faint hover:text-whip-muted shrink-0 transition-colors",
-            children: isCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 13 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 13 })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex-1 text-whip-text text-[11px] truncate font-sans", children: [
-          path2,
-          file.isNew && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-[10px] text-[#22c55e] bg-[#22c55e]/10 px-1.5 py-0.5 rounded", children: "new file" }),
-          file.isDeleted && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-[10px] text-[#ff3b4d] bg-[#ff3b4d]/10 px-1.5 py-0.5 rounded", children: "deleted" })
-        ] }),
-        !file.isBinary && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 text-[11px] font-sans", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[#22c55e]", children: [
-            "+",
-            file.additions
-          ] }),
-          " ",
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[#ff3b4d]", children: [
-            "-",
-            file.deletions
-          ] })
-        ] }),
-        comments && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => comments.openCommentKey === fileCommentKey ? comments.onCloseComment() : comments.onOpenComment(fileCommentKey),
-            className: "shrink-0 text-whip-faint hover:text-whip-text transition-colors p-0.5 rounded",
-            title: "Comment on file",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { size: 12 })
-          }
-        )
-      ] }),
-      comments && comments.openCommentKey === fileCommentKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        InlineCommentBox,
-        {
-          draftRef: comments.draftRef,
-          value: comments.commentDraft,
-          onChange: comments.onCommentDraftChange,
-          onAdd: () => comments.onCommitPending(path2, fileCommentKey, null),
-          onCancel: comments.onCloseComment
-        }
-      ),
-      comments && filePendingComments.filter((c) => c.lineKey === fileCommentKey).map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PendingCommentBubble,
-        {
-          comment: c,
-          onSave: comments.onSaveComment,
-          onRemove: comments.onRemoveComment
-        },
-        c.id
-      )),
-      !isCollapsed && !file.isBinary && file.hunks.map((hunk, hi2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-0.5 bg-whip-panel-2 text-whip-muted border-y border-whip-border whitespace-pre font-mono text-[11px]", children: hunk.header }),
-        hunk.lines.map((line, li2) => {
-          const lineNum = line.newNum ?? line.oldNum;
-          const lineKey = `${path2}:${line.oldNum ?? "-"}:${line.newNum ?? "-"}`;
-          const linePending = (comments == null ? void 0 : comments.pendingComments.filter((c) => c.lineKey === lineKey)) ?? [];
-          const rowBg = line.type === "added" ? "bg-[#22c55e]/10" : line.type === "removed" ? "bg-[#ff3b4d]/10" : "";
-          const numBg = line.type === "added" ? "bg-[#22c55e]/20" : line.type === "removed" ? "bg-[#ff3b4d]/20" : "bg-transparent";
-          const numColor = line.type === "added" ? "text-[#22c55e]" : line.type === "removed" ? "text-[#ff3b4d]" : "text-whip-faint";
-          const sign = line.type === "added" ? "+" : line.type === "removed" ? "-" : " ";
-          const signColor = line.type === "added" ? "text-[#22c55e]" : line.type === "removed" ? "text-[#ff3b4d]" : "text-transparent";
-          const textColor = line.type === "added" ? "text-[#86efac]" : line.type === "removed" ? "text-[#fca5a5]" : "text-whip-muted";
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                className: classNames("group relative flex hover:brightness-110 transition-[filter]", rowBg),
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "div",
-                    {
-                      className: classNames(
-                        "w-10 shrink-0 text-right pr-2 py-0.5 select-none border-r border-whip-border-soft font-mono text-[11px]",
-                        numBg,
-                        numColor
-                      ),
-                      children: line.newNum ?? line.oldNum ?? ""
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 shrink-0 text-center py-0.5 select-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classNames("font-mono", signColor), children: sign }) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "div",
-                    {
-                      className: classNames("flex-1 py-0.5 pr-7 whitespace-pre font-mono text-[12px]", textColor),
-                      children: line.content
-                    }
-                  ),
-                  comments && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      onClick: () => comments.openCommentKey === lineKey ? comments.onCloseComment() : comments.onOpenComment(lineKey),
-                      className: "absolute right-1 top-0.5 opacity-0 group-hover:opacity-100 transition-opacity text-whip-text hover:text-white p-0.5 rounded bg-whip-panel-2",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 11 })
-                    }
-                  )
-                ]
-              }
-            ),
-            comments && comments.openCommentKey === lineKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              InlineCommentBox,
-              {
-                draftRef: comments.draftRef,
-                value: comments.commentDraft,
-                onChange: comments.onCommentDraftChange,
-                onAdd: () => comments.onCommitPending(path2, lineKey, lineNum),
-                onCancel: comments.onCloseComment
-              }
-            ),
-            comments && linePending.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              PendingCommentBubble,
-              {
-                comment: c,
-                onSave: comments.onSaveComment,
-                onRemove: comments.onRemoveComment
-              },
-              c.id
-            ))
-          ] }, li2);
-        })
-      ] }, hi2)),
-      !isCollapsed && file.isBinary && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3 text-whip-muted italic font-sans text-xs", children: "Binary file changed" })
-    ] }, path2);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DiffFileSection,
+      {
+        file,
+        scrollRef,
+        isCollapsed: collapsed.has(path2),
+        onToggleCollapse,
+        comments
+      },
+      path2
+    );
   }) });
 }
 function FileTreeNode({

package/dist/web-ui/assets/{infoDiagram-FWYZ7A6U-BY6XoiF8.js → infoDiagram-FWYZ7A6U-C2g8E3ea.js}

@@ -1,6 +1,6 @@
-import { _ as __name, l as log, D as selectSvgElement, e as configureSvgSize } from "./mermaid.core-BRk3IzY2.js";
-import { p as parse } from "./cynefin-VYW2F7L2-DTNV7gvQ.js";
-import "./index-DZ7I8r_C.js";
+import { _ as __name, l as log, D as selectSvgElement, e as configureSvgSize } from "./mermaid.core-D-SdXkuv.js";
+import { p as parse } from "./cynefin-VYW2F7L2-CaR1DgV9.js";
+import "./index-DddtVpjm.js";
 var parser = {
   parse: /* @__PURE__ */ __name(async (input) => {
     const ast = await parse("info", input);

package/dist/web-ui/assets/{ishikawaDiagram-FXEZZL3T-BaZVnO8j.js → ishikawaDiagram-FXEZZL3T-cBRjKZAE.js}

@@ -1,6 +1,6 @@
 var _a;
-import { _ as __name, c as getConfig2, K as parseFontSize, D as selectSvgElement, al as at, p as clear, k as common_default, n as setDiagramTitle, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, o as getDiagramTitle, e as configureSvgSize } from "./mermaid.core-BRk3IzY2.js";
-import "./index-DZ7I8r_C.js";
+import { _ as __name, c as getConfig2, K as parseFontSize, D as selectSvgElement, al as at, p as clear, k as common_default, n as setDiagramTitle, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, o as getDiagramTitle, e as configureSvgSize } from "./mermaid.core-D-SdXkuv.js";
+import "./index-DddtVpjm.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/dist/web-ui/assets/{journeyDiagram-5HDEW3XC-CUA6DUAQ.js → journeyDiagram-5HDEW3XC-BvGisWzY.js}

@@ -1,8 +1,8 @@
-import { g as getIconStyles } from "./chunk-5VM5RSS4-DCUiIwIc.js";
-import { a as drawBackgroundRect, g as getNoteRect, h as drawText, d as drawRect } from "./chunk-32BRIVSS-Dy1BUZGx.js";
-import { g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, o as getDiagramTitle, n as setDiagramTitle, _ as __name, c as getConfig2, d as select, e as configureSvgSize, p as clear } from "./mermaid.core-BRk3IzY2.js";
-import { d as d3arc } from "./arc-DmDBHE0H.js";
-import "./index-DZ7I8r_C.js";
+import { g as getIconStyles } from "./chunk-5VM5RSS4-D6as2qUK.js";
+import { a as drawBackgroundRect, g as getNoteRect, h as drawText, d as drawRect } from "./chunk-32BRIVSS-CqBj7LwD.js";
+import { g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, o as getDiagramTitle, n as setDiagramTitle, _ as __name, c as getConfig2, d as select, e as configureSvgSize, p as clear } from "./mermaid.core-D-SdXkuv.js";
+import { d as d3arc } from "./arc-Dbpy-AQ8.js";
+import "./index-DddtVpjm.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/dist/web-ui/assets/{kanban-definition-HUTT4EX6-5W5tiWrd.js → kanban-definition-HUTT4EX6-xCU5FVAS.js}

@@ -1,6 +1,6 @@
-import { _ as __name, l as log, c as getConfig2, D as selectSvgElement, ad as insertCluster, ae as insertNode, af as positionNode, W as setupGraphViewbox, B as defaultConfig_default, i as sanitizeText, G as load, J as JSON_SCHEMA, T as isDark, U as lighten, V as darken } from "./mermaid.core-BRk3IzY2.js";
-import { g as getIconStyles } from "./chunk-5VM5RSS4-DCUiIwIc.js";
-import "./index-DZ7I8r_C.js";
+import { _ as __name, l as log, c as getConfig2, D as selectSvgElement, ad as insertCluster, ae as insertNode, af as positionNode, W as setupGraphViewbox, B as defaultConfig_default, i as sanitizeText, G as load, J as JSON_SCHEMA, T as isDark, U as lighten, V as darken } from "./mermaid.core-D-SdXkuv.js";
+import { g as getIconStyles } from "./chunk-5VM5RSS4-D6as2qUK.js";
+import "./index-DddtVpjm.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/dist/web-ui/assets/{linear-CfvGIyDE.js → linear-uVfTbk22.js}

@@ -1,4 +1,4 @@
-import { b9 as constant, ba as interpolateNumber, bb as color, bc as interpolateRgb, bd as interpolateString } from "./mermaid.core-BRk3IzY2.js";
+import { b9 as constant, ba as interpolateNumber, bb as color, bc as interpolateRgb, bd as interpolateString } from "./mermaid.core-D-SdXkuv.js";
 import { i as initRange } from "./init-ZxktEp_H.js";
 import { e as exponent, f as formatSpecifier, a as formatPrefix, b as format } from "./defaultLocale-B2RvLBDe.js";
 function ascending(a, b) {