@opentrace/components 0.1.1-rc.30 → 0.1.1-rc.44

package/dist/urlNormalize-KY4ngwCQ.js

@@ -0,0 +1,990 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+function detectProvider(url) {
+  const lower = url.toLowerCase();
+  if (lower.includes("github")) return "github";
+  if (lower.includes("gitlab")) return "gitlab";
+  if (lower.includes("bitbucket")) return "bitbucket";
+  if (lower.includes("dev.azure.com") || lower.includes("visualstudio.com"))
+    return "azuredevops";
+  return null;
+}
+const HISTORY_KEY = "ot_repo_history";
+const MAX_HISTORY = 5;
+function loadHistory() {
+  try {
+    const raw = localStorage.getItem(HISTORY_KEY);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed.filter((item) => typeof item === "string") : [];
+  } catch {
+    return [];
+  }
+}
+function saveToHistory(url) {
+  const history = loadHistory().filter((u) => u !== url);
+  history.unshift(url);
+  localStorage.setItem(
+    HISTORY_KEY,
+    JSON.stringify(history.slice(0, MAX_HISTORY))
+  );
+}
+function removeFromHistory(url) {
+  const updated = loadHistory().filter((u) => u !== url);
+  localStorage.setItem(HISTORY_KEY, JSON.stringify(updated));
+  return updated;
+}
+const PROVIDER_ORDER = [
+  "github",
+  "gitlab",
+  "bitbucket",
+  "azuredevops"
+];
+const QUADRANT_CLIPS = {
+  github: {
+    // top triangle
+    quarter: "polygon(0% 0%, 100% 0%, 50% 50%, 50% 50%)",
+    full: "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",
+    hidden: "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)"
+  },
+  gitlab: {
+    // right triangle
+    quarter: "polygon(50% 50%, 100% 0%, 100% 100%, 50% 50%)",
+    full: "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",
+    hidden: "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)"
+  },
+  bitbucket: {
+    // bottom triangle
+    quarter: "polygon(50% 50%, 50% 50%, 100% 100%, 0% 100%)",
+    full: "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",
+    hidden: "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)"
+  },
+  azuredevops: {
+    // left triangle
+    quarter: "polygon(0% 0%, 50% 50%, 50% 50%, 0% 100%)",
+    full: "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",
+    hidden: "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)"
+  }
+};
+const PROVIDER_FULL_SVG = {
+  github: () => /* @__PURE__ */ jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" }) }),
+  gitlab: () => /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 380 380", fill: "currentColor", children: [
+    /* @__PURE__ */ jsx("path", { d: "M190 353.9L131.1 172.8h117.8L190 353.9z", opacity: "0.85" }),
+    /* @__PURE__ */ jsx("path", { d: "M190 353.9L131.1 172.8H15.6L190 353.9z", opacity: "0.7" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.6 172.8L0.4 219.5c-1.4 4.3 0.1 9 3.8 11.7L190 353.9 15.6 172.8z",
+        opacity: "0.55"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.6 172.8h115.5L87.6 26.5c-1.6-4.9-8.5-4.9-10.1 0L15.6 172.8z",
+        opacity: "0.85"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M190 353.9l58.9-181.1h115.5L190 353.9z", opacity: "0.7" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M364.4 172.8l15.2 46.7c1.4 4.3-0.1 9-3.8 11.7L190 353.9l174.4-181.1z",
+        opacity: "0.55"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M364.4 172.8H248.9l43.5-146.3c1.6-4.9 8.5-4.9 10.1 0l61.9 146.3z",
+        opacity: "0.85"
+      }
+    )
+  ] }),
+  bitbucket: () => /* @__PURE__ */ jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 32 32", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M2.278 2.133a1.07 1.07 0 00-1.07 1.236l4.058 24.637a1.45 1.45 0 001.417 1.195h19.1a1.07 1.07 0 001.07-.903l4.058-24.93a1.07 1.07 0 00-1.07-1.236zm16.7 17.757h-6.1l-1.647-8.613h9.2z" }) }),
+  azuredevops: () => /* @__PURE__ */ jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M15 3.622v8.512L11.5 15l-5.425-1.975v1.958L3.004 10.97l8.951.7V4.005L15 3.622zm-2.984.428L6.994 1v2.001L2.382 4.356 1 6.13v4.029l1.978.873V5.869l9.038-1.819z" }) })
+};
+function ProviderIconStrip({ selected }) {
+  return /* @__PURE__ */ jsxs("div", { className: "hero-icon" + (selected ? " hero-icon--provider" : ""), children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: `quad-dividers${selected ? " quad-dividers--hidden" : ""}`,
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 64 64",
+        children: [
+          /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: "0",
+              y1: "0",
+              x2: "64",
+              y2: "64",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              opacity: "0.2"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: "64",
+              y1: "0",
+              x2: "0",
+              y2: "64",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              opacity: "0.2"
+            }
+          )
+        ]
+      }
+    ),
+    PROVIDER_ORDER.map((key) => {
+      const Icon = PROVIDER_FULL_SVG[key];
+      const clips = QUADRANT_CLIPS[key];
+      const clip = !selected ? clips.quarter : key === selected ? clips.full : clips.hidden;
+      return /* @__PURE__ */ jsx("div", { className: "quad-layer", style: { clipPath: clip }, children: /* @__PURE__ */ jsx(Icon, {}) }, key);
+    })
+  ] });
+}
+function FolderIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "38",
+      height: "38",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" })
+    }
+  );
+}
+const PROVIDER_DISPLAY_NAME = {
+  github: "GitHub",
+  gitlab: "GitLab",
+  bitbucket: "Bitbucket",
+  azuredevops: "Azure DevOps"
+};
+const EXAMPLE_REPOS = [
+  {
+    name: "OpenTrace",
+    url: "https://github.com/opentrace/opentrace",
+    description: "Knowledge graph for system architecture and code structure",
+    size: "M"
+  },
+  {
+    name: "OpenTelemetry Demo",
+    url: "https://github.com/open-telemetry/opentelemetry-demo",
+    description: "Microservices demo with OTel instrumentation",
+    size: "M"
+  },
+  {
+    name: "Express.js",
+    url: "https://github.com/expressjs/express",
+    description: "Fast, minimalist web framework for Node.js",
+    size: "S"
+  },
+  {
+    name: "Podinfo",
+    url: "https://github.com/stefanprodan/podinfo",
+    description: "Go microservice template for Kubernetes",
+    size: "S"
+  },
+  {
+    name: "Grafana",
+    url: "https://github.com/grafana/grafana",
+    description: "Open-source observability and monitoring platform",
+    size: "L"
+  },
+  {
+    name: "Linux",
+    url: "https://github.com/torvalds/linux",
+    description: "Linux kernel source tree",
+    size: "L"
+  }
+];
+function AddRepoModal({
+  onClose,
+  onSubmit,
+  dismissable = true,
+  onValidate
+}) {
+  const [source, setSource] = useState("url");
+  const [repoUrl, setRepoUrl] = useState("");
+  const [history, setHistory] = useState(loadHistory);
+  const [showHistory, setShowHistory] = useState(false);
+  const [ref, setRef] = useState("");
+  const [pat, setPat] = useState("");
+  const [showPat, setShowPat] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [selectedFiles, setSelectedFiles] = useState(null);
+  const fileInputRef = useRef(null);
+  const urlInputRef = useRef(null);
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    if (source === "url") {
+      urlInputRef.current?.focus();
+    }
+  }, [source]);
+  useEffect(() => {
+    function handleClick(e) {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target) && e.target !== urlInputRef.current) {
+        setShowHistory(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, []);
+  const filteredHistory = history.filter(
+    (url) => !repoUrl || url.toLowerCase().includes(repoUrl.toLowerCase())
+  );
+  const provider = source === "url" ? detectProvider(repoUrl) : null;
+  const patStorageKey = provider ? `ot_${provider}_pat` : null;
+  const validationMessage = useMemo(() => {
+    if (source !== "url" || !repoUrl.trim() || !onValidate) return null;
+    return onValidate(repoUrl);
+  }, [source, repoUrl, onValidate]);
+  const directoryName = selectedFiles?.[0]?.webkitRelativePath?.split("/")[0] ?? "";
+  useEffect(() => {
+    if (!provider || !patStorageKey) return;
+    const saved = localStorage.getItem(patStorageKey);
+    if (saved) setPat(saved);
+    else setPat("");
+  }, [provider, patStorageKey]);
+  useEffect(() => {
+    setError(null);
+  }, [source]);
+  function handleSubmit(e) {
+    e.preventDefault();
+    if (source === "directory") {
+      if (!selectedFiles || selectedFiles.length === 0) {
+        setError("Select a directory first.");
+        return;
+      }
+      setError(null);
+      setLoading(true);
+      onSubmit({
+        type: "index-directory",
+        files: selectedFiles,
+        name: directoryName || "local"
+      });
+      return;
+    }
+    if (!provider) {
+      setError(
+        "Enter a GitHub, GitLab, Bitbucket, or Azure DevOps repository URL."
+      );
+      return;
+    }
+    if (validationMessage) {
+      return;
+    }
+    setError(null);
+    setLoading(true);
+    if (patStorageKey) {
+      if (pat) localStorage.setItem(patStorageKey, pat);
+      else localStorage.removeItem(patStorageKey);
+    }
+    saveToHistory(repoUrl);
+    onSubmit({
+      type: "index-repo",
+      repoUrl,
+      token: pat || void 0,
+      ref: ref || void 0
+    });
+  }
+  const heroIcon = source === "directory" ? /* @__PURE__ */ jsx("div", { className: "hero-icon hero-icon--provider", children: /* @__PURE__ */ jsx(FolderIcon, {}) }) : /* @__PURE__ */ jsx(ProviderIconStrip, { selected: provider });
+  const title = source === "directory" ? "Add Local Directory" : provider ? `Add from ${PROVIDER_DISPLAY_NAME[provider]}` : "Add Repository";
+  const subtitle = source === "directory" ? "Select a directory to index its structure into the graph" : provider ? `Enter a ${PROVIDER_DISPLAY_NAME[provider]} repository URL to index` : "Enter a repository URL to index its structure into the graph";
+  return /* @__PURE__ */ jsx("div", { className: "modal-backdrop", onClick: dismissable ? onClose : void 0, children: /* @__PURE__ */ jsxs("div", { className: "modal-card", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx("div", { className: "source-toggle", children: /* @__PURE__ */ jsxs("div", { className: "chip-toggle", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `chip-toggle-btn${source === "url" ? " active" : ""}`,
+          onClick: () => setSource("url"),
+          children: "URL"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `chip-toggle-btn${source === "directory" ? " active" : ""}`,
+          onClick: () => setSource("directory"),
+          children: "Directory"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "form-hero", children: [
+      heroIcon,
+      /* @__PURE__ */ jsx("h2", { children: title }),
+      /* @__PURE__ */ jsx("p", { className: "hero-subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsx("div", { className: "form-fields", children: source === "url" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "form-info", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+                /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "Repository archives are fetched through the OpenTrace API server to avoid browser CORS restrictions. Your access token (if provided) is forwarded but never stored on the server." })
+        ] }),
+        !provider && /* @__PURE__ */ jsxs("div", { className: "example-repos", children: [
+          /* @__PURE__ */ jsx("span", { className: "example-repos-label", children: "Examples:" }),
+          EXAMPLE_REPOS.map((repo) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "example-repo-chip",
+              onClick: () => setRepoUrl(repo.url),
+              title: repo.description,
+              children: [
+                repo.name,
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `example-repo-size example-repo-size--${repo.size.toLowerCase()}`,
+                    children: repo.size
+                  }
+                )
+              ]
+            },
+            repo.url
+          ))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "autocomplete-wrapper", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: urlInputRef,
+              type: "text",
+              required: true,
+              className: "input-pill",
+              placeholder: "https://github.com/owner/repo or https://bitbucket.org/ws/repo",
+              value: repoUrl,
+              onChange: (e) => {
+                setRepoUrl(e.target.value);
+                if (!showHistory) setShowHistory(true);
+              },
+              onFocus: () => setShowHistory(true),
+              onKeyDown: (e) => {
+                if (e.key === "Escape") setShowHistory(false);
+              },
+              autoFocus: true,
+              autoComplete: "off",
+              "data-1p-ignore": true,
+              "data-lpignore": "true",
+              "data-testid": "repo-url-input"
+            }
+          ),
+          showHistory && filteredHistory.length > 0 && /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: "autocomplete-dropdown", children: [
+            /* @__PURE__ */ jsx("div", { className: "autocomplete-label", children: "Recent" }),
+            filteredHistory.map((url) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "autocomplete-item",
+                role: "option",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  setRepoUrl(url);
+                  setShowHistory(false);
+                  urlInputRef.current?.focus();
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ jsx("polyline", { points: "1 4 1 10 7 10" }),
+                        /* @__PURE__ */ jsx("path", { d: "M3.51 15a9 9 0 1 0 2.13-9.36L1 10" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "autocomplete-item-text", children: url.replace(/^https?:\/\/(www\.)?/, "").replace(/\.git$/, "") }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "autocomplete-item-remove",
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        setHistory(removeFromHistory(url));
+                      },
+                      "aria-label": "Remove from history",
+                      children: /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          width: "12",
+                          height: "12",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          children: [
+                            /* @__PURE__ */ jsx("polyline", { points: "3 6 5 6 21 6" }),
+                            /* @__PURE__ */ jsx("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
+                            /* @__PURE__ */ jsx("path", { d: "M10 11v6" }),
+                            /* @__PURE__ */ jsx("path", { d: "M14 11v6" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              url
+            ))
+          ] })
+        ] }),
+        provider && /* @__PURE__ */ jsxs("div", { className: "input-pill-row", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "input-icon",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+                /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: showPat ? "text" : "password",
+              className: "input-pill input-pill--icon",
+              placeholder: `${provider ? PROVIDER_DISPLAY_NAME[provider] : ""} access token (optional, for private repos)`,
+              value: pat,
+              onChange: (e) => setPat(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "input-toggle",
+              onClick: () => setShowPat(!showPat),
+              tabIndex: -1,
+              "aria-label": showPat ? "Hide token" : "Show token",
+              children: showPat ? /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+                    /* @__PURE__ */ jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
+                    /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" }),
+                    /* @__PURE__ */ jsx("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "directory-picker", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            webkitdirectory: "",
+            directory: "",
+            multiple: true,
+            className: "directory-input",
+            onChange: (e) => setSelectedFiles(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "input-pill directory-browse-btn",
+            onClick: () => fileInputRef.current?.click(),
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" })
+                }
+              ),
+              directoryName ? /* @__PURE__ */ jsxs("span", { className: "directory-name", children: [
+                directoryName,
+                " ",
+                /* @__PURE__ */ jsxs("span", { className: "directory-count", children: [
+                  "(",
+                  selectedFiles?.length ?? 0,
+                  " files)"
+                ] })
+              ] }) : "Choose Directory..."
+            ]
+          }
+        )
+      ] }) }),
+      error && /* @__PURE__ */ jsxs("div", { className: "form-error", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+              /* @__PURE__ */ jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: error })
+      ] }),
+      validationMessage && /* @__PURE__ */ jsxs("div", { className: "form-indexed", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+              /* @__PURE__ */ jsx("polyline", { points: "22 4 12 14.01 9 11.01" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: validationMessage })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          className: "btn-cta",
+          disabled: loading || !!validationMessage,
+          children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "btn-spinner" }),
+            "Indexing..."
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            "Add & Index",
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+                  /* @__PURE__ */ jsx("polyline", { points: "12 5 19 12 12 19" })
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "form-chips", children: [
+        source === "url" && /* @__PURE__ */ jsxs("div", { className: "chip", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx("line", { x1: "6", y1: "3", x2: "6", y2: "15" }),
+                /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "3" }),
+                /* @__PURE__ */ jsx("circle", { cx: "6", cy: "18", r: "3" }),
+                /* @__PURE__ */ jsx("path", { d: "M18 9a9 9 0 0 1-9 9" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: "chip-input",
+              placeholder: "Branch: main",
+              value: ref,
+              onChange: (e) => setRef(e.target.value),
+              autoComplete: "off",
+              "data-1p-ignore": true,
+              "data-lpignore": "true"
+            }
+          )
+        ] }),
+        dismissable && /* @__PURE__ */ jsx("button", { type: "button", className: "chip", onClick: onClose, children: "Cancel" })
+      ] })
+    ] })
+  ] }) });
+}
+function formatMB(bytes) {
+  return (bytes / (1024 * 1024)).toFixed(1) + " MB";
+}
+function StageProgressRow({
+  label,
+  stage,
+  removing
+}) {
+  const isCompleted = stage.status === "completed";
+  const isActive = stage.status === "active";
+  const indeterminate = isActive && stage.total === 0;
+  const pct = stage.total > 0 ? Math.min(100, stage.current / stage.total * 100) : 0;
+  const isBytes = stage.format === "bytes";
+  let cls = "stage-row";
+  if (removing) cls += " stage-row--removing";
+  else if (isCompleted) cls += " stage-row--completed";
+  else if (isActive) cls += " stage-row--active";
+  const detail = isCompleted ? stage.message : isActive && stage.message ? stage.message : "";
+  return /* @__PURE__ */ jsxs("div", { className: cls, children: [
+    /* @__PURE__ */ jsxs("div", { className: "stage-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "stage-label", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "stage-count", children: stage.total > 0 ? isBytes ? `${formatMB(stage.current)} / ${formatMB(stage.total)}` : `${stage.current}/${stage.total}` : stage.current > 0 ? isBytes ? formatMB(stage.current) : `${stage.current}` : "" })
+    ] }),
+    detail && /* @__PURE__ */ jsx("span", { className: "stage-detail", children: detail }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `stage-bar${indeterminate ? " stage-bar--indeterminate" : ""}`,
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "stage-bar-fill",
+            style: indeterminate ? void 0 : { width: `${isCompleted ? 100 : pct}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+function MultiStageProgress({
+  stages,
+  stageConfig
+}) {
+  const entries = stageConfig.map(({ key, label }) => ({
+    key,
+    label,
+    stage: stages[key]
+  })).filter((e) => !!e.stage);
+  let lastCompletedIdx = -1;
+  for (let i = entries.length - 1; i >= 0; i--) {
+    if (entries[i].stage.status === "completed") {
+      lastCompletedIdx = i;
+      break;
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "multi-stage-progress", children: entries.map(({ key, label, stage }, i) => /* @__PURE__ */ jsx(
+    StageProgressRow,
+    {
+      label,
+      stage,
+      removing: stage.status === "completed" && i < lastCompletedIdx
+    },
+    key
+  )) });
+}
+function StatsGrid({
+  nodes,
+  relationships
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "indexing-stats-grid", children: [
+    /* @__PURE__ */ jsxs("div", { className: "stat-card", children: [
+      /* @__PURE__ */ jsx("span", { className: "stat-value", children: nodes }),
+      /* @__PURE__ */ jsx("span", { className: "stat-label", children: "Nodes" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "stat-card", children: [
+      /* @__PURE__ */ jsx("span", { className: "stat-value", children: relationships }),
+      /* @__PURE__ */ jsx("span", { className: "stat-label", children: "Edges" })
+    ] })
+  ] });
+}
+function IndexingProgress({
+  state,
+  stages: stageConfig,
+  icon,
+  onClose,
+  onCancel,
+  onMinimize,
+  title,
+  message
+}) {
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx("div", { className: "modal-backdrop", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "modal-card modal-card-wide",
+        onClick: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsxs("div", { className: "indexing-progress", children: [
+          /* @__PURE__ */ jsx(
+            MultiStageProgress,
+            {
+              stages: state.stages,
+              stageConfig
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "failed-content", children: [
+            /* @__PURE__ */ jsx("div", { className: "failed-icon", children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: "16",
+                  cy: "16",
+                  r: "14",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  fill: "color-mix(in oklch, currentColor 10%, transparent)"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "line",
+                {
+                  x1: "11",
+                  y1: "11",
+                  x2: "21",
+                  y2: "21",
+                  stroke: "currentColor",
+                  strokeWidth: "2.5",
+                  strokeLinecap: "round"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "line",
+                {
+                  x1: "21",
+                  y1: "11",
+                  x2: "11",
+                  y2: "21",
+                  stroke: "currentColor",
+                  strokeWidth: "2.5",
+                  strokeLinecap: "round"
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx("h2", { children: title ?? "Indexing Failed" }),
+            state.error && /* @__PURE__ */ jsx("p", { className: "failed-message", children: state.error })
+          ] }),
+          (state.nodesCreated > 0 || state.relationshipsCreated > 0) && /* @__PURE__ */ jsx(
+            StatsGrid,
+            {
+              nodes: state.nodesCreated,
+              relationships: state.relationshipsCreated
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { className: "btn-cta btn-cta--secondary", onClick: onClose, children: "Close" })
+        ] })
+      }
+    ) });
+  }
+  if (state.status === "done") {
+    return /* @__PURE__ */ jsx("div", { className: "modal-backdrop", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "modal-card modal-card-wide",
+        onClick: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsxs("div", { className: "indexing-progress", children: [
+          /* @__PURE__ */ jsx(
+            MultiStageProgress,
+            {
+              stages: state.stages,
+              stageConfig
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "done-content", children: [
+            /* @__PURE__ */ jsx("div", { className: "done-checkmark", children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: "16",
+                  cy: "16",
+                  r: "14",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  fill: "color-mix(in oklch, currentColor 15%, transparent)"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "polyline",
+                {
+                  className: "done-check-path",
+                  points: "10,16.5 14,20.5 22,12",
+                  stroke: "currentColor",
+                  strokeWidth: "2.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  fill: "none"
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx("h2", { children: title ?? "Complete" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            StatsGrid,
+            {
+              nodes: state.nodesCreated,
+              relationships: state.relationshipsCreated
+            }
+          ),
+          message && /* @__PURE__ */ jsx("p", { className: "indexing-message", children: message }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "btn-cta btn-cta--secondary",
+              onClick: onMinimize ?? onClose,
+              children: onMinimize ? "Minimize" : "Close"
+            }
+          )
+        ] })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "modal-backdrop", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "modal-card modal-card-wide",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "indexing-header", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "indexing-header-icon", children: icon }),
+          /* @__PURE__ */ jsx("h2", { children: title ?? "Indexing Repository" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "indexing-progress", children: [
+          /* @__PURE__ */ jsx(
+            MultiStageProgress,
+            {
+              stages: state.stages,
+              stageConfig
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatsGrid,
+            {
+              nodes: state.nodesCreated,
+              relationships: state.relationshipsCreated
+            }
+          ),
+          message && /* @__PURE__ */ jsx("p", { className: "indexing-message", children: message }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "btn-cta btn-cta--secondary",
+              onClick: onMinimize ?? onCancel,
+              children: onMinimize ? "Minimize" : "Cancel"
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function normalizeRepoUrl(raw) {
+  const trimmed = raw.trim();
+  const scpMatch = trimmed.match(/^[\w.-]+@([^:]+):(.+)$/);
+  if (scpMatch) {
+    const host = scpMatch[1];
+    const path = stripDotGit(scpMatch[2]);
+    return `https://${host}/${path}`;
+  }
+  const sshMatch = trimmed.match(/^ssh:\/\/[\w.-]+@([^/]+)\/(.+)$/);
+  if (sshMatch) {
+    const host = sshMatch[1];
+    const path = stripDotGit(sshMatch[2]);
+    return `https://${host}/${path}`;
+  }
+  return stripDotGit(trimmed);
+}
+function stripDotGit(s) {
+  return s.endsWith(".git") ? s.slice(0, -4) : s;
+}
+export {
+  AddRepoModal as A,
+  IndexingProgress as I,
+  detectProvider as d,
+  normalizeRepoUrl as n
+};
+//# sourceMappingURL=urlNormalize-KY4ngwCQ.js.map