npm - @mndrk/agx - Versions diffs - 2.4.10 → 2.4.11 - Mend

@mndrk/agx 2.4.10 → 2.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (511) hide show

package/cloud-runtime/standalone/apps/local/app/api/git/workspaces/route.ts ADDED Viewed

@@ -0,0 +1,46 @@
+// apps/local/app/api/git/workspaces/route.ts
+import { NextRequest, NextResponse } from "next/server";
+import { ensureFreshRepoIndex, RESCAN_TTL_MS } from "@/lib/git-repo-index";
+import { listMatchingWorkspaces } from "@/lib/git-workspaces";
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+export async function GET(req: NextRequest) {
+  const ticketId = req.nextUrl.searchParams.get("ticketId")?.trim() ?? "";
+  if (!ticketId) {
+    return NextResponse.json({ error: "ticketId required" }, { status: 400 });
+  }
+  try {
+    const { index, scanning } = await ensureFreshRepoIndex();
+    const stale =
+      index === null || Date.now() - index.scannedAt > RESCAN_TTL_MS;
+    if (!index || stale) {
+      return NextResponse.json({
+        workspaces: [],
+        stale: true,
+        scannedAt: index?.scannedAt ?? null,
+        scanning,
+      });
+    }
+    const workspaces = await listMatchingWorkspaces({
+      repoPaths: index.entries.map((e) => e.path),
+      ticketId,
+    });
+    return NextResponse.json({
+      workspaces,
+      stale: false,
+      scannedAt: index.scannedAt,
+      scanning,
+    });
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    return NextResponse.json(
+      { error: `git workspaces failed: ${message}` },
+      { status: 502 },
+    );
+  }
+}

package/cloud-runtime/standalone/apps/local/app/api/github/prs/[id]/route.ts ADDED Viewed

@@ -0,0 +1,28 @@
+// apps/local/app/api/github/prs/[id]/route.ts
+import { NextRequest, NextResponse } from "next/server";
+import { fetchPrViaGh } from "@/lib/gh-pr-cli";
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+export async function GET(
+  _req: NextRequest,
+  { params }: { params: Promise<{ id: string }> },
+) {
+  const { id: rawId } = await params;
+  const id = decodeURIComponent(rawId);
+  try {
+    const result = await fetchPrViaGh(id);
+    if (!result) {
+      return NextResponse.json({ error: "PR not found" }, { status: 404 });
+    }
+    return NextResponse.json(result);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    return NextResponse.json(
+      { error: `gh CLI failed: ${message}` },
+      { status: 502 },
+    );
+  }
+}

package/cloud-runtime/standalone/apps/local/app/layout.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Geist, Geist_Mono, Inter_Tight, JetBrains_Mono } from "next/font/google";
 import { GoogleAnalytics } from "@/components/GoogleAnalytics";
 import { PostHogAnalytics } from "@/components/PostHogAnalytics";
 import StartupGuard from "@/components/errors/StartupGuard";
