@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-RQKLF42C.js

@@ -0,0 +1,723 @@
+"use client";
+import {
+  GITHUB_CARD_MORE_SIZE,
+  GITHUB_CARD_PAGE_SIZE,
+  GITHUB_CARD_SEARCH_THRESHOLD,
+  gitHubRepositoryChatState,
+  matchesRepositorySearch,
+  orderRepositoriesForChat,
+  repositoryUseMessage,
+  revokedGitHubRepositoryResources,
+  usingRepositoriesLabel
+} from "./chunk-PTHEFXHH.js";
+import {
+  clearGitHubInstallRequest,
+  readGitHubInstallRequest,
+  subscribeGitHubInstallRequests
+} from "./chunk-PVNI2KHS.js";
+import {
+  capabilityLogoSource
+} from "./chunk-AW2MQB37.js";
+import {
+  repositoryDisplayName
+} from "./chunk-ZPW5NFYD.js";
+import {
+  hasWorkspacePermission
+} from "./chunk-H2ALCTWC.js";
+import {
+  isPersonalWorkspace
+} from "./chunk-LBSXJVHD.js";
+import {
+  usePage
+} from "./chunk-BXBDYNRP.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  RowButton
+} from "./chunk-JGQRVEOL.js";
+import {
+  ListRow,
+  ListRowSkeleton,
+  RowList
+} from "./chunk-54YW6SZZ.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  Input
+} from "./chunk-VPM3TXFC.js";
+import {
+  userErrorText
+} from "./chunk-O4OOG3D6.js";
+import {
+  LogoTile
+} from "./chunk-K4DHWGCT.js";
+import {
+  Notice
+} from "./chunk-FSOQDUCG.js";
+import {
+  SessionCapabilityFrame
+} from "./chunk-FO4LYKJL.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/capabilities/session-github-card.tsx
+import { ArrowUpRightIcon, BookMarkedIcon, CheckIcon, Loader2Icon, LockIcon } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AWAITING_REFRESH_MS = 3e3;
+var SETTLED_REFRESH_MS = 6e4;
+var AWAITING_GITHUB_MS = 15 * 6e4;
+var lastForegroundRefresh = /* @__PURE__ */ new Map();
+function SessionGitHubCapabilityCard({
+  item,
+  workspaceId,
+  sessionId,
+  resources,
+  sendContext,
+  onConfigured
+}) {
+  const page = usePage();
+  const context = useAppContext();
+  const refreshGitHub = context.refreshGitHub;
+  const recommendation = item.capability;
+  const [observed, setObserved] = useState(null);
+  const status = observed && observed.over === context.githubStatus ? observed.status : context.githubStatus;
+  const [expanded, setExpanded] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [connectError, setConnectError] = useState(null);
+  const opener = useRef(null);
+  const cardRef = useRef(null);
+  const inFlight = useRef(false);
+  const requestSequence = useRef(0);
+  const active = useRef(true);
+  const sentToGitHubAt = useRef(0);
+  useEffect(() => {
+    active.current = true;
+    return () => {
+      active.current = false;
+    };
+  }, []);
+  const bound = status?.status === "bound";
+  const ownerApprovalPending = useGitHubInstallRequest(workspaceId, bound);
+  const accessKnown = context.accessContext !== null && context.accessContext !== void 0;
+  const can = (permission) => !accessKnown || hasWorkspacePermission(context.accessContext, workspaceId, permission);
+  const canUseGitHub = can("github:use");
+  const canMessage = can("sessions:control");
+  const canManage = Boolean(status?.linkUrl);
+  const personal = isPersonalWorkspace(
+    context.workspaces?.find((entry) => entry.id === workspaceId) ?? null,
+    null
+  );
+  const canSyncGitHub = can("github:manage");
+  const awaitingChange = !bound || context.githubRepos.length === 0;
+  const repoBusy = context.repoBusy;
+  useEffect(() => {
+    if (!canUseGitHub) return;
+    const onForeground = () => {
+      if (document.visibilityState === "hidden" || repoBusy) return;
+      const now = Date.now();
+      const awaiting = awaitingChange || now - sentToGitHubAt.current < AWAITING_GITHUB_MS;
+      const interval = awaiting ? AWAITING_REFRESH_MS : SETTLED_REFRESH_MS;
+      if (now - (lastForegroundRefresh.get(workspaceId) ?? 0) < interval) return;
+      lastForegroundRefresh.set(workspaceId, now);
+      void refreshGitHub(workspaceId, void 0, { sync: awaiting && canSyncGitHub }).catch(
+        () => {
+        }
+      );
+    };
+    window.addEventListener("focus", onForeground);
+    document.addEventListener("visibilitychange", onForeground);
+    return () => {
+      window.removeEventListener("focus", onForeground);
+      document.removeEventListener("visibilitychange", onForeground);
+    };
+  }, [awaitingChange, canSyncGitHub, canUseGitHub, refreshGitHub, repoBusy, workspaceId]);
+  useEffect(() => {
+    const onPageShow = (event) => {
+      if (!event.persisted || !inFlight.current) return;
+      requestSequence.current += 1;
+      inFlight.current = false;
+      setBusy(false);
+      void refreshGitHub(workspaceId);
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, [refreshGitHub, workspaceId]);
+  async function connect() {
+    if (inFlight.current) return;
+    const sequence = ++requestSequence.current;
+    inFlight.current = true;
+    setBusy(true);
+    setConnectError(null);
+    let navigating = false;
+    try {
+      const next = await context.client.getGitHubApp(workspaceId, {
+        returnPath: `/workspaces/${encodeURIComponent(workspaceId)}/sessions/${encodeURIComponent(sessionId)}`
+      });
+      if (!active.current || sequence !== requestSequence.current) return;
+      if (next.status === "bound") {
+        setObserved({ status: next, over: context.githubStatus });
+        void context.refreshGitHub(workspaceId, void 0, { sync: true, userInitiated: true });
+        return;
+      }
+      if (!next.linkUrl)
+        throw new Error(
+          next.configured ? "Your account cannot manage this workspace's GitHub connection." : "GitHub is not configured on this deployment."
+        );
+      navigating = true;
+      sentToGitHubAt.current = Date.now();
+      page.assign(next.linkUrl);
+    } catch (failure) {
+      navigating = false;
+      if (active.current && sequence === requestSequence.current) {
+        setConnectError(`Couldn't start GitHub setup. ${userErrorText(failure, "Try again.")}`);
+        setExpanded(true);
+      }
+    } finally {
+      if (sequence === requestSequence.current && !navigating) {
+        inFlight.current = false;
+        if (active.current) setBusy(false);
+      }
+    }
+  }
+  const catalogItem = context.workspaceCapabilityCatalog.find(
+    (entry) => entry.id === recommendation.id
+  );
+  const logo = capabilityLogoSource(
+    catalogItem ?? { id: recommendation.id, logoAssetPath: null },
+    (path) => context.client.catalogAssetUrl(path)
+  );
+  const chooser = useRepositoryChooser({
+    status,
+    workspaceId,
+    sessionId,
+    resources,
+    sendContext,
+    onConfigured,
+    cardRef,
+    onOpenedGitHub: () => {
+      sentToGitHubAt.current = Date.now();
+    }
+  });
+  const unavailable = !bound ? !canUseGitHub ? "You don't have access to this workspace's GitHub connection." : status?.configured === false ? status.setupMode === "platform" ? "GitHub isn't available on this deployment right now." : "GitHub isn't set up on this deployment yet." : status && status.linkUrl === null ? "Only workspace admins can connect GitHub." : null : null;
+  const unavailableNote = !bound ? !canUseGitHub ? "Ask a workspace admin for GitHub access." : status?.configured === false ? status.setupMode === "platform" ? "Try again later, or use a public repository URL from the composer." : "An operator adds the GitHub App settings to the API and worker. This card updates when GitHub is connected." : status && status.linkUrl === null ? "Ask a workspace admin to connect GitHub. This card updates when they do." : null : null;
+  return /* @__PURE__ */ jsx(
+    SessionCapabilityFrame,
+    {
+      name: catalogItem?.name ?? recommendation.name,
+      subtitle: catalogItem ? catalogItem.providerDomain ?? "" : item.providerDomain,
+      logo,
+      typeLabel: "API",
+      description: ownerApprovalPending && !unavailable ? "Waiting for your GitHub organization owner to approve. After they do, an owner of the organization connects it here, and this card updates on its own." : catalogItem?.description || recommendation.rationale,
+      skill: false,
+      expanded,
+      complete: bound,
+      completeLabel: chooser.statusLabel ?? (personal ? "Connected to your Personal workspace" : "Connected to this workspace"),
+      actionLabel: busy ? "Opening GitHub\u2026" : `Connect ${catalogItem?.name ?? recommendation.name}`,
+      actionUnavailable: unavailable,
+      opensDialog: false,
+      note: unavailableNote ?? (ownerApprovalPending ? "Nothing is connected yet. Meanwhile, you can attach a zip of your project to a message instead." : "Choose which account and repositories this workspace can access on GitHub. For an organization you don't own, GitHub lets you ask its owners to approve."),
+      onOpen: () => void connect(),
+      onClose: () => setExpanded(false),
+      busy,
+      opener,
+      cardRef,
+      details: bound ? /* @__PURE__ */ jsx(
+        GitHubRepositoryPanel,
+        {
+          chooser,
+          canMessage,
+          canManage,
+          personal
+        }
+      ) : null,
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-6 sm:p-8", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs leading-[1.7] text-fg-muted", children: "Choose the account and repositories to share with this workspace on GitHub, then return to this conversation." }),
+        connectError ? /* @__PURE__ */ jsx(Notice, { tone: "failed", children: connectError }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", disabled: busy, onClick: () => setExpanded(false), children: "Cancel" }),
+          /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: busy, onClick: () => void connect(), children: [
+            busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : null,
+            "Try again"
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function useGitHubInstallRequest(workspaceId, bound) {
+  const [requestedAt, setRequestedAt] = useState(() => readGitHubInstallRequest(workspaceId));
+  useEffect(() => {
+    setRequestedAt(readGitHubInstallRequest(workspaceId));
+    return subscribeGitHubInstallRequests(
+      () => setRequestedAt(readGitHubInstallRequest(workspaceId))
+    );
+  }, [workspaceId]);
+  useEffect(() => {
+    if (bound) clearGitHubInstallRequest(workspaceId);
+  }, [bound, workspaceId]);
+  return !bound && requestedAt !== null;
+}
+function useRepositoryChooser({
+  status,
+  workspaceId,
+  sessionId,
+  resources,
+  sendContext,
+  onConfigured,
+  cardRef,
+  onOpenedGitHub
+}) {
+  const page = usePage();
+  const context = useAppContext();
+  const repositories = context.githubRepos;
+  const [optimistic, setOptimistic] = useState([]);
+  const [attaching, setAttaching] = useState(null);
+  const [attachError, setAttachError] = useState(null);
+  const [outcome, setOutcome] = useState(null);
+  const [confirming, setConfirming] = useState(null);
+  const [linkError, setLinkError] = useState(null);
+  const [openingInstallation, setOpeningInstallation] = useState(null);
+  const pendingInputs = useRef(/* @__PURE__ */ new Map());
+  const inFlight = useRef(false);
+  const alive = useRef(true);
+  useEffect(() => {
+    alive.current = true;
+    return () => {
+      alive.current = false;
+    };
+  }, []);
+  const mounted = useMemo(() => {
+    const durable = [...resources ?? []];
+    return [
+      ...durable,
+      ...optimistic.filter(
+        (pending) => !durable.some(
+          (resource) => resource.kind === "repository" && resource.githubRepositoryId === pending.githubRepositoryId && resource.githubInstallationId === pending.githubInstallationId
+        )
+      )
+    ];
+  }, [optimistic, resources]);
+  const accountLabel = useCallback(
+    (installationId) => status?.installations.find((installation) => installation.installationId === installationId)?.accountLogin ?? "another GitHub account",
+    [status]
+  );
+  const [leading] = useState(
+    () => new Set(
+      (resources ?? []).flatMap(
+        (resource) => resource.kind === "repository" && resource.githubRepositoryId !== void 0 ? [`${resource.githubInstallationId}:${resource.githubRepositoryId}`] : []
+      )
+    )
+  );
+  const rows = useMemo(() => {
+    const states = new Map(
+      repositories.map((repository) => [
+        repository.id,
+        gitHubRepositoryChatState(repository, mounted)
+      ])
+    );
+    return orderRepositoriesForChat(
+      repositories,
+      (repository) => leading.has(`${repository.installationId}:${repository.id}`)
+    ).map((repository) => ({ repository, state: states.get(repository.id) }));
+  }, [leading, mounted, repositories]);
+  const catalogSettled = context.githubCatalogReady && !context.repoBusy;
+  const revoked = useMemo(
+    () => revokedGitHubRepositoryResources(mounted, repositories, catalogSettled),
+    [catalogSettled, mounted, repositories]
+  );
+  const attachedNames = rows.filter((row) => row.state.kind === "attached").map((row) => row.repository.fullName);
+  async function attach(repository, resource, confirmed = false) {
+    if (inFlight.current) return;
+    setAttachError(null);
+    const chat = sendContext?.() ?? { blocked: null, awaitingHuman: false, extras: {} };
+    if (chat.blocked) {
+      setAttachError(chat.blocked);
+      return;
+    }
+    if (chat.awaitingHuman && !confirmed) {
+      setConfirming(repository.id);
+      return;
+    }
+    setConfirming(null);
+    inFlight.current = true;
+    setAttaching(repository.id);
+    const input = pendingInputs.current.get(repository.id) ?? {
+      text: repositoryUseMessage(repository),
+      resources: [resource],
+      ...chat.extras,
+      clientEventId: crypto.randomUUID()
+    };
+    pendingInputs.current.set(repository.id, input);
+    let accepted;
+    try {
+      accepted = await context.client.sendMessage(workspaceId, sessionId, input);
+    } catch (failure) {
+      inFlight.current = false;
+      if (alive.current) {
+        setAttaching(null);
+        setAttachError(
+          `Couldn't add ${repository.fullName} to this chat. ${userErrorText(failure, "Try again.")}`
+        );
+      }
+      return;
+    }
+    pendingInputs.current.delete(repository.id);
+    inFlight.current = false;
+    if (!alive.current) return;
+    setAttaching(null);
+    setOptimistic((current) => [...current, resource]);
+    const routing = accepted.payload?.routing;
+    setOutcome(
+      routing === "queued_for_execution" ? `Queued. The agent picks up ${repository.fullName} on its next turn.` : routing === "accepted_for_steering" ? `Sent. ${repository.fullName} replaced the request this chat was waiting on.` : null
+    );
+    requestAnimationFrame(() => {
+      const focused = document.activeElement;
+      if (!focused || focused === document.body) cardRef.current?.focus();
+    });
+    await onConfigured?.().catch(() => {
+    });
+  }
+  async function openGitHub(installationId) {
+    if (openingInstallation !== null) return;
+    const tab = page.openTab();
+    setOpeningInstallation(installationId);
+    setLinkError(null);
+    try {
+      const { openGitHubInstallationSettings } = await import("./app/lib/github-app-connect.js");
+      await openGitHubInstallationSettings(
+        context.client,
+        workspaceId,
+        installationId,
+        (url) => tab ? tab.location.replace(url) : page.assign(url)
+      );
+      onOpenedGitHub();
+    } catch (failure) {
+      tab?.close();
+      if (alive.current)
+        setLinkError(`Couldn't open GitHub. ${userErrorText(failure, "Try again.")}`);
+    } finally {
+      if (alive.current) setOpeningInstallation(null);
+    }
+  }
+  return {
+    rows,
+    revoked,
+    loading: repositories.length === 0 && (!context.githubCatalogReady || context.repoBusy),
+    loadFailed: context.githubStatusFailed && !context.githubCatalogReady && repositories.length === 0,
+    retry: () => void context.refreshGitHub(workspaceId, void 0, { userInitiated: true }),
+    installations: (status?.installations ?? []).filter(
+      (installation) => installation.lifecycle === "active"
+    ),
+    attaching,
+    attachError,
+    outcome,
+    confirming,
+    cancelConfirm: () => setConfirming(null),
+    linkError,
+    openingInstallation,
+    statusLabel: usingRepositoriesLabel(attachedNames),
+    accountLabel,
+    attach: (repository, resource, confirmed = false) => void attach(repository, resource, confirmed),
+    openGitHub: (installationId) => void openGitHub(installationId)
+  };
+}
+function GitHubRepositoryPanel({
+  chooser,
+  canMessage,
+  canManage,
+  personal
+}) {
+  const [query, setQuery] = useState("");
+  const [visible, setVisible] = useState(GITHUB_CARD_PAGE_SIZE);
+  const listRef = useRef(null);
+  const total = chooser.rows.length;
+  const matches = chooser.rows.filter((row) => matchesRepositorySearch(row.repository, query));
+  const shown = matches.slice(0, visible);
+  const hidden = matches.length - shown.length;
+  const available = chooser.rows.filter((row) => row.state.kind === "available");
+  const groups = repositoryGroups(shown, chooser.accountLabel);
+  const confirmRow = chooser.confirming === null ? null : chooser.rows.find((row) => row.repository.id === chooser.confirming) ?? null;
+  const single = available.length === 1 && total === 1;
+  const githubLinks = canManage ? /* @__PURE__ */ jsx(Fragment, { children: chooser.installations.map((installation) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: chooser.openingInstallation !== null,
+      onClick: () => chooser.openGitHub(installation.installationId),
+      className: "inline-flex items-center gap-1 font-medium og-link disabled:opacity-60 pointer-coarse:min-h-11",
+      children: [
+        chooser.installations.length > 1 && installation.accountLogin ? `Choose ${installation.accountLogin} repositories` : "Choose repositories on GitHub",
+        chooser.openingInstallation === installation.installationId ? /* @__PURE__ */ jsx(Loader2Icon, { "aria-hidden": "true", className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx(ArrowUpRightIcon, { "aria-hidden": "true", className: "size-3" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in a new tab)" })
+      ]
+    },
+    installation.installationId
+  )) }) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "github-repositories",
+      className: "border-t border-border px-[19px] pt-3 pb-4 max-[480px]:px-3.5",
+      children: [
+        chooser.loading ? chooser.loadFailed ? /* @__PURE__ */ jsx(
+          Notice,
+          {
+            tone: "failed",
+            className: "text-xs",
+            action: /* @__PURE__ */ jsx(RowButton, { onClick: chooser.retry, className: "h-7", children: "Retry" }),
+            children: "Couldn't load this workspace's repositories."
+          }
+        ) : /* @__PURE__ */ jsx(RowList, { label: "GitHub repositories", busy: true, flush: true, children: /* @__PURE__ */ jsx(ListRowSkeleton, { count: 2 }) }) : total === 0 && chooser.revoked.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 py-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-fg", children: "No repositories shared yet" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs leading-[1.6] text-fg-muted", children: canManage ? "GitHub isn't sharing any repositories with this workspace. Choose which ones it can use." : "GitHub isn't sharing any repositories with this workspace. Ask a workspace admin to choose some on GitHub." }),
+          canManage ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: chooser.installations.map((installation) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              className: "rounded-[10px] text-xs pointer-coarse:h-11",
+              disabled: chooser.openingInstallation !== null,
+              onClick: () => chooser.openGitHub(installation.installationId),
+              children: [
+                chooser.installations.length > 1 && installation.accountLogin ? `Choose ${installation.accountLogin} repositories` : "Choose repositories on GitHub",
+                chooser.openingInstallation === installation.installationId ? /* @__PURE__ */ jsx(Loader2Icon, { "aria-hidden": "true", className: "animate-spin" }) : /* @__PURE__ */ jsx(ArrowUpRightIcon, { "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in a new tab)" })
+              ]
+            },
+            installation.installationId
+          )) }) : null
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-baseline justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("h4", { className: "m-0 text-xs font-medium text-fg-muted", children: canMessage ? "Use a repository in this chat" : "Repositories" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-2xs text-fg-subtle tabular-nums", children: [
+              total,
+              " ",
+              total === 1 ? "repository" : "repositories"
+            ] })
+          ] }),
+          total >= GITHUB_CARD_SEARCH_THRESHOLD ? /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              "aria-label": "Search repositories",
+              placeholder: "Search repositories\u2026",
+              value: query,
+              onChange: (event) => {
+                setQuery(event.target.value);
+                setVisible(GITHUB_CARD_PAGE_SIZE);
+              },
+              className: "my-2 h-8 text-xs"
+            }
+          ) : null,
+          chooser.attachError ? /* @__PURE__ */ jsx(Notice, { tone: "failed", live: "assertive", className: "my-2 text-xs", children: chooser.attachError }) : null,
+          chooser.revoked.length > 0 ? /* @__PURE__ */ jsx(RowList, { label: "Repositories GitHub no longer shares", flush: true, children: chooser.revoked.map((resource) => /* @__PURE__ */ jsx(
+            ListRow,
+            {
+              leading: /* @__PURE__ */ jsx(LogoTile, { icon: /* @__PURE__ */ jsx(BookMarkedIcon, {}) }),
+              title: repositoryDisplayName(resource),
+              disabled: true,
+              disabledReason: canManage ? "GitHub no longer shares this repository with the workspace. Choose repositories on GitHub to restore it." : "GitHub no longer shares this repository with the workspace. Ask a workspace admin to restore it.",
+              indicator: { kind: "unavailable", label: "Access removed" }
+            },
+            `revoked:${resource.githubInstallationId}:${resource.githubRepositoryId}`
+          )) }) : null,
+          confirmRow ? /* @__PURE__ */ jsxs(
+            Notice,
+            {
+              tone: "waiting",
+              live: "polite",
+              className: "my-2 text-xs",
+              actionLayout: "responsive",
+              action: /* @__PURE__ */ jsxs("span", { className: "flex gap-1.5", children: [
+                /* @__PURE__ */ jsx(RowButton, { className: "h-7", onClick: chooser.cancelConfirm, children: "Cancel" }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    className: "h-7 rounded-[10px] text-xs",
+                    onClick: () => confirmRow.state.kind === "available" && chooser.attach(confirmRow.repository, confirmRow.state.resource, true),
+                    children: "Use anyway"
+                  }
+                )
+              ] }),
+              children: [
+                "This chat is waiting for your answer. Using ",
+                confirmRow.repository.fullName,
+                " now replaces that request, like sending a message."
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("div", { ref: listRef, tabIndex: -1, className: "outline-hidden", children: groups.map((group) => /* @__PURE__ */ jsxs("section", { "aria-label": group.label ?? void 0, children: [
+            group.label ? /* @__PURE__ */ jsx("h5", { className: "m-0 mt-2 text-2xs font-medium tracking-wide text-fg-subtle uppercase", children: group.label }) : null,
+            /* @__PURE__ */ jsx(
+              RowList,
+              {
+                label: group.label ? `${group.label} repositories` : "GitHub repositories",
+                flush: true,
+                children: group.rows.map(({ repository, state }) => /* @__PURE__ */ jsx(
+                  RepositoryListRow,
+                  {
+                    repository,
+                    state,
+                    canMessage,
+                    primary: single,
+                    busy: chooser.attaching === repository.id,
+                    locked: chooser.attaching !== null,
+                    onUse: (resource) => chooser.attach(repository, resource)
+                  },
+                  `${repository.installationId}:${repository.id}`
+                ))
+              }
+            )
+          ] }, group.installationId)) }),
+          query.trim() && matches.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "py-3 text-center text-xs text-fg-muted", children: [
+            "No repositories match \u201C",
+            query.trim(),
+            "\u201D."
+          ] }) : null,
+          hidden > 0 ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "mt-1 w-full text-xs text-fg-muted pointer-coarse:h-11",
+              onClick: () => {
+                if (hidden <= GITHUB_CARD_MORE_SIZE) listRef.current?.focus();
+                setVisible((current) => current + GITHUB_CARD_MORE_SIZE);
+              },
+              children: [
+                "Show ",
+                Math.min(hidden, GITHUB_CARD_MORE_SIZE),
+                " more"
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              role: "status",
+              className: cn(
+                "m-0 text-xs leading-[1.6] text-fg-muted",
+                chooser.outcome ? "mt-2" : "sr-only"
+              ),
+              children: chooser.outcome
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1.5 border-t border-border pt-3 text-xs leading-[1.6] text-fg-muted", children: [
+            /* @__PURE__ */ jsx("p", { className: "m-0", children: !canMessage ? "Only people who can message this chat can add a repository to it." : personal ? "Using a repository adds it to this chat only." : "Shared with everyone in this workspace. Using one adds it to this chat only." }),
+            githubLinks ? /* @__PURE__ */ jsxs("p", { className: "m-0 flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+              /* @__PURE__ */ jsx("span", { children: "Missing one?" }),
+              githubLinks
+            ] }) : /* @__PURE__ */ jsx("p", { className: "m-0", children: "Missing one? Ask a workspace admin to share it on GitHub." })
+          ] })
+        ] }),
+        chooser.linkError ? /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-xs text-status-failed", children: chooser.linkError }) : null
+      ]
+    }
+  );
+}
+var LOCKED = "aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
+function RepositoryListRow({
+  repository,
+  state,
+  canMessage,
+  primary,
+  busy,
+  locked,
+  onUse
+}) {
+  const meta = [repository.defaultBranch, repository.private ? null : "Public"].filter(Boolean);
+  const titleAddon = repository.private ? /* @__PURE__ */ jsx(LockIcon, { role: "img", "aria-label": "Private", className: "size-3 shrink-0 text-fg-subtle" }) : null;
+  const common = {
+    leading: /* @__PURE__ */ jsx(LogoTile, { icon: /* @__PURE__ */ jsx(BookMarkedIcon, {}) }),
+    title: repository.fullName,
+    titleAddon,
+    meta
+  };
+  if (state.kind === "blocked") {
+    return /* @__PURE__ */ jsx(ListRow, { ...common, disabled: true, disabledReason: state.reason });
+  }
+  if (state.kind === "attached") {
+    return /* @__PURE__ */ jsx(
+      ListRow,
+      {
+        ...common,
+        control: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-status-idle", children: [
+          /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-3.5" }),
+          "In this chat"
+        ] })
+      }
+    );
+  }
+  if (!canMessage) return /* @__PURE__ */ jsx(ListRow, { ...common });
+  return /* @__PURE__ */ jsx(
+    ListRow,
+    {
+      ...common,
+      control: primary ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          "aria-disabled": locked || void 0,
+          "aria-label": busy ? `Adding ${repository.fullName}` : `Use ${repository.fullName} in this chat`,
+          className: cn("rounded-[10px] pointer-coarse:h-11", LOCKED),
+          onClick: () => {
+            if (!locked) onUse(state.resource);
+          },
+          children: [
+            busy ? /* @__PURE__ */ jsx(Loader2Icon, { "aria-hidden": "true", className: "animate-spin" }) : null,
+            busy ? "Adding\u2026" : "Use in this chat"
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        RowButton,
+        {
+          "aria-disabled": locked || void 0,
+          "aria-label": busy ? `Adding ${repository.fullName}` : `Use ${repository.fullName} in this chat`,
+          className: cn(LOCKED, busy && "text-fg-muted"),
+          onClick: () => {
+            if (!locked) onUse(state.resource);
+          },
+          children: [
+            busy ? /* @__PURE__ */ jsx(Loader2Icon, { "aria-hidden": "true", className: "animate-spin" }) : null,
+            busy ? "Adding\u2026" : "Use"
+          ]
+        }
+      )
+    }
+  );
+}
+function repositoryGroups(rows, accountLabel) {
+  const byInstallation = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const group = byInstallation.get(row.repository.installationId) ?? [];
+    group.push(row);
+    byInstallation.set(row.repository.installationId, group);
+  }
+  if (byInstallation.size <= 1) {
+    return [
+      {
+        installationId: rows[0]?.repository.installationId ?? 0,
+        label: null,
+        rows: [...rows]
+      }
+    ];
+  }
+  return [...byInstallation.entries()].map(([installationId, groupRows]) => ({
+    installationId,
+    label: accountLabel(installationId),
+    rows: groupRows
+  }));
+}
+
+export {
+  SessionGitHubCapabilityCard
+};
+//# sourceMappingURL=chunk-RQKLF42C.js.map