@hienlh/ppm 0.13.66 → 0.13.68

package/src/services/git.service.ts

@@ -132,9 +132,9 @@ class GitService {
     projectPath: string,
     filePath: string,
     ref: string = "HEAD",
+    ref2?: string,
   ): Promise<{ original: string; modified: string }> {
     const git = this.git(projectPath);
-    const absPath = path.resolve(projectPath, filePath);
 
     let original = "";
     try {
@@ -145,12 +145,22 @@ class GitService {
     }
 
     let modified = "";
-    try {
-      const f = Bun.file(absPath);
-      if (await f.exists()) modified = await f.text();
-    } catch {
-      // File missing on disk (deleted) → empty modified
-      modified = "";
+    if (ref2) {
+      // Commit-to-commit diff: read modified from git object store
+      try {
+        modified = await git.show([`${ref2}:${filePath}`]);
+      } catch {
+        modified = "";
+      }
+    } else {
+      // Working tree diff: read from disk
+      try {
+        const absPath = path.resolve(projectPath, filePath);
+        const f = Bun.file(absPath);
+        if (await f.exists()) modified = await f.text();
+      } catch {
+        modified = "";
+      }
     }
 
     return { original, modified };
@@ -531,6 +541,21 @@ class GitService {
     await this.git(projectPath).raw(["worktree", "prune"]);
   }
 
+  /** Clone a git repo into targetDir/repoName. Returns the full cloned path. */
+  async cloneRepo(url: string, targetDir: string, name?: string): Promise<string> {
+    const repoName = name || this.parseRepoNameFromUrl(url);
+    if (!repoName) throw new Error("Cannot determine repo name from URL");
+    const fullPath = path.resolve(targetDir, repoName);
+    await simpleGit().clone(url, fullPath);
+    return fullPath;
+  }
+
+  private parseRepoNameFromUrl(url: string): string | null {
+    // Handles SSH (git@host:owner/repo.git) and HTTPS (https://host/owner/repo.git)
+    const match = url.match(/[/:]([^/:]+?)(?:\.git)?\s*$/);
+    return match?.[1] ?? null;
+  }
+
   private parseRemoteUrl(
     url: string,
   ): { host: string; owner: string; repo: string } | null {

package/src/services/resource-monitor-utils.ts

@@ -25,23 +25,25 @@ function categorize(cmd: string): ResourceGroup["type"] {
 
 // ── Parser ─────────────────────────────────────────────────────────────
 
-/** Parse `ps -e -o pid,ppid,%cpu,rss,args` output into structured entries */
+/** Parse `ps -e -o pid,ppid,%cpu,rss,etimes,args` output into structured entries */
 export function parseProcessList(stdout: string): ProcessEntry[] {
   const lines = stdout.trim().split("\n");
   if (lines.length < 2) return [];
 
+  const now = Date.now();
   const entries: ProcessEntry[] = [];
   for (let i = 1; i < lines.length; i++) {
     const line = lines[i]?.trim();
     if (!line) continue;
     const parts = line.split(/\s+/);
-    if (parts.length < 5) continue;
+    if (parts.length < 6) continue;
 
     const pid = parseInt(parts[0]!, 10);
     const ppid = parseInt(parts[1]!, 10);
     const cpu = parseFloat(parts[2]!);
     const rssKB = parseInt(parts[3]!, 10);
-    const command = parts.slice(4).join(" ");
+    const etimes = parseInt(parts[4]!, 10);
+    const command = parts.slice(5).join(" ");
 
     if (isNaN(pid) || pid === 0 || !command) continue;
 
@@ -50,6 +52,7 @@ export function parseProcessList(stdout: string): ProcessEntry[] {
       ppid,
       cpu: Math.round(cpu * 10) / 10,
       ramMB: Math.round((rssKB / 1024) * 10) / 10,
+      startedAt: isNaN(etimes) ? now : now - etimes * 1000,
       command,
     });
   }
@@ -104,7 +107,7 @@ export function groupProcesses(
       label: "PPM Server",
       cpu: serverEntry.cpu,
       ramMB: serverEntry.ramMB,
-      processes: [{ pid: serverEntry.pid, cpu: serverEntry.cpu, ramMB: serverEntry.ramMB, command: serverEntry.command }],
+      processes: [{ pid: serverEntry.pid, cpu: serverEntry.cpu, ramMB: serverEntry.ramMB, startedAt: serverEntry.startedAt, command: serverEntry.command }],
     });
   }
 
@@ -130,7 +133,7 @@ export function groupProcesses(
       label: TYPE_LABELS[type],
       cpu: Math.round(procs.reduce((s, p) => s + p.cpu, 0) * 10) / 10,
       ramMB: Math.round(procs.reduce((s, p) => s + p.ramMB, 0) * 10) / 10,
-      processes: procs.map((p) => ({ pid: p.pid, cpu: p.cpu, ramMB: p.ramMB, command: p.command })),
+      processes: procs.map((p) => ({ pid: p.pid, cpu: p.cpu, ramMB: p.ramMB, startedAt: p.startedAt, command: p.command })),
     });
   }
 

package/src/services/resource-monitor.service.ts

@@ -13,6 +13,7 @@ export interface ProcessEntry {
   ppid: number;
   cpu: number;
   ramMB: number;
+  startedAt: number;
   command: string;
 }
 
@@ -78,7 +79,7 @@ class ResourceMonitorService {
   private async poll() {
     try {
       const proc = Bun.spawn({
-        cmd: ["ps", "-e", "-o", "pid,ppid,%cpu,rss,args"],
+        cmd: ["ps", "-e", "-o", "pid,ppid,%cpu,rss,etimes,args"],
         stdout: "pipe",
         stderr: "ignore",
       });

package/src/web/components/editor/diff-viewer.tsx

@@ -86,6 +86,7 @@ export function DiffViewer({ metadata }: DiffViewerProps) {
     if (filePath) {
       const params = new URLSearchParams({ file: filePath });
       if (ref1) params.set("ref", ref1);
+      if (ref2) params.set("ref2", ref2);
       api
         .get<{ original: string; modified: string }>(
           `${projectUrl(projectName)}/git/file-full-diff?${params}`,

package/src/web/components/extensions/extension-webview.tsx

@@ -83,7 +83,7 @@ export function ExtensionWebview({ metadata }: ExtensionWebviewProps) {
       }
       if (cancelled) return;
       window.dispatchEvent(new CustomEvent("ext:command:execute", {
-        detail: { command, args },
+        detail: { command, args, recovery: true },
       }));
     }
 
@@ -117,7 +117,7 @@ export function ExtensionWebview({ metadata }: ExtensionWebviewProps) {
         const match = json.data?.find((p) => p.name === projectName);
         const args = match ? [match.path] : [];
         window.dispatchEvent(new CustomEvent("ext:command:execute", {
-          detail: { command, args },
+          detail: { command, args, recovery: true },
         }));
       } catch {}
     })();

package/src/web/components/layout/add-project-form.tsx

@@ -20,17 +20,45 @@ interface AddProjectFormProps {
 
 export function AddProjectForm({ onSuccess, onCancel, footerClassName }: AddProjectFormProps) {
   const { addProject } = useProjectStore(useShallow((s) => ({ addProject: s.addProject })));
+
+  // ── Tab state ──────────────────────────────────────────────────────────────
+  const [tab, setTab] = useState<"local" | "clone">("local");
+
+  // ── Local folder state ─────────────────────────────────────────────────────
   const [path, setPath] = useState("");
   const [name, setName] = useState("");
   const [suggestions, setSuggestions] = useState<SuggestedDir[]>([]);
   const [showSuggestions, setShowSuggestions] = useState(false);
   const [loading, setLoading] = useState(false);
   const [submitting, setSubmitting] = useState(false);
+
+  // ── Clone state ────────────────────────────────────────────────────────────
+  const [gitUrl, setGitUrl] = useState("");
+  const [cloneDir, setCloneDir] = useState("~/Projects");
+  const [cloneName, setCloneName] = useState("");
+  const [cloning, setCloning] = useState(false);
+
+  // ── Shared ─────────────────────────────────────────────────────────────────
   const [error, setError] = useState("");
+
   const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const wrapperRef = useRef<HTMLDivElement>(null);
 
-  // Fetch suggestions when path changes
+  // Load last clone dir on mount
+  useEffect(() => {
+    api.get<{ dir: string | null }>("/api/projects/last-clone-dir")
+      .then((res) => { if (res?.dir) setCloneDir(res.dir); })
+      .catch(() => {});
+  }, []);
+
+  // Auto-parse repo name from Git URL
+  useEffect(() => {
+    if (!gitUrl.trim()) { setCloneName(""); return; }
+    const match = gitUrl.match(/[/:]([^/:]+?)(?:\.git)?\s*$/);
+    if (match?.[1]) setCloneName(match[1]);
+  }, [gitUrl]);
+
+  // Fetch suggestions when local path changes
   useEffect(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (!path.trim()) { setSuggestions([]); setShowSuggestions(false); return; }
@@ -80,84 +108,199 @@ export function AddProjectForm({ onSuccess, onCancel, footerClassName }: AddProj
     }
   }
 
+  async function handleClone(e?: React.FormEvent) {
+    e?.preventDefault();
+    if (!gitUrl.trim()) { setError("Git URL is required"); return; }
+    if (!cloneDir.trim()) { setError("Clone directory is required"); return; }
+    setError("");
+    setCloning(true);
+    try {
+      const result = await api.post<{ path: string; project: unknown }>(
+        "/api/projects/git/clone",
+        { url: gitUrl.trim(), targetDir: cloneDir.trim(), name: cloneName.trim() || undefined },
+      );
+      // Server already added project — refresh store and select it
+      const { fetchProjects, setActiveProject } = useProjectStore.getState();
+      await fetchProjects();
+      const projects = useProjectStore.getState().projects;
+      const newProj = projects.find((p) => p.path === result.path);
+      if (newProj) setActiveProject(newProj);
+      onSuccess();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Clone failed");
+    } finally {
+      setCloning(false);
+    }
+  }
+
   return (
-    <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-      {/* Path input with suggestions */}
-      <div ref={wrapperRef} className="relative">
-        <label className="block text-xs font-medium text-foreground mb-1">Project path</label>
-        <div className="flex gap-1.5 items-center">
-          <div className="relative flex items-center flex-1">
-            <FolderOpen className="absolute left-2.5 size-3.5 text-text-subtle pointer-events-none" />
+    <div className="flex flex-col gap-3">
+      {/* Tab bar */}
+      <div className="flex gap-1 border-b border-border">
+        {(["local", "clone"] as const).map((t) => (
+          <button
+            key={t}
+            type="button"
+            onClick={() => { setTab(t); setError(""); }}
+            className={cn(
+              "px-3 py-1.5 text-sm font-medium border-b-2 -mb-px transition-colors",
+              tab === t
+                ? "border-primary text-foreground"
+                : "border-transparent text-text-secondary hover:text-foreground",
+            )}
+          >
+            {t === "local" ? "Local folder" : "Clone from Git"}
+          </button>
+        ))}
+      </div>
+
+      {tab === "local" ? (
+        <form onSubmit={handleSubmit} className="flex flex-col gap-3">
+          {/* Path input with suggestions */}
+          <div ref={wrapperRef} className="relative">
+            <label className="block text-xs font-medium text-foreground mb-1">Project path</label>
+            <div className="flex gap-1.5 items-center">
+              <div className="relative flex items-center flex-1">
+                <FolderOpen className="absolute left-2.5 size-3.5 text-text-subtle pointer-events-none" />
+                <input
+                  type="text"
+                  value={path}
+                  onChange={(e) => { setPath(e.target.value); setError(""); }}
+                  onFocus={() => suggestions.length > 0 && setShowSuggestions(true)}
+                  placeholder="/path/to/project"
+                  className="w-full pl-8 pr-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
+                  autoFocus
+                  autoComplete="off"
+                />
+                {loading && <Loader2 className="absolute right-2.5 size-3.5 text-text-subtle animate-spin" />}
+              </div>
+              <BrowseButton
+                mode="folder"
+                onSelect={(selectedPath) => {
+                  setPath(selectedPath);
+                  if (!name) setName(selectedPath.split("/").pop() ?? "");
+                  setError("");
+                }}
+              />
+            </div>
+
+            {/* Suggestions dropdown */}
+            {showSuggestions && suggestions.length > 0 && (
+              <div className="absolute top-full left-0 right-0 mt-1 z-10 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto">
+                {suggestions.map((dir) => (
+                  <button
+                    key={dir.path}
+                    type="button"
+                    onMouseDown={() => selectSuggestion(dir)}
+                    className="w-full flex flex-col items-start px-3 py-2 text-left hover:bg-accent/50 transition-colors"
+                  >
+                    <span className="text-sm font-medium truncate w-full">{dir.name}</span>
+                    <span className="text-xs text-text-subtle truncate w-full">{dir.path}</span>
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {/* Optional name */}
+          <div>
+            <label className="block text-xs font-medium text-foreground mb-1">Display name <span className="text-muted-foreground">(optional)</span></label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="my-project"
+              className="w-full px-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
+            />
+          </div>
+
+          {error && <p className="text-xs text-destructive">{error}</p>}
+
+          <div className={cn("flex justify-end gap-2 pt-1", footerClassName)}>
+            <button
+              type="button"
+              onClick={onCancel}
+              className="px-3 py-1.5 text-sm text-text-secondary hover:text-foreground transition-colors"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={submitting || !path.trim()}
+              className="px-3 py-1.5 text-sm bg-primary text-white rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50"
+            >
+              {submitting ? "Adding…" : "Add Project"}
+            </button>
+          </div>
+        </form>
+      ) : (
+        <form onSubmit={handleClone} className="flex flex-col gap-3">
+          {/* Git URL */}
+          <div>
+            <label className="block text-xs font-medium text-foreground mb-1">Git URL</label>
             <input
               type="text"
-              value={path}
-              onChange={(e) => { setPath(e.target.value); setError(""); }}
-              onFocus={() => suggestions.length > 0 && setShowSuggestions(true)}
-              placeholder="/path/to/project"
-              className="w-full pl-8 pr-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
+              value={gitUrl}
+              onChange={(e) => { setGitUrl(e.target.value); setError(""); }}
+              placeholder="https://github.com/user/repo.git"
+              className="w-full px-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
               autoFocus
               autoComplete="off"
             />
-            {loading && <Loader2 className="absolute right-2.5 size-3.5 text-text-subtle animate-spin" />}
           </div>
-          <BrowseButton
-            mode="folder"
-            onSelect={(selectedPath) => {
-              setPath(selectedPath);
-              if (!name) setName(selectedPath.split("/").pop() ?? "");
-              setError("");
-            }}
-          />
-        </div>
-
-        {/* Suggestions dropdown */}
-        {showSuggestions && suggestions.length > 0 && (
-          <div className="absolute top-full left-0 right-0 mt-1 z-10 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto">
-            {suggestions.map((dir) => (
-              <button
-                key={dir.path}
-                type="button"
-                onMouseDown={() => selectSuggestion(dir)}
-                className="w-full flex flex-col items-start px-3 py-2 text-left hover:bg-accent/50 transition-colors"
-              >
-                <span className="text-sm font-medium truncate w-full">{dir.name}</span>
-                <span className="text-xs text-text-subtle truncate w-full">{dir.path}</span>
-              </button>
-            ))}
+
+          {/* Clone to directory */}
+          <div>
+            <label className="block text-xs font-medium text-foreground mb-1">Clone to</label>
+            <div className="flex gap-1.5 items-center">
+              <input
+                type="text"
+                value={cloneDir}
+                onChange={(e) => { setCloneDir(e.target.value); setError(""); }}
+                placeholder="~/Projects"
+                className="flex-1 px-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
+              />
+              <BrowseButton
+                mode="folder"
+                onSelect={(p) => { setCloneDir(p); setError(""); }}
+              />
+            </div>
           </div>
-        )}
-      </div>
 
-      {/* Optional name */}
-      <div>
-        <label className="block text-xs font-medium text-foreground mb-1">Display name <span className="text-muted-foreground">(optional)</span></label>
-        <input
-          type="text"
-          value={name}
-          onChange={(e) => setName(e.target.value)}
-          placeholder="my-project"
-          className="w-full px-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
-        />
-      </div>
+          {/* Repo name override */}
+          <div>
+            <label className="block text-xs font-medium text-foreground mb-1">
+              Name <span className="text-muted-foreground">(auto-parsed from URL)</span>
+            </label>
+            <input
+              type="text"
+              value={cloneName}
+              onChange={(e) => setCloneName(e.target.value)}
+              placeholder="repo-name"
+              className="w-full px-3 py-2 rounded-md border border-border bg-background text-sm focus:outline-none focus:ring-1 focus:ring-primary"
+            />
+          </div>
 
-      {error && <p className="text-xs text-destructive">{error}</p>}
-
-      <div className={cn("flex justify-end gap-2 pt-1", footerClassName)}>
-        <button
-          type="button"
-          onClick={onCancel}
-          className="px-3 py-1.5 text-sm text-text-secondary hover:text-foreground transition-colors"
-        >
-          Cancel
-        </button>
-        <button
-          type="submit"
-          disabled={submitting || !path.trim()}
-          className="px-3 py-1.5 text-sm bg-primary text-white rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50"
-        >
-          {submitting ? "Adding…" : "Add Project"}
-        </button>
-      </div>
-    </form>
+          {error && <p className="text-xs text-destructive">{error}</p>}
+
+          <div className={cn("flex justify-end gap-2 pt-1", footerClassName)}>
+            <button
+              type="button"
+              onClick={onCancel}
+              className="px-3 py-1.5 text-sm text-text-secondary hover:text-foreground transition-colors"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={cloning || !gitUrl.trim() || !cloneDir.trim()}
+              className="px-3 py-1.5 text-sm bg-primary text-white rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50"
+            >
+              {cloning ? <><Loader2 className="inline size-3.5 animate-spin mr-1.5" />Cloning…</> : "Clone & Add"}
+            </button>
+          </div>
+        </form>
+      )}
+    </div>
   );
 }

package/src/web/components/system/system-monitor-group-row.tsx

@@ -17,6 +17,18 @@ function formatRam(mb: number) {
   return mb < 1024 ? `${mb.toFixed(0)} MB` : `${(mb / 1024).toFixed(1)} GB`;
 }
 
+function formatAge(startedAt?: number) {
+  if (!startedAt) return "";
+  const secs = Math.round((Date.now() - startedAt) / 1000);
+  if (secs < 60) return `${secs}s`;
+  const mins = Math.floor(secs / 60);
+  if (mins < 60) return `${mins}m`;
+  const hrs = Math.floor(mins / 60);
+  if (hrs < 24) return `${hrs}h ${mins % 60}m`;
+  const days = Math.floor(hrs / 24);
+  return `${days}d ${hrs % 24}h`;
+}
+
 export interface GroupRowProps {
   group: ResourceGroup;
   Icon: React.ElementType;
@@ -85,13 +97,21 @@ export const GroupRow = memo(function GroupRow({
           <td className="text-right py-1 px-2 align-top">{formatRam(proc.ramMB)}</td>
           {!isMobile && (
             <td className="align-top py-1 px-2">
-              <button
-                onClick={(e) => { e.stopPropagation(); onKill(proc.pid); }}
-                className="opacity-0 group-hover/proc:opacity-100 p-0.5 rounded hover:bg-red-500/20 hover:text-red-500 transition-all"
-                title={`End process ${proc.pid}`}
-              >
-                <X className="size-3" />
-              </button>
+              <div className="flex items-center justify-between gap-1">
+                <span
+                  className="text-text-subtle"
+                  title={proc.startedAt ? new Date(proc.startedAt).toLocaleString() : ""}
+                >
+                  {formatAge(proc.startedAt)}
+                </span>
+                <button
+                  onClick={(e) => { e.stopPropagation(); onKill(proc.pid); }}
+                  className="opacity-0 group-hover/proc:opacity-100 p-0.5 rounded hover:bg-red-500/20 hover:text-red-500 transition-all"
+                  title={`End process ${proc.pid}`}
+                >
+                  <X className="size-3" />
+                </button>
+              </div>
             </td>
           )}
         </tr>

package/src/web/components/system/system-monitor-tab.tsx

@@ -137,7 +137,7 @@ export const SystemMonitorTab = memo(function SystemMonitorTab() {
                 className="w-20"
               />
               {!isMobile && (
-                <th className="py-1.5 px-2 font-medium w-[130px]">Trend</th>
+                <th className="py-1.5 px-2 font-medium w-[130px]">Trend / Age</th>
               )}
             </tr>
           </thead>

package/src/web/hooks/use-extension-ws.ts

@@ -16,6 +16,13 @@ import { toast } from "sonner";
  */
 const recentlyClosedViews = new Set<string>();
 
+/**
+ * Track viewTypes whose command dispatch was auto-recovery (not user-initiated).
+ * When `webview:create` arrives for a recovery viewType, skip setActiveTab
+ * to prevent stealing focus from the user's current tab.
+ */
+const recoveryViews = new Set<string>();
+
 /**
  * Hook that manages the WebSocket connection for extension UI bridge.
  * Dispatches server messages into the extension Zustand store.
@@ -161,8 +168,11 @@ export function useExtensionWs(enabled = true) {
               title: msg.title,
               metadata: { ...existingTab, viewType: viewTypeSlug, panelId: msg.panelId, extensionId: msg.extensionId },
             });
-            // Focus the existing tab so Cmd+G / command palette switches to it
-            useTabStore.getState().setActiveTab(existingTabId);
+            // Focus the existing tab only if user explicitly opened it (not auto-recovery)
+            if (!recoveryViews.has(viewTypeSlug)) {
+              useTabStore.getState().setActiveTab(existingTabId);
+            }
+            recoveryViews.delete(viewTypeSlug);
           } else if (!recentlyClosedViews.has(viewTypeSlug)) {
             // Only create a new tab if this viewType wasn't recently closed by user
             const currentProject = useTabStore.getState().currentProject;
@@ -223,10 +233,13 @@ export function useExtensionWs(enabled = true) {
 
     // Listen for command:execute requests (dispatched by StatusBar / TreeView)
     const commandHandler = (e: Event) => {
-      const { command, args } = (e as CustomEvent).detail;
+      const { command, args, recovery } = (e as CustomEvent).detail;
       // User explicitly opened an extension — clear "recently closed" so tab can be created
       const slug = (command as string).replace(/\.view$/, "");
       recentlyClosedViews.delete(slug);
+      // Track recovery dispatches to avoid stealing focus on webview:create
+      if (recovery) recoveryViews.add(slug);
+      else recoveryViews.delete(slug);
       client.send(JSON.stringify({ type: "command:execute", command, args }));
     };
     window.addEventListener("ext:command:execute", commandHandler);

package/src/web/hooks/use-resource-monitor.ts

@@ -8,7 +8,7 @@ export interface ResourceGroup {
   label: string;
   cpu: number;
   ramMB: number;
-  processes: { pid: number; cpu: number; ramMB: number; command: string }[];
+  processes: { pid: number; cpu: number; ramMB: number; startedAt?: number; command: string }[];
 }
 
 export interface ResourceSnapshot {

package/dist/web/assets/diff-viewer-sbO35hMr.js

@@ -1,4 +0,0 @@
-import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{b as t,x as n}from"./vendor-markdown-0Mxgxy0L.js";import{t as r}from"./text-wrap-AZErifCu.js";import{i,t as a}from"./api-client-DiZgVOok.js";import{n as o}from"./settings-store-BFlBSwKg.js";import"./vendor-mermaid-DU911Xa9.js";import{_ as s,et as c,st as l}from"./index-PZd81rhr.js";import{r as u,t as d}from"./use-monaco-theme-6AirEH08.js";var f=e(n(),1),p=t();function m(e){return{js:`javascript`,jsx:`javascript`,ts:`typescript`,tsx:`typescript`,py:`python`,html:`html`,css:`css`,scss:`scss`,json:`json`,md:`markdown`,mdx:`markdown`,yaml:`yaml`,yml:`yaml`,sh:`shell`,bash:`shell`}[e.split(`.`).pop()?.toLowerCase()??``]??`plaintext`}function h({metadata:e}){let t=e?.filePath,n=e?.projectName,h=e?.ref1,_=e?.ref2,v=e?.file1,y=e?.file2,b=e?.original,x=e?.modified,S=b!=null||x!=null,C=!!(v&&y),[w,T]=(0,f.useState)(null),[E,D]=(0,f.useState)(null),[O,k]=(0,f.useState)(null),[A,j]=(0,f.useState)(!S),[M,N]=(0,f.useState)(null),{wordWrap:P,toggleWordWrap:F}=o(s(e=>({wordWrap:e.wordWrap,toggleWordWrap:e.toggleWordWrap}))),I=d(),L=(0,f.useRef)(null),R=(0,f.useRef)(null),[z,B]=(0,f.useState)(!1),[V,H]=(0,f.useState)();(0,f.useEffect)(()=>{let e=L.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&H(Math.floor(e.contentRect.height))});return t.observe(e),()=>t.disconnect()},[A,M]),(0,f.useEffect)(()=>{if(S||!n)return;if(j(!0),N(null),k(null),D(null),T(null),v&&y){let e=new URLSearchParams({file1:v,file2:y});a.get(`${i(n)}/files/compare?${e}`).then(e=>{D(e),j(!1)}).catch(e=>{N(e instanceof Error?e.message:`Failed to compare files`),j(!1)});return}if(t){let e=new URLSearchParams({file:t});h&&e.set(`ref`,h),a.get(`${i(n)}/git/file-full-diff?${e}`).then(e=>{k(e),j(!1)}).catch(e=>{N(e instanceof Error?e.message:`Failed to load diff`),j(!1)});return}let e;if(h||_){let t=new URLSearchParams;h&&t.set(`ref1`,h),_&&t.set(`ref2`,_),e=`${i(n)}/git/diff?${t}`}else e=`${i(n)}/git/diff`;a.get(e).then(e=>{T(e.diff),j(!1)}).catch(e=>{N(e instanceof Error?e.message:`Failed to load diff`),j(!1)})},[t,n,h,_,v,y,S]);let{original:U,modified:W}=(0,f.useMemo)(()=>S?{original:b??``,modified:x??``}:C&&E?E:O||(w?g(w):{original:``,modified:``}),[w,S,b,x,C,E,O]),G=(0,f.useMemo)(()=>{let e=t??y??v;return e?m(e):`plaintext`},[t,v,y]),K=typeof window<`u`&&window.innerWidth<768,q=!K;return(0,f.useEffect)(()=>{let e=R.current;if(!e)return;let t=K||P?`on`:`off`;e.updateOptions({diffWordWrap:t}),e.getOriginalEditor().updateOptions({wordWrapOverride2:t}),e.getModifiedEditor().updateOptions({wordWrapOverride2:t})},[P,K,z]),!n&&!S?(0,p.jsx)(`div`,{className:`flex items-center justify-center h-full text-muted-foreground text-sm`,children:`No project selected.`}):A?(0,p.jsxs)(`div`,{className:`flex items-center justify-center h-full gap-2 text-muted-foreground`,children:[(0,p.jsx)(c,{className:`size-5 animate-spin`}),(0,p.jsx)(`span`,{className:`text-sm`,children:`Loading diff...`})]}):M?(0,p.jsx)(`div`,{className:`flex items-center justify-center h-full text-destructive text-sm`,children:M}):!S&&!C&&!O&&!U&&!W?(0,p.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-2 text-muted-foreground`,children:[(0,p.jsx)(l,{className:`size-8`}),(0,p.jsx)(`p`,{className:`text-sm`,children:`No content changes`}),t&&(0,p.jsx)(`p`,{className:`text-xs font-mono`,children:t})]}):(0,p.jsxs)(`div`,{className:`flex flex-col h-full`,children:[!K&&(0,p.jsx)(`div`,{className:`flex items-center justify-end gap-0.5 px-2 py-0.5 border-b border-border shrink-0`,children:(0,p.jsx)(`button`,{type:`button`,onClick:F,title:`Toggle word wrap`,className:`p-1 rounded hover:bg-muted transition-colors ${P?`bg-muted text-foreground`:``}`,children:(0,p.jsx)(r,{className:`size-3.5`})})}),(0,p.jsx)(`div`,{ref:L,className:`flex-1 overflow-hidden`,children:V&&V>0?(0,p.jsx)(u,{height:V,language:G,original:U,modified:W,theme:I,onMount:e=>{R.current=e,B(!0)},options:{fontSize:K?11:13,fontFamily:`Menlo, Monaco, Consolas, monospace`,diffWordWrap:K||P?`on`:`off`,renderSideBySide:q,useInlineViewWhenSpaceIsLimited:!1,readOnly:!0,automaticLayout:!0,scrollBeyondLastLine:!1},loading:(0,p.jsx)(c,{className:`size-5 animate-spin text-muted-foreground`})}):(0,p.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,p.jsx)(c,{className:`size-5 animate-spin text-muted-foreground`})})})]})}function g(e){let t=e.split(`
-`),n=[],r=[],i=!1;for(let e of t)if(!(e.startsWith(`diff --git`)||e.startsWith(`diff --no-index`)||e.startsWith(`index `)||e.startsWith(`new file`)||e.startsWith(`deleted file`)||e.startsWith(`old mode`)||e.startsWith(`new mode`)||e.startsWith(`---`)||e.startsWith(`+++`)||e.startsWith(`Binary files`)||e.startsWith(`\\ No newline`))){if(e.startsWith(`@@`)){i=!0;continue}if(i)if(e.startsWith(`-`))n.push(e.slice(1));else if(e.startsWith(`+`))r.push(e.slice(1));else{let t=e.startsWith(` `)?e.slice(1):e;n.push(t),r.push(t)}}return{original:n.join(`
-`),modified:r.join(`
-`)}}export{h as DiffViewer};

package/dist/web/assets/extension-webview-B2Q7T_NQ.js

@@ -1,3 +0,0 @@
-import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{b as t,x as n}from"./vendor-markdown-0Mxgxy0L.js";import{r}from"./api-client-DiZgVOok.js";import{et as i,x as a}from"./index-PZd81rhr.js";var o=e(n(),1),s=t(),c=`<script>
-function acquireVsCodeApi(){return{postMessage:function(m){window.parent.postMessage(m,"*")},getState:function(){try{return JSON.parse(sessionStorage.getItem("vscode-state")||"null")}catch{return null}},setState:function(s){sessionStorage.setItem("vscode-state",JSON.stringify(s));return s}}}
-<\/script>`;function l(e){if(!e)return e;let t=e.indexOf(`<head>`);return t===-1?c+e:e.slice(0,t+6)+c+e.slice(t+6)}function u({metadata:e}){let t=e?.panelId,n=e?.viewType,c=e?.projectName||void 0,[u,d]=(0,o.useState)(!1),f=a(e=>e.contributions!==null),p=a(e=>{if(t&&e.webviewPanels[t])return e.webviewPanels[t];if(n){let t=n.includes(`.`)?n:`${n}.view`;return Object.values(e.webviewPanels).find(e=>e.viewType===n||e.viewType===t)}}),m=p?.id??t,h=(0,o.useRef)(null),g=p?.html??``,_=l(g),v=(0,o.useRef)(null);(0,o.useEffect)(()=>{if(p||!n||!f||c&&c===v.current)return;c&&(v.current=c);let e=n.includes(`.`)?n:`${n}.view`,t=!1;async function i(){let n=[];if(c)try{let e=r(),t=(await(await fetch(`/api/projects`,e?{headers:{Authorization:`Bearer ${e}`}}:{})).json()).data?.find(e=>e.name===c);t&&(n=[t.path])}catch{}t||window.dispatchEvent(new CustomEvent(`ext:command:execute`,{detail:{command:e,args:n}}))}return i(),()=>{t=!0}},[p,n,c,f]);let y=e?.extensionId,b=a(e=>{if(y&&e.activationErrors[y])return e.activationErrors[y];if(n){for(let[t,r]of Object.entries(e.activationErrors))if(t===`ext-${n}`)return r}}),x=(0,o.useCallback)(()=>{if(d(!1),!n)return;let e=n.includes(`.`)?n:`${n}.view`;(async()=>{try{let t=r(),n=(await(await fetch(`/api/projects`,t?{headers:{Authorization:`Bearer ${t}`}}:{})).json()).data?.find(e=>e.name===c),i=n?[n.path]:[];window.dispatchEvent(new CustomEvent(`ext:command:execute`,{detail:{command:e,args:i}}))}catch{}})()},[n,c]),S=(0,o.useRef)(null),C=(0,o.useRef)(n);return(0,o.useEffect)(()=>{S.current=m??null},[m]),(0,o.useEffect)(()=>{C.current=n},[n]),(0,o.useEffect)(()=>()=>{let e=S.current;if(e){let t=C.current;a.getState().removeWebviewPanel(e),window.dispatchEvent(new CustomEvent(`ext:webview:close`,{detail:{panelId:e,viewType:t}}))}},[]),(0,o.useEffect)(()=>{if(p){d(!1);return}if(!f||!n)return;let e=0,t=setInterval(()=>{if(e++,e>3){clearInterval(t),d(!0);return}x()},2e3);return()=>clearInterval(t)},[p,f,n,x]),(0,o.useEffect)(()=>{if(!m)return;let e=e=>{h.current&&e.source===h.current.contentWindow&&window.dispatchEvent(new CustomEvent(`ext:webview:send`,{detail:{panelId:m,message:e.data}}))};return window.addEventListener(`message`,e),()=>window.removeEventListener(`message`,e)},[m]),(0,o.useEffect)(()=>{if(!m)return;let e=e=>{let{panelId:t,message:n}=e.detail;t===m&&h.current?.contentWindow?.postMessage(n,`*`)};return window.addEventListener(`ext:webview:message`,e),()=>window.removeEventListener(`ext:webview:message`,e)},[m]),!p||!g?(0,s.jsx)(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-sm text-text-subtle`,children:u?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`span`,{className:`text-destructive font-medium`,children:`Extension failed to load`}),b&&(0,s.jsx)(`span`,{className:`text-xs text-muted-foreground max-w-md text-center`,children:b}),(0,s.jsx)(`button`,{onClick:x,className:`text-xs text-primary hover:underline`,children:`Retry`})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i,{className:`size-5 animate-spin`}),(0,s.jsx)(`span`,{children:`Loading extension...`})]})}):(0,s.jsx)(`div`,{className:`h-full w-full relative`,children:(0,s.jsx)(`iframe`,{ref:h,srcDoc:_,sandbox:`allow-scripts`,className:`w-full h-full border-0 bg-white dark:bg-zinc-900`,title:p.title},m)})}export{u as ExtensionWebview};