@@ -16,6 +16,18 @@ const geistMono = Geist_Mono({
   subsets: ["latin"],
 });
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "800", "900"],
+});
+const jetbrainsMono = JetBrains_Mono({
+  variable: "--font-jetbrains-mono",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+});
 export const metadata: Metadata = {
   title: "AGX",
   description: "Workflow surface for AI-assisted dev work — tickets, repos, PRs, and agents in one window.",
@@ -45,7 +57,7 @@ export default function RootLayout({
       <head>
         <script dangerouslySetInnerHTML={{ __html: themeBootstrapScript }} />
       </head>
-      <body className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen overflow-x-hidden overflow-y-auto bg-[var(--background)] text-[var(--foreground)] selection:bg-[var(--primary)] selection:text-[var(--primary-foreground)]`}>
+      <body className={`${geistSans.variable} ${geistMono.variable} ${interTight.variable} ${jetbrainsMono.variable} antialiased min-h-screen overflow-x-hidden overflow-y-auto bg-[var(--background)] text-[var(--foreground)] selection:bg-[var(--primary)] selection:text-[var(--primary-foreground)]`}>
         <StartupGuard>{children}</StartupGuard>
         <VersionBadge />
         <GoogleAnalytics />

package/cloud-runtime/standalone/apps/local/app/projects/[slug]/prs/[prId]/page.tsx ADDED Viewed

@@ -0,0 +1,13 @@
+"use client";
+import { use } from "react";
+import { PrReviewView } from "@/components/prs/review/PrReviewView";
+interface PageProps {
+  params: Promise<{ slug: string; prId: string }>;
+}
+export default function PrReviewPage({ params }: PageProps) {
+  const { prId } = use(params);
+  return <PrReviewView prId={prId} />;
+}

package/cloud-runtime/standalone/apps/local/app/projects/[slug]/prs/page.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 "use client";
 import { use, useCallback, useEffect, useMemo, useState } from "react";
+import Link from "next/link";
 import type { GithubPr, GithubRepo } from "@/lib/github-types";
 import { useProjectsWithAgents } from "@/hooks/useProjects";
 import { PrComposerPanel } from "@/components/prs/PrComposerPanel";
@@ -192,10 +193,10 @@ export default function ProjectPrsPage({
             const ci = ciIcon(pr.ciStatus);
             const isSelected = pr.id === selectedId;
             return (
-              <button
-                type="button"
+              <Link
                 key={pr.id}
-                onClick={() => setSelectedId(pr.id)}
+                href={`/projects/${slug}/prs/${encodeURIComponent(pr.id)}`}
+                onMouseEnter={() => setSelectedId(pr.id)}
                 className={`flex flex-col gap-0.5 border-b border-neutral-800/60 px-4 py-2 text-left text-sm hover:bg-neutral-800/50 ${
                   isSelected ? "bg-neutral-800/70" : ""
                 }`}
@@ -219,7 +220,7 @@ export default function ProjectPrsPage({
                   <span>·</span>
                   <span>{formatRelative(pr.updatedAt)}</span>
                 </div>
-              </button>
+              </Link>
             );
           })}
         </div>

package/cloud-runtime/standalone/apps/local/components/projects/FoldersView.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { useCallback, useRef, useState } from "react";
 import {
   Download,
   FileText,
-  Folder,
   FolderGit2,
   FolderPlus,
   Loader2,
@@ -17,11 +16,13 @@ import {
   Trash2,
   Upload,
   X,
+  Folder,
 } from "lucide-react";
 import type { WorkspaceEntry } from "@/lib/db/types";
 import { useProjectWorkspace } from "@/hooks/useProjectWorkspace";
 import { buildWorkspaceCategoryGroups } from "@/lib/project-workspace";
 import { DEFAULT_WORKSPACE_CATEGORIES } from "@/lib/workspace-categories";
+import { RepoPathCombobox } from "@/components/projects/RepoPathCombobox";
 interface FoldersViewProps {
   projectId: string;
@@ -579,15 +580,24 @@ export function FoldersView({ projectId }: FoldersViewProps) {
                                     Path
                                   </span>
                                   <div className="flex items-center gap-2">
-                                    <input
+                                    <RepoPathCombobox
+                                      category={editDraft.category}
                                       value={editDraft.path}
-                                      onChange={(event) =>
+                                      onChange={(next) =>
                                         setEditDraft((current) =>
-                                          current ? { ...current, path: event.target.value, error: null } : current,
+                                          current ? { ...current, path: next, error: null } : current,
                                         )
                                       }
-                                      className="w-full rounded-xl border border-[var(--border)] bg-[var(--background)] px-3 py-2 text-sm text-[var(--foreground)]"
+                                      onSelectMatch={(repo) =>
+                                        setEditDraft((current) => {
+                                          if (!current) return current;
+                                          const nextName =
+                                            current.name.trim().length === 0 ? repo.basename : current.name;
+                                          return { ...current, name: nextName, path: repo.path, error: null };
+                                        })
+                                      }
                                       placeholder="/Users/you/Projects/repo"
+                                      className="w-full rounded-xl border border-[var(--border)] bg-[var(--background)] px-3 py-2 text-sm text-[var(--foreground)]"
                                     />
                                     <button
                                       type="button"
@@ -667,13 +677,21 @@ export function FoldersView({ projectId }: FoldersViewProps) {
                               Path
                             </span>
                             <div className="flex items-center gap-2">
-                              <input
+                              <RepoPathCombobox
+                                category={addDraft.category}
                                 value={addDraft.path}
-                                onChange={(event) =>
-                                  setAddDraft((current) => ({ ...current, path: event.target.value, error: null }))
+                                onChange={(next) =>
+                                  setAddDraft((current) => ({ ...current, path: next, error: null }))
+                                }
+                                onSelectMatch={(repo) =>
+                                  setAddDraft((current) => {
+                                    const nextName =
+                                      current.name.trim().length === 0 ? repo.basename : current.name;
+                                    return { ...current, name: nextName, path: repo.path, error: null };
+                                  })
                                 }
-                                className="w-full rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-3 py-2 text-sm text-[var(--foreground)]"
                                 placeholder="/Users/you/Projects/repo"
+                                className="w-full rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-3 py-2 text-sm text-[var(--foreground)]"
                               />
                               <button
                                 type="button"

package/cloud-runtime/standalone/apps/local/components/projects/RepoPathCombobox.tsx ADDED Viewed

@@ -0,0 +1,301 @@
+"use client";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Folder, Loader2 } from "lucide-react";
+import type { SuggestedRepo } from "@/lib/repo-suggestions";
+interface SuggestedReposResponse {
+  repos: SuggestedRepo[];
+  scanning: boolean;
+  scannedAt: number | null;
+}
+interface Props {
+  value: string;
+  onChange: (next: string) => void;
+  onSelectMatch?: (repo: { path: string; basename: string }) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  category: string;
+  className?: string;
+}
+interface ModuleCache {
+  repos: SuggestedRepo[];
+  scanning: boolean;
+  scannedAt: number | null;
+  fetchedAt: number;
+}
+const CACHE_TTL_MS = 60_000;
+const cacheState: { current: ModuleCache | null; inflight: Promise<ModuleCache> | null } = {
+  current: null,
+  inflight: null,
+};
+async function fetchRepoIndex(force: boolean): Promise<ModuleCache> {
+  const now = Date.now();
+  if (
+    !force &&
+    cacheState.current &&
+    now - cacheState.current.fetchedAt < CACHE_TTL_MS
+  ) {
+    return cacheState.current;
+  }
+  if (cacheState.inflight) {
+    return cacheState.inflight;
+  }
+  cacheState.inflight = (async () => {
+    const response = await fetch(`/api/git/repos?limit=200`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch repository index");
+    }
+    const data = (await response.json()) as SuggestedReposResponse;
+    const next: ModuleCache = {
+      repos: data.repos ?? [],
+      scanning: Boolean(data.scanning),
+      scannedAt: data.scannedAt ?? null,
+      fetchedAt: Date.now(),
+    };
+    cacheState.current = next;
+    return next;
+  })();
+  try {
+    return await cacheState.inflight;
+  } finally {
+    cacheState.inflight = null;
+  }
+}
+function scoreEntry(repo: SuggestedRepo, query: string): number {
+  if (!query) return 0;
+  const q = query.toLowerCase();
+  const basename = repo.basename.toLowerCase();
+  const path = repo.path.toLowerCase();
+  if (basename === q) return 100;
+  if (basename.startsWith(q)) return 50;
+  if (basename.includes(q)) return 25;
+  if (path.includes(q)) return 10;
+  return 0;
+}
+function filterRepos(repos: SuggestedRepo[], query: string, max: number): SuggestedRepo[] {
+  const q = query.trim().toLowerCase();
+  if (!q) {
+    return [...repos]
+      .sort((a, b) => {
+        if (a.path.length !== b.path.length) return a.path.length - b.path.length;
+        return a.path.localeCompare(b.path);
+      })
+      .slice(0, max);
+  }
+  const scored: Array<{ repo: SuggestedRepo; score: number }> = [];
+  for (const repo of repos) {
+    const basename = repo.basename.toLowerCase();
+    const path = repo.path.toLowerCase();
+    if (!basename.includes(q) && !path.includes(q)) continue;
+    scored.push({ repo, score: scoreEntry(repo, q) });
+  }
+  scored.sort((a, b) => {
+    if (a.score !== b.score) return b.score - a.score;
+    if (a.repo.path.length !== b.repo.path.length)
+      return a.repo.path.length - b.repo.path.length;
+    return a.repo.path.localeCompare(b.repo.path);
+  });
+  return scored.slice(0, max).map((s) => s.repo);
+}
+export function RepoPathCombobox({
+  value,
+  onChange,
+  onSelectMatch,
+  placeholder,
+  disabled,
+  category,
+  className,
+}: Props) {
+  const isRepoMode = category === "repositories";
+  const inputRef = useRef<HTMLInputElement>(null);
+  const containerRef = useRef<HTMLDivElement>(null);
+  const [open, setOpen] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [cache, setCache] = useState<ModuleCache | null>(cacheState.current);
+  const [loading, setLoading] = useState(false);
+  const inputClassName =
+    className ??
+    "w-full rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-3 py-2 text-sm text-[var(--foreground)]";
+  const ensureFetched = useCallback(async () => {
+    if (!isRepoMode) return;
+    setLoading(true);
+    try {
+      const data = await fetchRepoIndex(false);
+      setCache(data);
+    } catch {
+      // swallow
+    } finally {
+      setLoading(false);
+    }
+  }, [isRepoMode]);
+  const matches = useMemo(() => {
+    if (!isRepoMode || !cache) return [] as SuggestedRepo[];
+    return filterRepos(cache.repos, value, 8);
+  }, [cache, isRepoMode, value]);
+  useEffect(() => {
+    setActiveIndex(0);
+  }, [value, open]);
+  useEffect(() => {
+    if (!open) return;
+    function onDocClick(event: MouseEvent) {
+      if (!containerRef.current) return;
+      if (!containerRef.current.contains(event.target as Node)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", onDocClick);
+    return () => document.removeEventListener("mousedown", onDocClick);
+  }, [open]);
+  const commitSelection = useCallback(
+    (repo: SuggestedRepo) => {
+      onChange(repo.path);
+      onSelectMatch?.({ path: repo.path, basename: repo.basename });
+      setOpen(false);
+      inputRef.current?.blur();
+    },
+    [onChange, onSelectMatch],
+  );
+  const handleFocus = useCallback(() => {
+    if (!isRepoMode) return;
+    setOpen(true);
+    void ensureFetched();
+  }, [ensureFetched, isRepoMode]);
+  const handleKeyDown = useCallback(
+    (event: React.KeyboardEvent<HTMLInputElement>) => {
+      if (!isRepoMode) return;
+      if (event.key === "Escape") {
+        if (open) {
+          event.preventDefault();
+          setOpen(false);
+        }
+        return;
+      }
+      if (!open) {
+        if (
+          event.key === "ArrowDown" ||
+          event.key === "ArrowUp" ||
+          event.key === "Enter"
+        ) {
+          if (matches.length > 0 || cache?.scanning) {
+            setOpen(true);
+          }
+        }
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setActiveIndex((i) => (matches.length === 0 ? 0 : (i + 1) % matches.length));
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setActiveIndex((i) =>
+          matches.length === 0 ? 0 : (i - 1 + matches.length) % matches.length,
+        );
+      } else if (event.key === "Enter") {
+        if (matches[activeIndex]) {
+          event.preventDefault();
+          commitSelection(matches[activeIndex]);
+        }
+      }
+    },
+    [activeIndex, cache?.scanning, commitSelection, isRepoMode, matches, open],
+  );
+  if (!isRepoMode) {
+    return (
+      <input
+        ref={inputRef}
+        value={value}
+        disabled={disabled}
+        placeholder={placeholder}
+        onChange={(event) => onChange(event.target.value)}
+        className={inputClassName}
+      />
+    );
+  }
+  const showIndexingHint =
+    Boolean(cache?.scanning) && (cache?.repos.length ?? 0) === 0;
+  return (
+    <div ref={containerRef} className="relative w-full">
+      <input
+        ref={inputRef}
+        value={value}
+        disabled={disabled}
+        placeholder={placeholder}
+        onFocus={handleFocus}
+        onChange={(event) => {
+          onChange(event.target.value);
+          if (!open) setOpen(true);
+        }}
+        onKeyDown={handleKeyDown}
+        autoComplete="off"
+        spellCheck={false}
+        className={inputClassName}
+      />
+      {open && (matches.length > 0 || showIndexingHint || loading) && (
+        <div
+          className="absolute left-0 right-0 top-full z-30 mt-1 max-h-80 overflow-auto rounded-xl border border-[var(--border)] bg-[var(--card-bg)] shadow-lg"
+          role="listbox"
+        >
+          {matches.map((repo, i) => {
+            const active = i === activeIndex;
+            return (
+              <button
+                key={repo.path}
+                type="button"
+                role="option"
+                aria-selected={active}
+                onMouseDown={(event) => {
+                  event.preventDefault();
+                  commitSelection(repo);
+                }}
+                onMouseEnter={() => setActiveIndex(i)}
+                className={`flex w-full items-center gap-2 px-3 py-2 text-left text-sm transition-colors ${
+                  active
+                    ? "bg-[var(--secondary)] text-[var(--foreground)]"
+                    : "text-[var(--foreground)] hover:bg-[var(--secondary)]/60"
+                }`}
+              >
+                <Folder className="h-4 w-4 flex-shrink-0 text-[var(--muted-foreground)]" />
+                <span className="flex min-w-0 flex-1 items-baseline gap-2">
+                  <span className="truncate font-medium">{repo.basename}</span>
+                  <span className="truncate font-mono text-[11px] text-[var(--muted-foreground)]">
+                    {repo.path}
+                  </span>
+                </span>
+              </button>
+            );
+          })}
+          {matches.length === 0 && loading && (
+            <p className="px-3 py-2 text-xs text-[var(--muted-foreground)]">
+              Loading...
+            </p>
+          )}
+          {showIndexingHint && (
+            <p className="flex items-center gap-1.5 border-t border-[var(--border)] px-3 py-2 text-[11px] text-[var(--muted-foreground)]">
+              <Loader2 className="h-3 w-3 animate-spin" />
+              Indexing...
+            </p>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}

package/cloud-runtime/standalone/apps/local/components/prs/review/AgentChip.tsx ADDED Viewed

@@ -0,0 +1,61 @@
+"use client";
+import React from "react";
+const PROVIDER_DOT: Record<string, string> = {
+  claude: "#c98f5b",
+  codex: "#a8a293",
+  gemini: "#9ab8d8",
+  ollama: "#7dd97b",
+};
+interface Props {
+  name: string;
+  provider?: string;
+  size?: number;
+}
+export function AgentChip({ name, provider = "claude", size = 18 }: Props) {
+  const initials = name
+    .split(/[\s-]/)
+    .map((s) => s[0])
+    .filter(Boolean)
+    .slice(0, 2)
+    .join("")
+    .toUpperCase();
+  return (
+    <span
+      title={`${name} · ${provider}`}
+      style={{
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: size,
+        height: size,
+        borderRadius: 3,
+        background: "var(--bg-inset)",
+        border: "1px solid var(--line-strong)",
+        color: "var(--fg)",
+        fontSize: Math.round(size * 0.52),
+        fontWeight: 600,
+        position: "relative",
+        fontFamily: "var(--font-mono)",
+      }}
+    >
+      {initials}
+      <span
+        style={{
+          position: "absolute",
+          bottom: -2,
+          right: -2,
+          width: 6,
+          height: 6,
+          borderRadius: "50%",
+          background: PROVIDER_DOT[provider] ?? "var(--fg-mute)",
+          border: "1.5px solid var(--bg-card)",
+        }}
+      />
+    </span>
+  );
+}