@bendyline/docblocks-react 1.1.1 → 2.0.0

package/dist/GitUI-KGF5MSNV.js

@@ -0,0 +1,1048 @@
+import {
+  BADGE_GLYPHS,
+  BADGE_LABELS,
+  badgeKindFor,
+  formatAheadBehind,
+  summarizeDirty,
+  useGitContext
+} from "./chunk-5A4KEWKT.js";
+import {
+  Dialog
+} from "./chunk-GSNZSCIK.js";
+
+// src/Git/GitStatusBar.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GitStatusBar() {
+  const git = useGitContext();
+  const [menuOpen, setMenuOpen] = useState(false);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    if (!menuOpen) return;
+    const onPointerDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        setMenuOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    return () => document.removeEventListener("pointerdown", onPointerDown);
+  }, [menuOpen]);
+  const runItem = useCallback((action) => {
+    setMenuOpen(false);
+    action();
+  }, []);
+  if (!git || !git.repo || !git.status) return null;
+  const { status } = git;
+  const branchLabel = status.detached ? "detached HEAD" : status.branch ?? "no branch";
+  const aheadBehind = formatAheadBehind(status);
+  const dirty = summarizeDirty(status);
+  const merging = status.operation === "merge";
+  const chipLabelParts = [`Git: branch ${branchLabel}`];
+  if (status.ahead > 0) chipLabelParts.push(`${status.ahead} ahead`);
+  if (status.behind > 0) chipLabelParts.push(`${status.behind} behind`);
+  if (dirty) chipLabelParts.push(dirty);
+  if (merging) chipLabelParts.push("merge in progress");
+  const canCreatePr = git.capabilities?.ghAvailable === true && git.remoteWeb?.host === "github.com";
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "db-git-statusbar", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "db-git-statusbar-chip",
+        onClick: () => setMenuOpen((open) => !open),
+        "aria-haspopup": "menu",
+        "aria-expanded": menuOpen,
+        "aria-label": chipLabelParts.join(", "),
+        title: chipLabelParts.join(", "),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "db-git-branch-glyph", "aria-hidden": "true", children: "\u2387" }),
+          /* @__PURE__ */ jsx("span", { className: "db-git-statusbar-branch", children: branchLabel }),
+          aheadBehind && /* @__PURE__ */ jsx("span", { className: "db-git-statusbar-counts", children: aheadBehind }),
+          dirty && /* @__PURE__ */ jsx("span", { className: "db-git-statusbar-dirty", children: dirty }),
+          merging && /* @__PURE__ */ jsx("span", { className: "db-git-statusbar-merge", children: "merging" }),
+          git.busy && /* @__PURE__ */ jsx("span", { className: "db-git-statusbar-busy", "aria-hidden": "true", children: "\u2026" })
+        ]
+      }
+    ),
+    menuOpen && /* @__PURE__ */ jsxs("div", { className: "db-git-menu", role: "menu", "aria-label": "Git actions", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          disabled: status.changes.length === 0 && !merging,
+          onClick: () => runItem(() => git.openDialog({ kind: "commit" })),
+          children: merging ? "Commit merge\u2026" : "Commit\u2026"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          disabled: git.busy !== null,
+          onClick: () => runItem(() => void git.push()),
+          children: status.upstream === null && !status.unborn ? "Publish branch" : "Push"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          disabled: git.busy !== null,
+          onClick: () => runItem(() => void git.pull()),
+          children: "Pull"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          disabled: git.busy !== null,
+          onClick: () => runItem(() => void git.fetchRemote()),
+          children: "Fetch"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "db-git-menu-divider", role: "separator" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          onClick: () => runItem(() => git.openDialog({ kind: "branches" })),
+          children: "Branches\u2026"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          onClick: () => runItem(() => git.openDialog({ kind: "history" })),
+          children: "Commit history\u2026"
+        }
+      ),
+      (git.remoteWeb || canCreatePr) && /* @__PURE__ */ jsx("div", { className: "db-git-menu-divider", role: "separator" }),
+      git.remoteWeb && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          onClick: () => runItem(() => git.openOnRemote()),
+          children: [
+            "Open on ",
+            git.remoteWeb.host
+          ]
+        }
+      ),
+      canCreatePr && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: "db-git-menu-item",
+          disabled: git.busy !== null,
+          onClick: () => runItem(() => void git.createPullRequest()),
+          children: "Create pull request"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/Git/GitCommitDialog.tsx
+import { useRef as useRef2, useState as useState2 } from "react";
+
+// src/Git/commit-selection.ts
+function normalise(path) {
+  return path.startsWith("/") ? path : `/${path}`;
+}
+function initSelection(changes, merging) {
+  const included = /* @__PURE__ */ new Map();
+  const locked = /* @__PURE__ */ new Set();
+  for (const change of changes) {
+    const path = normalise(change.path);
+    included.set(path, true);
+    if (merging && change.conflicted) locked.add(path);
+  }
+  return { included, locked };
+}
+function toggleSelection(selection, path) {
+  const key = normalise(path);
+  if (selection.locked.has(key)) return selection;
+  const included = new Map(selection.included);
+  included.set(key, !included.get(key));
+  return { included, locked: selection.locked };
+}
+function setAllSelected(selection, value) {
+  const included = /* @__PURE__ */ new Map();
+  for (const key of selection.included.keys()) {
+    included.set(key, selection.locked.has(key) ? true : value);
+  }
+  return { included, locked: selection.locked };
+}
+function selectedPaths(selection) {
+  return [...selection.included.entries()].filter(([, on]) => on).map(([path]) => path);
+}
+function canCommit(message, selection) {
+  return message.trim().length > 0 && selectedPaths(selection).length > 0;
+}
+function isMergeCommit(status) {
+  return status?.operation === "merge";
+}
+
+// src/Git/GitCommitDialog.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function GitCommitDialog({ onClose }) {
+  const git = useGitContext();
+  const status = git?.status ?? null;
+  const merging = isMergeCommit(status);
+  const [message, setMessage] = useState2("");
+  const [selection, setSelection] = useState2(
+    () => initSelection(status?.changes ?? [], merging)
+  );
+  const messageRef = useRef2(null);
+  if (!git || !status) return null;
+  const allOn = [...selection.included.values()].every(Boolean);
+  const commitDisabled = !canCommit(message, selection) || git.busy !== null;
+  const handleCommit = async () => {
+    const ok = await git.commit(message, selectedPaths(selection));
+    if (ok) onClose();
+  };
+  return /* @__PURE__ */ jsxs2(
+    Dialog,
+    {
+      title: merging ? "Commit merge" : "Commit changes",
+      onClose,
+      size: "wide",
+      closeOnBackdrop: false,
+      initialFocusRef: messageRef,
+      footer: /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "db-git-primary-btn",
+            disabled: commitDisabled,
+            onClick: () => void handleCommit(),
+            children: "Commit"
+          }
+        )
+      ] }),
+      children: [
+        merging && /* @__PURE__ */ jsx2("p", { className: "db-settings-hint", children: "You\u2019re completing a merge. Committing will conclude it." }),
+        /* @__PURE__ */ jsx2(
+          "textarea",
+          {
+            ref: messageRef,
+            className: "db-git-commit-message",
+            value: message,
+            onChange: (e) => setMessage(e.target.value),
+            placeholder: "Commit message",
+            "aria-label": "Commit message",
+            rows: 3
+          }
+        ),
+        /* @__PURE__ */ jsx2("div", { className: "db-git-form-row", children: /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "db-git-secondary-btn",
+            onClick: () => setSelection((s) => setAllSelected(s, !allOn)),
+            children: allOn ? "Select none" : "Select all"
+          }
+        ) }),
+        /* @__PURE__ */ jsx2("ul", { className: "db-git-file-list", children: status.changes.map((change) => {
+          const kind = badgeKindFor(change);
+          const locked = selection.locked.has(change.path);
+          const checked = locked || (selection.included.get(change.path) ?? true);
+          return /* @__PURE__ */ jsxs2("li", { className: "db-git-file-row", children: [
+            /* @__PURE__ */ jsxs2("label", { children: [
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  type: "checkbox",
+                  checked,
+                  disabled: locked,
+                  onChange: () => setSelection((s) => toggleSelection(s, change.path))
+                }
+              ),
+              /* @__PURE__ */ jsx2("span", { children: change.path.replace(/^\/+/, "") })
+            ] }),
+            /* @__PURE__ */ jsx2("span", { className: "db-git-file-kind", children: BADGE_LABELS[kind] })
+          ] }, change.path);
+        }) }),
+        git.lastResult?.tone === "error" && /* @__PURE__ */ jsx2("p", { className: "db-git-form-error", role: "alert", children: git.lastResult.message })
+      ]
+    }
+  );
+}
+
+// src/Git/GitBranchesDialog.tsx
+import { useEffect as useEffect2, useRef as useRef3, useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function GitBranchesDialog({
+  createFocus,
+  onClose
+}) {
+  const git = useGitContext();
+  const gitApi = git?.gitApi ?? null;
+  const repositoryId = git?.repositoryId ?? null;
+  const [branches, setBranches] = useState3(null);
+  const [loadError, setLoadError] = useState3(null);
+  const [newName, setNewName] = useState3("");
+  const createInputRef = useRef3(null);
+  useEffect2(() => {
+    if (!gitApi || !repositoryId) return;
+    let cancelled = false;
+    void gitApi.listBranches(repositoryId).then((result) => {
+      if (cancelled) return;
+      if (result.ok) setBranches(result.value);
+      else setLoadError(result.error.message || "Could not list branches");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [gitApi, repositoryId]);
+  if (!git) return null;
+  const locals = branches?.filter((b) => b.kind === "local") ?? [];
+  const remotes = branches?.filter((b) => b.kind === "remote") ?? [];
+  const canCreate = newName.trim().length > 0 && git.busy === null;
+  const handleSwitch = async (name) => {
+    const ok = await git.switchBranch(name);
+    if (ok) onClose();
+  };
+  const handleCreate = async () => {
+    if (!canCreate) return;
+    const ok = await git.createBranch(newName.trim());
+    if (ok) onClose();
+  };
+  return /* @__PURE__ */ jsxs3(
+    Dialog,
+    {
+      title: "Branches",
+      onClose,
+      initialFocusRef: createFocus ? createInputRef : void 0,
+      children: [
+        branches === null && loadError === null && /* @__PURE__ */ jsx3("p", { className: "db-git-hint", children: "Loading branches\u2026" }),
+        loadError !== null && /* @__PURE__ */ jsx3("p", { className: "db-git-form-error", role: "alert", children: loadError }),
+        branches !== null && /* @__PURE__ */ jsx3("div", { className: "db-git-branch-list", children: locals.map(
+          (branch) => branch.current ? /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: "db-git-branch-row db-git-branch-row--current",
+              "aria-current": "true",
+              children: branch.name
+            },
+            branch.name
+          ) : /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              className: "db-git-branch-row",
+              disabled: git.busy !== null,
+              onClick: () => void handleSwitch(branch.name),
+              children: branch.name
+            },
+            branch.name
+          )
+        ) }),
+        git.lastResult?.tone === "error" && /* @__PURE__ */ jsx3("p", { className: "db-git-form-error", role: "alert", children: git.lastResult.message }),
+        /* @__PURE__ */ jsx3("hr", {}),
+        /* @__PURE__ */ jsxs3("div", { className: "db-git-form-row", children: [
+          /* @__PURE__ */ jsx3("label", { className: "db-git-form-label", htmlFor: "db-git-new-branch-name", children: "New branch" }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              id: "db-git-new-branch-name",
+              ref: createInputRef,
+              className: "db-git-form-input",
+              type: "text",
+              value: newName,
+              onChange: (e) => setNewName(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") void handleCreate();
+              },
+              placeholder: "feature/my-branch",
+              spellCheck: false
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              className: "db-git-primary-btn",
+              disabled: !canCreate,
+              onClick: () => void handleCreate(),
+              children: "Create"
+            }
+          )
+        ] }),
+        remotes.length > 0 && /* @__PURE__ */ jsxs3("details", { children: [
+          /* @__PURE__ */ jsxs3("summary", { children: [
+            "Remote branches (",
+            remotes.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx3("div", { className: "db-git-branch-list", children: remotes.map((branch) => /* @__PURE__ */ jsx3("span", { className: "db-git-branch-row", children: branch.name }, branch.name)) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/Git/GitHistoryDialog.tsx
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState4 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var PAGE_SIZE = 50;
+function extraBody(body, subject) {
+  const trimmedBody = body.trim();
+  const trimmedSubject = subject.trim();
+  if (!trimmedBody || trimmedBody === trimmedSubject) return "";
+  if (trimmedBody.startsWith(trimmedSubject)) {
+    return trimmedBody.slice(trimmedSubject.length).trim();
+  }
+  return trimmedBody;
+}
+function formatDate(iso) {
+  const date = new Date(iso);
+  return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
+}
+function GitHistoryDialog({ path, onClose }) {
+  const git = useGitContext();
+  const gitApi = git?.gitApi ?? null;
+  const repositoryId = git?.repositoryId ?? null;
+  const [entries, setEntries] = useState4([]);
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4(null);
+  const [hasMore, setHasMore] = useState4(false);
+  const [expandedSha, setExpandedSha] = useState4(null);
+  const [details, setDetails] = useState4(/* @__PURE__ */ new Map());
+  const loadPage = useCallback2(
+    async (skip) => {
+      if (!gitApi || !repositoryId) return;
+      setLoading(true);
+      setError(null);
+      try {
+        const result = await gitApi.log(repositoryId, { path, maxCount: PAGE_SIZE, skip });
+        if (!result.ok) {
+          setError(result.error.message);
+          return;
+        }
+        setEntries((prev) => skip === 0 ? result.value : [...prev, ...result.value]);
+        setHasMore(result.value.length === PAGE_SIZE);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [gitApi, repositoryId, path]
+  );
+  useEffect3(() => {
+    setEntries([]);
+    setExpandedSha(null);
+    setDetails(/* @__PURE__ */ new Map());
+    setHasMore(false);
+    void loadPage(0);
+  }, [loadPage]);
+  const handleRowClick = (sha) => {
+    if (expandedSha === sha) {
+      setExpandedSha(null);
+      return;
+    }
+    setExpandedSha(sha);
+    if (!gitApi || !repositoryId || details.has(sha)) return;
+    void gitApi.commitFiles(repositoryId, sha).then((result) => {
+      setDetails((prev) => {
+        const next = new Map(prev);
+        next.set(sha, result.ok ? result.value : { error: result.error.message });
+        return next;
+      });
+    });
+  };
+  if (!git) return null;
+  const baseName = path ? path.replace(/^\/+/, "").split("/").pop() : null;
+  const title = baseName ? `History \u2014 ${baseName}` : "Commit history";
+  return /* @__PURE__ */ jsxs4(Dialog, { title, size: "wide", onClose, children: [
+    error && /* @__PURE__ */ jsx4("p", { className: "db-git-form-error", role: "alert", children: error }),
+    !error && entries.length === 0 && loading && /* @__PURE__ */ jsx4("p", { className: "db-git-hint", children: "Loading history\u2026" }),
+    !error && entries.length === 0 && !loading && /* @__PURE__ */ jsx4("p", { className: "db-git-hint", children: "No commits yet." }),
+    entries.length > 0 && /* @__PURE__ */ jsx4("ul", { className: "db-git-history-list", children: entries.map((entry) => {
+      const expanded = expandedSha === entry.sha;
+      const detail = details.get(entry.sha);
+      const meta = [
+        entry.authorName,
+        entry.sha.slice(0, 7),
+        formatDate(entry.authorDate),
+        entry.refs.join(", ")
+      ].filter(Boolean).join(" \xB7 ");
+      const body = detail && !("error" in detail) ? extraBody(detail.body, entry.subject) : "";
+      return /* @__PURE__ */ jsxs4("li", { className: "db-git-history-item", children: [
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            className: "db-git-history-toggle",
+            "aria-expanded": expanded,
+            onClick: () => handleRowClick(entry.sha),
+            children: [
+              /* @__PURE__ */ jsx4("span", { className: "db-git-history-subject", children: entry.subject }),
+              /* @__PURE__ */ jsx4("span", { className: "db-git-history-meta", children: meta })
+            ]
+          }
+        ),
+        expanded && !detail && /* @__PURE__ */ jsx4("p", { className: "db-git-hint", children: "Loading\u2026" }),
+        expanded && detail && "error" in detail && /* @__PURE__ */ jsx4("p", { className: "db-git-form-error", role: "alert", children: detail.error }),
+        expanded && detail && !("error" in detail) && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          body && /* @__PURE__ */ jsx4("pre", { className: "db-git-history-body", children: body }),
+          /* @__PURE__ */ jsx4("ul", { className: "db-git-history-files", children: detail.files.map((file) => {
+            const kind = badgeKindFor(file);
+            return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
+              "button",
+              {
+                type: "button",
+                className: "db-git-history-file",
+                onClick: () => git.openDialog({
+                  kind: "diff",
+                  path: file.path,
+                  revision: { sha: entry.sha }
+                }),
+                children: [
+                  /* @__PURE__ */ jsx4(
+                    "span",
+                    {
+                      className: "db-git-file-kind",
+                      "aria-label": BADGE_LABELS[kind],
+                      title: BADGE_LABELS[kind],
+                      children: BADGE_GLYPHS[kind]
+                    }
+                  ),
+                  file.path.replace(/^\/+/, "")
+                ]
+              }
+            ) }, file.path);
+          }) })
+        ] })
+      ] }, entry.sha);
+    }) }),
+    hasMore && /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        className: "db-git-secondary-btn",
+        disabled: loading,
+        onClick: () => void loadPage(entries.length),
+        children: "Show older commits"
+      }
+    )
+  ] });
+}
+
+// src/Git/GitDiffDialog.tsx
+import { useEffect as useEffect5, useState as useState5 } from "react";
+import { getFileSystemProviderV2, parseWorkspacePath } from "@bendyline/docblocks/filesystem";
+
+// src/Git/GitDiffView.tsx
+import { useEffect as useEffect4, useRef as useRef4 } from "react";
+import {
+  detectLanguageFromFileName,
+  useMonacoLoader
+} from "@bendyline/squisq-editor-react";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function languageFor(fileName) {
+  const detected = detectLanguageFromFileName(fileName);
+  if (detected) return detected;
+  return fileName.toLowerCase().endsWith(".md") ? "markdown" : "plaintext";
+}
+function GitDiffView({ original, modified, fileName, theme, labels }) {
+  const { monaco, ready } = useMonacoLoader();
+  const hostRef = useRef4(null);
+  const editorRef = useRef4(null);
+  const modelsRef = useRef4(null);
+  const language = languageFor(fileName);
+  useEffect4(() => {
+    const host = hostRef.current;
+    if (!monaco || !host) return;
+    const originalModel = monaco.editor.createModel("", "plaintext");
+    const modifiedModel = monaco.editor.createModel("", "plaintext");
+    const editor = monaco.editor.createDiffEditor(host, {
+      readOnly: true,
+      renderSideBySide: true,
+      automaticLayout: true,
+      minimap: { enabled: false },
+      wordWrap: "on",
+      scrollBeyondLastLine: false,
+      renderOverviewRuler: false
+    });
+    editor.setModel({ original: originalModel, modified: modifiedModel });
+    editorRef.current = editor;
+    modelsRef.current = { original: originalModel, modified: modifiedModel };
+    return () => {
+      editorRef.current = null;
+      modelsRef.current = null;
+      editor.dispose();
+      originalModel.dispose();
+      modifiedModel.dispose();
+    };
+  }, [monaco]);
+  useEffect4(() => {
+    if (!monaco) return;
+    const models = modelsRef.current;
+    if (!models) return;
+    if (models.original.getValue() !== original) models.original.setValue(original);
+    if (models.modified.getValue() !== modified) models.modified.setValue(modified);
+    monaco.editor.setModelLanguage(models.original, language);
+    monaco.editor.setModelLanguage(models.modified, language);
+  }, [monaco, original, modified, language]);
+  useEffect4(() => {
+    if (!monaco) return;
+    monaco.editor.setTheme(theme === "dark" ? "vs-dark" : "vs");
+  }, [monaco, theme]);
+  if (!ready) {
+    return /* @__PURE__ */ jsx5("div", { className: "db-git-diff-loading", children: "Loading diff\u2026" });
+  }
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    labels && /* @__PURE__ */ jsxs5("div", { className: "db-git-diff-labels", children: [
+      /* @__PURE__ */ jsx5("span", { children: labels.original }),
+      /* @__PURE__ */ jsx5("span", { children: labels.modified })
+    ] }),
+    /* @__PURE__ */ jsx5("div", { ref: hostRef, className: "db-git-diff-host" })
+  ] });
+}
+
+// src/Git/GitDiffDialog.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function GitDiffDialog({ path, revision, onClose }) {
+  const git = useGitContext();
+  const gitApi = git?.gitApi ?? null;
+  const provider = git?.provider ?? null;
+  const repositoryId = git?.repositoryId ?? null;
+  const sha = revision?.sha ?? null;
+  const [state, setState] = useState5({ phase: "loading" });
+  useEffect5(() => {
+    if (!gitApi || !repositoryId) {
+      setState({ phase: "error", message: "Git is not available for this workspace." });
+      return;
+    }
+    let cancelled = false;
+    setState({ phase: "loading" });
+    const load = async () => {
+      if (sha) {
+        const short = sha.slice(0, 7);
+        const [parent, at] = await Promise.all([
+          gitApi.readFileAtRevision(repositoryId, path, { kind: "parent-of", sha }),
+          gitApi.readFileAtRevision(repositoryId, path, { kind: "commit", sha })
+        ]);
+        if (!parent.ok) return { phase: "error", message: parent.error.message };
+        if (!at.ok) return { phase: "error", message: at.error.message };
+        if (parent.value.content === null && parent.value.binary || at.value.content === null && at.value.binary) {
+          return { phase: "binary" };
+        }
+        return {
+          phase: "ready",
+          original: parent.value.content ?? "",
+          modified: at.value.content ?? "",
+          labels: {
+            original: parent.value.content === null ? `${short}^ (absent)` : `${short}^`,
+            modified: at.value.content === null ? `${short} (absent)` : short
+          }
+        };
+      }
+      if (!provider) {
+        return { phase: "error", message: "Workspace files are not available." };
+      }
+      const providerV2 = getFileSystemProviderV2(provider);
+      const [head, working] = await Promise.all([
+        gitApi.readFileAtRevision(repositoryId, path, { kind: "head" }),
+        providerV2 ? providerV2.readFile(parseWorkspacePath(path)).then((file) => file ? new TextDecoder().decode(file.data) : null) : provider.readFile(path)
+      ]);
+      if (!head.ok) return { phase: "error", message: head.error.message };
+      if (head.value.content === null && head.value.binary) return { phase: "binary" };
+      return {
+        phase: "ready",
+        original: head.value.content ?? "",
+        modified: working ?? "",
+        labels: {
+          original: head.value.content === null ? "HEAD (absent)" : "HEAD",
+          modified: working === null ? "Working tree (absent)" : "Working tree"
+        }
+      };
+    };
+    load().catch(
+      (err) => ({
+        phase: "error",
+        message: err instanceof Error ? err.message : "Failed to load the diff"
+      })
+    ).then((next) => {
+      if (!cancelled) setState(next);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [gitApi, provider, repositoryId, path, sha]);
+  if (!git) return null;
+  const fullPath = path.replace(/^\/+/, "");
+  const baseName = fullPath.split("/").pop() || fullPath;
+  return /* @__PURE__ */ jsxs6(Dialog, { title: baseName, size: "full", onClose, children: [
+    /* @__PURE__ */ jsx6("p", { className: "db-settings-hint", children: fullPath }),
+    state.phase === "loading" && /* @__PURE__ */ jsx6("p", { className: "db-git-hint", children: "Loading changes\u2026" }),
+    state.phase === "error" && /* @__PURE__ */ jsx6("p", { className: "db-git-form-error", role: "alert", children: state.message }),
+    state.phase === "binary" && /* @__PURE__ */ jsx6("p", { className: "db-git-hint", children: "Binary file \u2014 no text diff available." }),
+    state.phase === "ready" && /* @__PURE__ */ jsx6(
+      GitDiffView,
+      {
+        original: state.original,
+        modified: state.modified,
+        fileName: baseName,
+        theme: git.theme,
+        labels: state.labels
+      }
+    )
+  ] });
+}
+
+// src/Git/GitCloneDialog.tsx
+import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
+
+// src/Git/git-clone-utils.ts
+function deriveCloneFolderName(url) {
+  const trimmed = url.trim().replace(/\/+$/, "");
+  const lastSegment = trimmed.split(/[/:\\]/).pop() ?? "";
+  const withoutGit = lastSegment.replace(/\.git$/i, "");
+  const sanitized = withoutGit.replace(/[^A-Za-z0-9._-]/g, "-");
+  return sanitized.length > 0 ? sanitized : "repository";
+}
+function isLikelyGitUrl(url) {
+  const trimmed = url.trim();
+  if (trimmed.length === 0 || /\s/.test(trimmed)) return false;
+  if (trimmed.startsWith("-") || trimmed.toLowerCase().startsWith("file:")) return false;
+  if (/^(https?|ssh|git):\/\/\S+\/\S+/i.test(trimmed)) return true;
+  if (/^[\w.-]+@[\w.-]+:\S+/.test(trimmed)) return true;
+  return false;
+}
+
+// src/Git/GitAuthGuidanceDialog.tsx
+import { maybeGetDocBlocksHost } from "@bendyline/docblocks/host";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var LEARN_MORE_URL = "https://docs.github.com/en/get-started/getting-started-with-git/caching-your-github-credentials-in-git";
+var OPERATION_LABELS = {
+  push: "push",
+  pull: "pull",
+  fetch: "fetch",
+  clone: "clone",
+  pr: "create the pull request"
+};
+function GitCredentialGuidance({ detail }) {
+  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("p", { className: "db-settings-hint", children: "DocBlocks never stores Git credentials. Sign in with one of these, then try again:" }),
+    /* @__PURE__ */ jsxs7("ul", { className: "db-git-hint", children: [
+      /* @__PURE__ */ jsxs7("li", { children: [
+        "A git credential helper (",
+        /* @__PURE__ */ jsx7("code", { children: "git config credential.helper" }),
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs7("li", { children: [
+        "The GitHub CLI (",
+        /* @__PURE__ */ jsx7("code", { children: "gh auth login" }),
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx7("li", { children: "An SSH key registered with your remote" })
+    ] }),
+    detail && /* @__PURE__ */ jsxs7("details", { children: [
+      /* @__PURE__ */ jsx7("summary", { children: "Details" }),
+      /* @__PURE__ */ jsx7("p", { className: "db-git-hint", children: detail })
+    ] })
+  ] });
+}
+function GitAuthGuidanceDialog({
+  operation,
+  detail,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs7(
+    Dialog,
+    {
+      title: "Git needs credentials",
+      onClose,
+      footer: /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            className: "db-git-secondary-btn",
+            onClick: () => void maybeGetDocBlocksHost()?.shell.openExternal(LEARN_MORE_URL),
+            children: "Learn more"
+          }
+        ),
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "db-git-primary-btn", onClick: onClose, children: "Close" })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs7("p", { className: "db-settings-hint", children: [
+          "Git could not authenticate with the remote while trying to ",
+          OPERATION_LABELS[operation],
+          "."
+        ] }),
+        /* @__PURE__ */ jsx7(GitCredentialGuidance, { detail })
+      ]
+    }
+  );
+}
+
+// src/Git/GitCloneDialog.tsx
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function GitCloneDialog({
+  onClose,
+  onCloned
+}) {
+  const git = useGitContext();
+  const gitApi = git?.gitApi ?? null;
+  const [url, setUrl] = useState6("");
+  const [cloning, setCloning] = useState6(false);
+  const [progress, setProgress] = useState6(null);
+  const [error, setError] = useState6(null);
+  const [authDetail, setAuthDetail] = useState6(null);
+  const handleRef = useRef5(null);
+  const urlInputRef = useRef5(null);
+  useEffect6(
+    () => () => {
+      handleRef.current?.cancel();
+    },
+    []
+  );
+  if (!gitApi || typeof gitApi.clone !== "function") return null;
+  const canClone = isLikelyGitUrl(url) && !cloning;
+  const handleClone = async () => {
+    if (!canClone) return;
+    setCloning(true);
+    setError(null);
+    setProgress(null);
+    const handle = gitApi.clone(url.trim(), (p) => setProgress(p));
+    handleRef.current = handle;
+    const result = await handle.result;
+    handleRef.current = null;
+    setCloning(false);
+    setProgress(null);
+    if (!result.ok) {
+      switch (result.error.code) {
+        case "invalid-url":
+          setError("That doesn\u2019t look like a valid repository URL.");
+          break;
+        case "destination-exists":
+          setError("A folder with that name already exists there. Pick a different location.");
+          break;
+        case "auth-failed":
+          setAuthDetail({ detail: result.error.message });
+          break;
+        case "cancelled":
+          break;
+        // user cancelled — just return to the form
+        default:
+          setError(result.error.message);
+      }
+      return;
+    }
+    if (result.value === null) return;
+    onCloned(result.value);
+  };
+  const progressPercent = progress?.percent ?? null;
+  const progressText = progress !== null ? `${progress.phase}\u2026${progressPercent !== null ? ` ${Math.round(progressPercent)}%` : ""}` : "Starting clone\u2026";
+  if (authDetail !== null) {
+    return /* @__PURE__ */ jsxs8(
+      Dialog,
+      {
+        title: "Clone repository",
+        onClose,
+        footer: /* @__PURE__ */ jsxs8(Fragment5, { children: [
+          /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              className: "db-git-secondary-btn",
+              onClick: () => setAuthDetail(null),
+              children: "Back"
+            }
+          ),
+          /* @__PURE__ */ jsx8("button", { type: "button", className: "db-git-primary-btn", onClick: onClose, children: "Close" })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx8("p", { className: "db-settings-hint", children: "Git could not authenticate with that remote." }),
+          /* @__PURE__ */ jsx8(GitCredentialGuidance, { detail: authDetail.detail })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs8(
+    Dialog,
+    {
+      title: "Clone repository",
+      onClose,
+      closeOnBackdrop: !cloning,
+      initialFocusRef: urlInputRef,
+      footer: /* @__PURE__ */ jsxs8(Fragment5, { children: [
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            className: "db-git-secondary-btn",
+            onClick: onClose,
+            disabled: cloning,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            className: "db-git-primary-btn",
+            disabled: !canClone,
+            onClick: () => void handleClone(),
+            children: "Clone"
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "db-git-form-row", children: [
+          /* @__PURE__ */ jsx8("label", { className: "db-git-form-label", htmlFor: "db-git-clone-url", children: "Repository URL" }),
+          /* @__PURE__ */ jsx8(
+            "input",
+            {
+              id: "db-git-clone-url",
+              ref: urlInputRef,
+              className: "db-git-form-input",
+              type: "text",
+              value: url,
+              onChange: (e) => setUrl(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") void handleClone();
+              },
+              placeholder: "https://github.com/owner/repo.git",
+              disabled: cloning,
+              spellCheck: false
+            }
+          )
+        ] }),
+        isLikelyGitUrl(url) && /* @__PURE__ */ jsxs8("p", { className: "db-git-hint", children: [
+          "Will clone into: ",
+          /* @__PURE__ */ jsx8("b", { children: deriveCloneFolderName(url) }),
+          " \u2014 you\u2019ll pick where next"
+        ] }),
+        /* @__PURE__ */ jsx8("p", { className: "db-git-hint", children: "HTTPS and SSH URLs both work. You\u2019ll choose the destination folder in the next step." }),
+        error !== null && /* @__PURE__ */ jsx8("p", { className: "db-git-form-error", role: "alert", children: error }),
+        cloning && /* @__PURE__ */ jsxs8("div", { className: "db-git-progress", children: [
+          progressPercent !== null && /* @__PURE__ */ jsx8(
+            "div",
+            {
+              className: "db-git-progress-bar",
+              role: "progressbar",
+              "aria-valuemin": 0,
+              "aria-valuemax": 100,
+              "aria-valuenow": Math.round(progressPercent),
+              style: { width: `${progressPercent}%` }
+            }
+          ),
+          /* @__PURE__ */ jsx8("p", { className: "db-git-progress-text", children: progressText }),
+          /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              className: "db-git-secondary-btn",
+              onClick: () => handleRef.current?.cancel(),
+              children: "Cancel"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/Git/GitConflictsDialog.tsx
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function GitConflictsDialog({
+  paths,
+  onOpenFile,
+  onClose
+}) {
+  const git = useGitContext();
+  return /* @__PURE__ */ jsxs9(
+    Dialog,
+    {
+      title: "Merge conflicts",
+      onClose,
+      footer: /* @__PURE__ */ jsxs9(Fragment6, { children: [
+        /* @__PURE__ */ jsx9("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Close" }),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            className: "db-git-primary-btn",
+            onClick: () => git?.openDialog({ kind: "commit" }),
+            children: "Open commit dialog"
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: "These files contain conflict markers. Edit each one to resolve the conflicts, then commit to complete the merge." }),
+        /* @__PURE__ */ jsx9("ul", { className: "db-git-file-list", children: paths.map((path) => /* @__PURE__ */ jsx9("li", { className: "db-git-file-row", children: /* @__PURE__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              onOpenFile(path);
+              onClose();
+            },
+            children: path.replace(/^\/+/, "")
+          }
+        ) }, path)) })
+      ]
+    }
+  );
+}
+
+// src/Git/GitUI.tsx
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function GitUI({ onOpenFile, onWorkspaceCloned }) {
+  const git = useGitContext();
+  if (!git || !git.available) return null;
+  const { dialog, closeDialog } = git;
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    /* @__PURE__ */ jsx10(GitStatusBar, {}),
+    git.repo && /* @__PURE__ */ jsx10("span", { className: "db-git-inline-status", role: "status", "aria-live": "polite", children: git.lastResult?.message ?? "" }),
+    dialog.kind === "commit" && /* @__PURE__ */ jsx10(GitCommitDialog, { onClose: closeDialog }),
+    dialog.kind === "branches" && /* @__PURE__ */ jsx10(GitBranchesDialog, { createFocus: dialog.createFocus, onClose: closeDialog }),
+    dialog.kind === "history" && /* @__PURE__ */ jsx10(GitHistoryDialog, { path: dialog.path, onClose: closeDialog }),
+    dialog.kind === "diff" && /* @__PURE__ */ jsx10(GitDiffDialog, { path: dialog.path, revision: dialog.revision, onClose: closeDialog }),
+    dialog.kind === "clone" && /* @__PURE__ */ jsx10(
+      GitCloneDialog,
+      {
+        onClose: closeDialog,
+        onCloned: (info) => {
+          closeDialog();
+          onWorkspaceCloned?.(info);
+        }
+      }
+    ),
+    dialog.kind === "auth-guidance" && /* @__PURE__ */ jsx10(
+      GitAuthGuidanceDialog,
+      {
+        operation: dialog.operation,
+        detail: dialog.detail,
+        onClose: closeDialog
+      }
+    ),
+    dialog.kind === "conflicts" && /* @__PURE__ */ jsx10(GitConflictsDialog, { paths: dialog.paths, onOpenFile, onClose: closeDialog })
+  ] });
+}
+export {
+  GitUI
+};
+//# sourceMappingURL=GitUI-KGF5MSNV.js.map