@stigmer/react 0.0.52 → 0.0.54

package/execution/tool-rendering-primitives.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Shared truncation threshold for all collapsible tool rendering
+ * primitives. Applied consistently across detail views and approval
+ * card previews.
+ */
+export const TRUNCATION_LINE_LIMIT = 10;
+/**
+ * A labeled `<pre>` block with automatic line-based truncation and
+ * an expand/collapse toggle.
+ *
+ * Used for tool arguments, file content previews, and result blocks
+ * across both the detail view and the approval card.
+ */
+export function CollapsibleCode({ label, content, className }) {
+    const lines = content.split("\n");
+    const needsTruncation = lines.length > TRUNCATION_LINE_LIMIT;
+    const [isExpanded, setIsExpanded] = useState(false);
+    const displayContent = needsTruncation && !isExpanded
+        ? lines.slice(0, TRUNCATION_LINE_LIMIT).join("\n") + "\n\u2026"
+        : content;
+    return (_jsxs("div", { className: cn("space-y-1", className), children: [_jsx("span", { className: "font-medium text-muted-foreground", children: label }), _jsx("pre", { className: "max-h-80 overflow-auto whitespace-pre-wrap break-words rounded-md border border-border bg-muted/40 p-2 font-mono text-foreground", children: displayContent }), needsTruncation && (_jsx("button", { type: "button", onClick: () => setIsExpanded((v) => !v), className: "text-xs font-medium text-primary transition-colors hover:text-primary/80", children: isExpanded ? "Show less" : `Show all ${lines.length} lines` }))] }));
+}
+/**
+ * A bare `<pre>` element with line-based truncation. Unlike
+ * {@link CollapsibleCode}, this has no label, border, or background
+ * — the caller controls container styling via `className`.
+ *
+ * Pass container styles (border, background, max-height) through
+ * `className` when rendering standalone; omit when the parent
+ * already provides a styled container (e.g. terminal blocks).
+ */
+export function CollapsiblePre({ content, className }) {
+    const lines = content.split("\n");
+    const needsTruncation = lines.length > TRUNCATION_LINE_LIMIT;
+    const [isExpanded, setIsExpanded] = useState(false);
+    const displayContent = needsTruncation && !isExpanded
+        ? lines.slice(0, TRUNCATION_LINE_LIMIT).join("\n") + "\n\u2026"
+        : content;
+    return (_jsxs(_Fragment, { children: [_jsx("pre", { className: cn("whitespace-pre-wrap break-words font-mono", className), children: displayContent }), needsTruncation && (_jsx("button", { type: "button", onClick: () => setIsExpanded((v) => !v), className: "mt-1 text-xs font-medium text-primary transition-colors hover:text-primary/80", children: isExpanded ? "Show less" : `Show all ${lines.length} lines` }))] }));
+}
+/**
+ * A collapsible JSON section with a chevron toggle. Initially
+ * collapsed, showing the label and line count. Useful for complex
+ * (non-scalar) tool arguments.
+ */
+export function CollapsibleJsonBlock({ label, content }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const lines = content.split("\n");
+    const isLong = lines.length > 3;
+    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("button", { type: "button", onClick: () => setIsExpanded((v) => !v), className: "flex items-center gap-1 font-medium text-muted-foreground transition-colors hover:text-foreground", children: [_jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: cn("shrink-0 transition-transform duration-150", isExpanded && "rotate-90"), "aria-hidden": "true", children: _jsx("path", { d: "M2 1L6 4L2 7" }) }), label, !isExpanded && isLong && (_jsxs("span", { className: "font-normal text-muted-foreground/60", children: ["(", lines.length, " lines)"] }))] }), isExpanded && (_jsx("pre", { className: "max-h-80 overflow-auto whitespace-pre-wrap break-words rounded-md border border-border bg-muted/40 p-2 font-mono text-foreground", children: content }))] }));
+}
+// ---------------------------------------------------------------------------
+// Inline SVG icons
+// ---------------------------------------------------------------------------
+/** Small document icon for file path displays (10x10). */
+export function FilePathIcon() {
+    return (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: [_jsx("path", { d: "M7 1H3C2.45 1 2 1.45 2 2V10C2 10.55 2.45 11 3 11H9C9.55 11 10 10.55 10 10V4L7 1Z" }), _jsx("path", { d: "M7 1V4H10" })] }));
+}
+/** MCP server node/link icon (10x10). */
+export function McpServerIcon() {
+    return (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true", children: [_jsx("circle", { cx: "6", cy: "3", r: "1.5" }), _jsx("circle", { cx: "6", cy: "9", r: "1.5" }), _jsx("path", { d: "M6 4.5V7.5" }), _jsx("path", { d: "M3 6H4.5" }), _jsx("path", { d: "M7.5 6H9" })] }));
+}
+// ---------------------------------------------------------------------------
+// Shared utilities
+// ---------------------------------------------------------------------------
+/** Safely serialise an object to pretty JSON. */
+export function formatJson(obj) {
+    try {
+        return JSON.stringify(obj, null, 2);
+    }
+    catch {
+        return String(obj);
+    }
+}
+/** Pretty-print a result string if it's valid JSON, otherwise return as-is. */
+export function formatResult(result) {
+    try {
+        const parsed = JSON.parse(result);
+        return JSON.stringify(parsed, null, 2);
+    }
+    catch {
+        return result;
+    }
+}
+/** Detect scalar values (string, number, boolean). */
+export function isScalar(value) {
+    const t = typeof value;
+    return t === "string" || t === "number" || t === "boolean";
+}
+/**
+ * Title-case a snake_case or camelCase argument key for display.
+ *
+ * @example
+ * humanizeArgKey("mcp_server_slug") // "Mcp Server Slug"
+ */
+export function humanizeArgKey(key) {
+    return key
+        .replace(/([a-z])([A-Z])/g, "$1 $2")
+        .replace(/[_-]+/g, " ")
+        .replace(/\b[a-z]/g, (c) => c.toUpperCase());
+}
+//# sourceMappingURL=tool-rendering-primitives.js.map

package/execution/tool-rendering-primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-rendering-primitives.js","sourceRoot":"","sources":["../../src/execution/tool-rendering-primitives.tsx"],"names":[],"mappings":"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"}

package/execution/useArtifactContent.d.ts

@@ -67,9 +67,13 @@ export interface UseArtifactContentReturn {
  * @param storageKey - Storage key from `ExecutionArtifact.storageKey`, or `null` to skip.
  * @param entryPath - For directory artifacts: relative path of a file within
  *   the archive to extract. `null` returns the full artifact (existing behavior).
+ * @param contentHash - SHA-256 hex digest from `ExecutionArtifact.contentHash`.
+ *   When the same file is overwritten during execution, the `storageKey` stays
+ *   stable but `contentHash` changes, triggering a re-fetch so the UI never
+ *   shows stale content. Pass `undefined` or omit for backwards compatibility.
  *
  * @see useExecutionArtifacts — extracts artifact metadata from an execution
  * @see isTextArtifact — heuristic for whether content is fetchable as text
  */
-export declare function useArtifactContent(executionId: string | null, storageKey: string | null, entryPath?: string | null): UseArtifactContentReturn;
+export declare function useArtifactContent(executionId: string | null, storageKey: string | null, entryPath?: string | null, contentHash?: string): UseArtifactContentReturn;
 //# sourceMappingURL=useArtifactContent.d.ts.map

package/execution/useArtifactContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useArtifactContent.d.ts","sourceRoot":"","sources":["../../src/execution/useArtifactContent.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAE9B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAE5B,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GACxB,wBAAwB,CAiE1B"}
+{"version":3,"file":"useArtifactContent.d.ts","sourceRoot":"","sources":["../../src/execution/useArtifactContent.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAE9B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAE5B,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,EACzB,WAAW,CAAC,EAAE,MAAM,GACnB,wBAAwB,CAiE1B"}

package/execution/useArtifactContent.js

@@ -43,11 +43,15 @@ import { useStigmer } from "../hooks";
  * @param storageKey - Storage key from `ExecutionArtifact.storageKey`, or `null` to skip.
  * @param entryPath - For directory artifacts: relative path of a file within
  *   the archive to extract. `null` returns the full artifact (existing behavior).
+ * @param contentHash - SHA-256 hex digest from `ExecutionArtifact.contentHash`.
+ *   When the same file is overwritten during execution, the `storageKey` stays
+ *   stable but `contentHash` changes, triggering a re-fetch so the UI never
+ *   shows stale content. Pass `undefined` or omit for backwards compatibility.
  *
  * @see useExecutionArtifacts — extracts artifact metadata from an execution
  * @see isTextArtifact — heuristic for whether content is fetchable as text
  */
-export function useArtifactContent(executionId, storageKey, entryPath) {
+export function useArtifactContent(executionId, storageKey, entryPath, contentHash) {
     const stigmer = useStigmer();
     const [content, setContent] = useState(null);
     const [contentType, setContentType] = useState(null);
@@ -96,7 +100,7 @@ export function useArtifactContent(executionId, storageKey, entryPath) {
         return () => {
             cancelled.current = true;
         };
-    }, [executionId, storageKey, entryPath, stigmer, fetchKey]);
+    }, [executionId, storageKey, entryPath, contentHash, stigmer, fetchKey]);
     return { content, contentType, isTruncated, isLoading, error, refetch };
 }
 //# sourceMappingURL=useArtifactContent.js.map

package/execution/useArtifactContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useArtifactContent.js","sourceRoot":"","sources":["../../src/execution/useArtifactContent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useArtifactContent.js","sourceRoot":"","sources":["../../src/execution/useArtifactContent.ts"],"names":[],"mappings":"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"}

package/execution/useWorkspaceWriteBacks.d.ts

@@ -0,0 +1,40 @@
+import type { AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
+import type { WorkspaceWriteBack } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/writeback_pb";
+export interface UseWorkspaceWriteBacksReturn {
+    /** Write-back outcomes for git-backed workspace entries, ordered by workspace entry name. */
+    readonly writeBacks: readonly WorkspaceWriteBack[];
+    /** `true` when the execution has at least one write-back entry. */
+    readonly hasWriteBacks: boolean;
+    /** Total number of write-back entries. */
+    readonly writeBackCount: number;
+}
+/**
+ * Pure derivation hook that extracts workspace write-back data from an
+ * {@link AgentExecution} snapshot.
+ *
+ * Follows the same `useMemo`-based derivation pattern as
+ * {@link useExecutionArtifacts}: no side effects, no data fetching.
+ * The execution object (typically from {@link useExecutionStream}) is
+ * the single input.
+ *
+ * Returns an empty array when the execution is `null` or has no
+ * write-backs, eliminating null-checking at every consumer call site.
+ *
+ * Each `WorkspaceWriteBack` entry corresponds to a git-backed workspace
+ * entry where the platform detected file changes and ran the automatic
+ * branch/commit/push/PR workflow.
+ *
+ * @example
+ * ```tsx
+ * const { execution } = useExecutionStream(executionId);
+ * const { writeBacks, hasWriteBacks } = useWorkspaceWriteBacks(execution);
+ *
+ * if (hasWriteBacks) {
+ *   writeBacks.forEach((wb) => console.log(wb.workspaceEntryName, wb.pullRequestUrl));
+ * }
+ * ```
+ *
+ * @see useExecutionArtifacts — similar derivation hook for artifacts
+ */
+export declare function useWorkspaceWriteBacks(execution: AgentExecution | null): UseWorkspaceWriteBacksReturn;
+//# sourceMappingURL=useWorkspaceWriteBacks.d.ts.map

package/execution/useWorkspaceWriteBacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkspaceWriteBacks.d.ts","sourceRoot":"","sources":["../../src/execution/useWorkspaceWriteBacks.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAClG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mEAAmE,CAAC;AAE5G,MAAM,WAAW,4BAA4B;IAC3C,6FAA6F;IAC7F,QAAQ,CAAC,UAAU,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACnD,mEAAmE;IACnE,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,cAAc,GAAG,IAAI,GAC/B,4BAA4B,CAU9B"}

package/execution/useWorkspaceWriteBacks.js

@@ -0,0 +1,41 @@
+"use client";
+import { useMemo } from "react";
+/**
+ * Pure derivation hook that extracts workspace write-back data from an
+ * {@link AgentExecution} snapshot.
+ *
+ * Follows the same `useMemo`-based derivation pattern as
+ * {@link useExecutionArtifacts}: no side effects, no data fetching.
+ * The execution object (typically from {@link useExecutionStream}) is
+ * the single input.
+ *
+ * Returns an empty array when the execution is `null` or has no
+ * write-backs, eliminating null-checking at every consumer call site.
+ *
+ * Each `WorkspaceWriteBack` entry corresponds to a git-backed workspace
+ * entry where the platform detected file changes and ran the automatic
+ * branch/commit/push/PR workflow.
+ *
+ * @example
+ * ```tsx
+ * const { execution } = useExecutionStream(executionId);
+ * const { writeBacks, hasWriteBacks } = useWorkspaceWriteBacks(execution);
+ *
+ * if (hasWriteBacks) {
+ *   writeBacks.forEach((wb) => console.log(wb.workspaceEntryName, wb.pullRequestUrl));
+ * }
+ * ```
+ *
+ * @see useExecutionArtifacts — similar derivation hook for artifacts
+ */
+export function useWorkspaceWriteBacks(execution) {
+    return useMemo(() => {
+        const writeBacks = execution?.status?.workspaceWriteBacks ?? [];
+        return {
+            writeBacks,
+            hasWriteBacks: writeBacks.length > 0,
+            writeBackCount: writeBacks.length,
+        };
+    }, [execution]);
+}
+//# sourceMappingURL=useWorkspaceWriteBacks.js.map

package/execution/useWorkspaceWriteBacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkspaceWriteBacks.js","sourceRoot":"","sources":["../../src/execution/useWorkspaceWriteBacks.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAahC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,sBAAsB,CACpC,SAAgC;IAEhC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,UAAU,GAAG,SAAS,EAAE,MAAM,EAAE,mBAAmB,IAAI,EAAE,CAAC;QAEhE,OAAO;YACL,UAAU;YACV,aAAa,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC;YACpC,cAAc,EAAE,UAAU,CAAC,MAAM;SAClC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,CAAC"}

package/github/GitHubRepoPicker.d.ts

@@ -11,12 +11,15 @@ export interface GitHubRepoPickerProps {
  * Styled component for browsing and selecting a GitHub repository.
  *
  * Features:
- * - Owner-grouped sections (personal repos first, then orgs)
+ * - Two modes: "My Repos" (user's own repos) and "All GitHub" (public search)
+ * - Owner-grouped sections in My Repos mode
  * - Recently selected repos pinned at top
- * - Fixed 300px max-height with scroll shadow indicators
+ * - Fixed max-height with scroll shadow indicators
  * - Keyboard navigation (Arrow keys, Enter, Escape)
  * - Search with match highlighting
  * - Branch selector after repo selection
+ * - Manual URL entry for repos not discoverable via search
+ * - Link to manage GitHub App repository access
  *
  * All visual properties flow through `--stgm-*` tokens.
  */

package/github/GitHubRepoPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitHubRepoPicker.d.ts","sourceRoot":"","sources":["../../src/github/GitHubRepoPicker.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAuHD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,2CAoWvB"}
+{"version":3,"file":"GitHubRepoPicker.d.ts","sourceRoot":"","sources":["../../src/github/GitHubRepoPicker.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAwHD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,2CA0cvB"}

package/github/GitHubRepoPicker.js

@@ -2,6 +2,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect, useRef, useMemo, } from "react";
 import { useGitHubRepos } from "./useGitHubRepos";
+import { useGitHubSearch } from "./useGitHubSearch";
 const RECENT_REPOS_KEY = "stigmer:github:recent-repos";
 const MAX_RECENT = 3;
 function getRecentRepos() {
@@ -21,7 +22,6 @@ function addRecentRepo(repo) {
 function groupRepos(filteredRepos, recentEntries) {
     const groups = [];
     const repoLookup = new Map(filteredRepos.map((r) => [`${r.owner}/${r.name}`, r]));
-    // Recent group — only include entries that exist in the filtered set
     const recentMatched = recentEntries
         .map((r) => repoLookup.get(`${r.owner}/${r.name}`))
         .filter((r) => r !== undefined);
@@ -33,7 +33,6 @@ function groupRepos(filteredRepos, recentEntries) {
             repos: recentMatched,
         });
     }
-    // Owner groups — personal (User) repos first, then orgs by repo count
     const ownerMap = new Map();
     for (const repo of filteredRepos) {
         const existing = ownerMap.get(repo.owner);
@@ -69,26 +68,38 @@ function HighlightMatch({ text, query }) {
 // Main component
 // ---------------------------------------------------------------------------
 const LIST_ID = "stgm-repo-list";
+const GITHUB_INSTALLATIONS_URL = "https://github.com/settings/installations";
 /**
  * Styled component for browsing and selecting a GitHub repository.
  *
  * Features:
- * - Owner-grouped sections (personal repos first, then orgs)
+ * - Two modes: "My Repos" (user's own repos) and "All GitHub" (public search)
+ * - Owner-grouped sections in My Repos mode
  * - Recently selected repos pinned at top
- * - Fixed 300px max-height with scroll shadow indicators
+ * - Fixed max-height with scroll shadow indicators
  * - Keyboard navigation (Arrow keys, Enter, Escape)
  * - Search with match highlighting
  * - Branch selector after repo selection
+ * - Manual URL entry for repos not discoverable via search
+ * - Link to manage GitHub App repository access
  *
  * All visual properties flow through `--stgm-*` tokens.
  */
 export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
-    const { repos, isLoading, isBackgroundLoading, error, search, setSearch, fetchBranches, } = useGitHubRepos(token);
-    // Branch selection state
+    const [mode, setMode] = useState("my-repos");
+    const [showManualEntry, setShowManualEntry] = useState(false);
+    // My Repos data
+    const myRepos = useGitHubRepos(token);
+    // All GitHub search data
+    const githubSearch = useGitHubSearch(token);
+    // Branch selection state (shared across modes)
     const [selectedRepo, setSelectedRepo] = useState(null);
     const [branches, setBranches] = useState([]);
     const [selectedBranch, setSelectedBranch] = useState("");
     const [loadingBranches, setLoadingBranches] = useState(false);
+    // Manual URL state
+    const [manualUrl, setManualUrl] = useState("");
+    const [manualBranch, setManualBranch] = useState("");
     // Keyboard navigation
     const [focusIndex, setFocusIndex] = useState(-1);
     const listRef = useRef(null);
@@ -98,9 +109,18 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
     const [canScrollDown, setCanScrollDown] = useState(false);
     // Recent repos
     const [recentRepos, setRecentRepos] = useState(getRecentRepos);
-    // Group and flatten repos for rendering + keyboard nav
-    const groups = useMemo(() => groupRepos(repos, recentRepos), [repos, recentRepos]);
+    // --- Mode-dependent derived state ---
+    const activeSearch = mode === "my-repos" ? myRepos.search : githubSearch.query;
+    const setActiveSearch = mode === "my-repos" ? myRepos.setSearch : githubSearch.setQuery;
+    const activeRepos = mode === "my-repos" ? myRepos.repos : githubSearch.results;
+    const activeError = mode === "my-repos" ? myRepos.error : githubSearch.error;
+    const activeIsLoading = mode === "my-repos" ? myRepos.isLoading : githubSearch.isSearching;
+    // Group repos only in "my-repos" mode
+    const groups = useMemo(() => (mode === "my-repos" ? groupRepos(activeRepos, recentRepos) : []), [mode, activeRepos, recentRepos]);
+    // Flat list for keyboard nav: grouped in my-repos, flat in all-github
     const flatItems = useMemo(() => {
+        if (mode === "all-github")
+            return [...activeRepos];
         const items = [];
         for (const group of groups) {
             for (const repo of group.repos) {
@@ -108,11 +128,11 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
             }
         }
         return items;
-    }, [groups]);
-    // Reset focus index when search changes
+    }, [mode, activeRepos, groups]);
+    // Reset focus index when search or mode changes
     useEffect(() => {
         setFocusIndex(-1);
-    }, [search]);
+    }, [activeSearch, mode]);
     // Scroll focused item into view
     useEffect(() => {
         if (focusIndex >= 0) {
@@ -136,10 +156,22 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
         updateScrollShadows();
         return () => el.removeEventListener("scroll", updateScrollShadows);
     }, [updateScrollShadows]);
-    // Re-check shadows when repo data changes
     useEffect(() => {
         updateScrollShadows();
-    }, [repos, updateScrollShadows]);
+    }, [activeRepos, updateScrollShadows]);
+    const handleModeSwitch = useCallback((newMode) => {
+        if (newMode === mode)
+            return;
+        setMode(newMode);
+        setFocusIndex(-1);
+        if (newMode === "my-repos") {
+            githubSearch.setQuery("");
+        }
+        else {
+            myRepos.setSearch("");
+        }
+        setTimeout(() => searchRef.current?.focus(), 0);
+    }, [mode, githubSearch, myRepos]);
     const handleRepoClick = useCallback(async (repo) => {
         setSelectedRepo({
             owner: repo.owner,
@@ -149,10 +181,10 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
         });
         setSelectedBranch(repo.defaultBranch);
         setLoadingBranches(true);
-        const b = await fetchBranches(repo.owner, repo.name);
+        const b = await myRepos.fetchBranches(repo.owner, repo.name);
         setBranches(b);
         setLoadingBranches(false);
-    }, [fetchBranches]);
+    }, [myRepos]);
     const handleAdd = useCallback(() => {
         if (selectedRepo && selectedBranch) {
             addRecentRepo({
@@ -168,8 +200,15 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
             setSelectedBranch("");
         }
     }, [selectedRepo, selectedBranch, onSelect]);
-    // Combobox keyboard handler — all keyboard interaction goes through the
-    // search input so focus never leaves it.
+    const handleManualAdd = useCallback(() => {
+        const url = manualUrl.trim();
+        if (!url)
+            return;
+        onSelect(url, manualBranch.trim() || "main");
+        setManualUrl("");
+        setManualBranch("");
+        setShowManualEntry(false);
+    }, [manualUrl, manualBranch, onSelect]);
     const handleSearchKeyDown = useCallback((e) => {
         if (e.key === "ArrowDown") {
             e.preventDefault();
@@ -186,30 +225,46 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
             handleRepoClick(flatItems[focusIndex]);
         }
         else if (e.key === "Enter") {
-            // Prevent form submission when no item is focused
             e.preventDefault();
         }
         else if (e.key === "Escape") {
             e.preventDefault();
-            if (search) {
-                setSearch("");
+            if (activeSearch) {
+                setActiveSearch("");
                 setFocusIndex(-1);
             }
             else {
                 onCancel?.();
             }
         }
-    }, [flatItems, focusIndex, handleRepoClick, onCancel, search, setSearch]);
+    }, [flatItems, focusIndex, handleRepoClick, onCancel, activeSearch, setActiveSearch]);
+    const handleManualKeyDown = useCallback((e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            handleManualAdd();
+        }
+        else if (e.key === "Escape") {
+            e.preventDefault();
+            setShowManualEntry(false);
+            setTimeout(() => searchRef.current?.focus(), 0);
+        }
+    }, [handleManualAdd]);
     // --- Branch selection view ---
     if (selectedRepo) {
         return (_jsxs("div", { className: ["space-y-2", className].filter(Boolean).join(" "), children: [_jsxs("div", { className: "flex items-center gap-2 text-xs text-foreground", children: [_jsx("button", { type: "button", onClick: () => {
                                 setSelectedRepo(null);
                                 setBranches([]);
-                                // Restore focus to search
                                 setTimeout(() => searchRef.current?.focus(), 0);
                             }, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Back to repo list", children: _jsx(ChevronLeftIcon, {}) }), _jsxs("span", { className: "font-medium truncate", children: [selectedRepo.owner, "/", selectedRepo.name] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-[0.65rem] text-muted-foreground", children: "Branch" }), loadingBranches ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Loading branches..." })) : (_jsx("select", { value: selectedBranch, onChange: (e) => setSelectedBranch(e.target.value), className: "w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: branches.map((b) => (_jsx("option", { value: b.name, children: b.name }, b.name))) }))] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { type: "button", onClick: handleAdd, disabled: !selectedBranch, className: "rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-40", children: "Add" }) })] }));
     }
-    // --- Compute flat index offsets per group for rendering ---
+    // --- Manual URL entry view ---
+    if (showManualEntry) {
+        return (_jsxs("div", { className: ["space-y-2", className].filter(Boolean).join(" "), children: [_jsxs("div", { className: "flex items-center gap-2 text-xs text-foreground", children: [_jsx("button", { type: "button", onClick: () => {
+                                setShowManualEntry(false);
+                                setTimeout(() => searchRef.current?.focus(), 0);
+                            }, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Back to repo list", children: _jsx(ChevronLeftIcon, {}) }), _jsx("span", { className: "font-medium", children: "Paste a repository URL" })] }), _jsx("input", { type: "url", placeholder: "https://github.com/org/repo", value: manualUrl, onChange: (e) => setManualUrl(e.target.value), onKeyDown: handleManualKeyDown, className: "w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", autoFocus: true }), _jsx("input", { type: "text", placeholder: "Branch (optional, defaults to main)", value: manualBranch, onChange: (e) => setManualBranch(e.target.value), onKeyDown: handleManualKeyDown, className: "w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { type: "button", onClick: handleManualAdd, disabled: !manualUrl.trim(), className: "rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-40", children: "Add" }) })] }));
+    }
+    // --- Compute flat index offsets per group for "my-repos" rendering ---
     let runningIndex = 0;
     const groupOffsets = groups.map((g) => {
         const offset = runningIndex;
@@ -217,21 +272,63 @@ export function GitHubRepoPicker({ token, onSelect, onCancel, className, }) {
         return offset;
     });
     // --- Main repo list view ---
-    return (_jsxs("div", { className: ["space-y-1.5", className].filter(Boolean).join(" "), children: [_jsx("input", { ref: searchRef, type: "text", role: "combobox", "aria-expanded": true, "aria-controls": LIST_ID, "aria-activedescendant": focusIndex >= 0 ? `stgm-repo-${focusIndex}` : undefined, placeholder: "Search repositories...", value: search, onChange: (e) => setSearch(e.target.value), onKeyDown: handleSearchKeyDown, className: "w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", autoFocus: true }), error && (_jsx("p", { className: "text-xs text-destructive", children: error })), _jsxs("div", { className: "relative", children: [canScrollUp && (_jsx("div", { className: "absolute inset-x-0 top-0 h-3 z-10 pointer-events-none", style: {
+    return (_jsxs("div", { className: ["space-y-1.5", className].filter(Boolean).join(" "), children: [_jsxs("div", { className: "flex rounded-md border border-border bg-muted/30 p-0.5", children: [_jsx("button", { type: "button", onClick: () => handleModeSwitch("my-repos"), className: [
+                            "flex-1 rounded px-2 py-1 text-[0.65rem] font-medium transition-colors",
+                            mode === "my-repos"
+                                ? "bg-background text-foreground shadow-sm"
+                                : "text-muted-foreground hover:text-foreground",
+                        ].join(" "), children: "My Repos" }), _jsx("button", { type: "button", onClick: () => handleModeSwitch("all-github"), className: [
+                            "flex-1 rounded px-2 py-1 text-[0.65rem] font-medium transition-colors",
+                            mode === "all-github"
+                                ? "bg-background text-foreground shadow-sm"
+                                : "text-muted-foreground hover:text-foreground",
+                        ].join(" "), children: "All GitHub" })] }), _jsx("input", { ref: searchRef, type: "text", role: "combobox", "aria-expanded": true, "aria-controls": LIST_ID, "aria-activedescendant": focusIndex >= 0 ? `stgm-repo-${focusIndex}` : undefined, placeholder: mode === "my-repos"
+                    ? "Search repositories..."
+                    : "Search all of GitHub...", value: activeSearch, onChange: (e) => setActiveSearch(e.target.value), onKeyDown: handleSearchKeyDown, className: "w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", autoFocus: true }), activeError && (_jsx("p", { className: "text-xs text-destructive", children: activeError })), _jsxs("div", { className: "relative", children: [canScrollUp && (_jsx("div", { className: "absolute inset-x-0 top-0 h-3 z-10 pointer-events-none", style: {
                             background: "linear-gradient(to bottom, var(--color-card, hsl(0 0% 9%)), transparent)",
-                        } })), _jsx("div", { ref: listRef, id: LIST_ID, role: "listbox", "aria-label": "Repositories", className: "max-h-64 overflow-y-auto", children: isLoading ? (_jsx(LoadingSkeleton, {})) : flatItems.length === 0 ? (_jsx("div", { className: "py-4 text-center text-xs text-muted-foreground", children: search
-                                ? "No repos match your search"
-                                : "No repositories found" })) : (_jsxs(_Fragment, { children: [groups.map((group, gi) => (_jsxs("div", { children: [_jsxs("div", { className: "sticky top-0 z-[1] bg-card/95 px-2 py-1 text-[0.65rem] font-medium text-muted-foreground backdrop-blur-sm", children: [group.label, !group.isRecent && (_jsxs("span", { className: "ml-1 opacity-50", children: ["(", group.repos.length, ")"] }))] }), group.repos.map((repo, ri) => {
-                                            const flatIdx = groupOffsets[gi] + ri;
-                                            return (_jsxs("button", { id: `stgm-repo-${flatIdx}`, type: "button", "data-idx": flatIdx, onClick: () => handleRepoClick(repo), className: [
-                                                    "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs transition-colors",
-                                                    flatIdx === focusIndex
-                                                        ? "bg-accent text-foreground"
-                                                        : "text-foreground hover:bg-accent/50",
-                                                ].join(" "), role: "option", "aria-selected": flatIdx === focusIndex, children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: group.isRecent ? (_jsx(HighlightMatch, { text: repo.fullName, query: search })) : (_jsx(HighlightMatch, { text: repo.name, query: search })) }), _jsx("span", { className: "shrink-0 rounded px-1 py-0.5 text-[0.6rem] bg-muted text-muted-foreground", children: repo.isPrivate ? "private" : "public" })] }, `${group.key}-${repo.id}`));
-                                        })] }, group.key))), isBackgroundLoading && (_jsx("div", { className: "py-1 text-center text-[0.6rem] text-muted-foreground", children: "Loading more..." }))] })) }), canScrollDown && (_jsx("div", { className: "absolute inset-x-0 bottom-0 h-3 z-10 pointer-events-none", style: {
+                        } })), _jsx("div", { ref: listRef, id: LIST_ID, role: "listbox", "aria-label": "Repositories", className: "max-h-64 overflow-y-auto", children: mode === "my-repos" ? (_jsx(MyReposList, { groups: groups, groupOffsets: groupOffsets, flatItems: flatItems, focusIndex: focusIndex, isLoading: myRepos.isLoading, isBackgroundLoading: myRepos.isBackgroundLoading, search: myRepos.search, onRepoClick: handleRepoClick })) : (_jsx(SearchResultsList, { results: githubSearch.results, focusIndex: focusIndex, isSearching: githubSearch.isSearching, query: githubSearch.query, totalCount: githubSearch.totalCount, hasMore: githubSearch.hasMore, onRepoClick: handleRepoClick, onLoadMore: githubSearch.loadMore })) }), canScrollDown && (_jsx("div", { className: "absolute inset-x-0 bottom-0 h-3 z-10 pointer-events-none", style: {
                             background: "linear-gradient(to top, var(--color-card, hsl(0 0% 9%)), transparent)",
-                        } }))] })] }));
+                        } }))] }), _jsxs("div", { className: "flex items-center gap-3 border-t border-border pt-1.5 text-[0.65rem] text-muted-foreground", children: [_jsx("button", { type: "button", onClick: () => setShowManualEntry(true), className: "hover:text-foreground transition-colors", children: "Paste a URL" }), _jsx("span", { className: "opacity-30", children: "\u00B7" }), _jsx("a", { href: GITHUB_INSTALLATIONS_URL, target: "_blank", rel: "noopener noreferrer", className: "hover:text-foreground transition-colors", children: "Manage access" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// My Repos list (grouped)
+// ---------------------------------------------------------------------------
+function MyReposList({ groups, groupOffsets, flatItems, focusIndex, isLoading, isBackgroundLoading, search, onRepoClick, }) {
+    if (isLoading)
+        return _jsx(LoadingSkeleton, {});
+    if (flatItems.length === 0) {
+        return (_jsx("div", { className: "py-4 text-center text-xs text-muted-foreground", children: search ? "No repos match your search" : "No repositories found" }));
+    }
+    return (_jsxs(_Fragment, { children: [groups.map((group, gi) => (_jsxs("div", { children: [_jsxs("div", { className: "sticky top-0 z-[1] bg-card/95 px-2 py-1 text-[0.65rem] font-medium text-muted-foreground backdrop-blur-sm", children: [group.label, !group.isRecent && (_jsxs("span", { className: "ml-1 opacity-50", children: ["(", group.repos.length, ")"] }))] }), group.repos.map((repo, ri) => {
+                        const flatIdx = groupOffsets[gi] + ri;
+                        return (_jsx(RepoRow, { repo: repo, flatIdx: flatIdx, focusIndex: focusIndex, displayName: group.isRecent ? repo.fullName : repo.name, query: search, onClick: onRepoClick }, `${group.key}-${repo.id}`));
+                    })] }, group.key))), isBackgroundLoading && (_jsx("div", { className: "py-1 text-center text-[0.6rem] text-muted-foreground", children: "Loading more..." }))] }));
+}
+// ---------------------------------------------------------------------------
+// All GitHub search results list (flat)
+// ---------------------------------------------------------------------------
+function SearchResultsList({ results, focusIndex, isSearching, query, totalCount, hasMore, onRepoClick, onLoadMore, }) {
+    if (!query) {
+        return (_jsx("div", { className: "py-6 text-center text-xs text-muted-foreground", children: "Type to search all of GitHub" }));
+    }
+    if (isSearching && results.length === 0) {
+        return _jsx(LoadingSkeleton, {});
+    }
+    if (results.length === 0) {
+        return (_jsx("div", { className: "py-4 text-center text-xs text-muted-foreground", children: "No repositories found" }));
+    }
+    return (_jsxs(_Fragment, { children: [totalCount > 0 && (_jsxs("div", { className: "px-2 py-1 text-[0.6rem] text-muted-foreground", children: [totalCount.toLocaleString(), " ", totalCount === 1 ? "result" : "results"] })), results.map((repo, i) => (_jsx(RepoRow, { repo: repo, flatIdx: i, focusIndex: focusIndex, displayName: repo.fullName, query: query, onClick: onRepoClick }, repo.id))), isSearching && (_jsx("div", { className: "py-1 text-center text-[0.6rem] text-muted-foreground", children: "Searching..." })), hasMore && !isSearching && (_jsx("button", { type: "button", onClick: onLoadMore, className: "w-full py-1.5 text-center text-[0.65rem] text-muted-foreground hover:text-foreground transition-colors", children: "Load more results" }))] }));
+}
+// ---------------------------------------------------------------------------
+// Shared repo row
+// ---------------------------------------------------------------------------
+function RepoRow({ repo, flatIdx, focusIndex, displayName, query, onClick, }) {
+    return (_jsxs("button", { id: `stgm-repo-${flatIdx}`, type: "button", "data-idx": flatIdx, onClick: () => onClick(repo), className: [
+            "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs transition-colors",
+            flatIdx === focusIndex
+                ? "bg-accent text-foreground"
+                : "text-foreground hover:bg-accent/50",
+        ].join(" "), role: "option", "aria-selected": flatIdx === focusIndex, children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: _jsx(HighlightMatch, { text: displayName, query: query }) }), _jsx("span", { className: "shrink-0 rounded px-1 py-0.5 text-[0.6rem] bg-muted text-muted-foreground", children: repo.isPrivate ? "private" : "public" })] }));
 }
 // ---------------------------------------------------------------------------
 // Loading skeleton