paperclip-github-plugin 0.2.1 → 0.2.3

package/dist/ui/index.js

@@ -67,6 +67,32 @@ function requiresPaperclipBoardAccess(value) {
   return health?.deploymentMode?.toLowerCase() === "authenticated";
 }
 
+// src/ui/assignees.ts
+function normalizeCompanyAssigneeOptionsResponse(response) {
+  if (!Array.isArray(response)) {
+    throw new Error("Unexpected company agents response: expected an array.");
+  }
+  return response.map((entry) => {
+    if (!entry || typeof entry !== "object") {
+      return null;
+    }
+    const record = entry;
+    const id = typeof record.id === "string" ? record.id.trim() : "";
+    const name = typeof record.name === "string" ? record.name.trim() : "";
+    const status = typeof record.status === "string" ? record.status.trim() : "";
+    const title = typeof record.title === "string" ? record.title.trim() : "";
+    if (!id || !name || status === "terminated") {
+      return null;
+    }
+    return {
+      id,
+      name,
+      ...title ? { title } : {},
+      ...status ? { status } : {}
+    };
+  }).filter((entry) => entry !== null).sort((left, right) => left.name.localeCompare(right.name));
+}
+
 // src/ui/http.ts
 var JSON_CONTENT_TYPE_PATTERN = /\b(?:application\/json|[^;\s]+\/[^;\s]+\+json)\b/i;
 var HTML_LIKE_RESPONSE_PATTERN = /^\s*</;
@@ -217,6 +243,48 @@ async function fetchPaperclipHealth(origin) {
   }
 }
 
+// src/ui/plugin-installation.ts
+var SETTINGS_INDEX_HREF = "/instance/settings/plugins";
+var GITHUB_SYNC_PLUGIN_KEY = "paperclip-github-plugin";
+var GITHUB_SYNC_PLUGIN_DISPLAY_NAME = "GitHub Sync";
+function getStringValue(record, key) {
+  if (!record) {
+    return null;
+  }
+  const value = record[key];
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function resolveGitHubSyncPluginRecord(records) {
+  if (!Array.isArray(records)) {
+    return null;
+  }
+  for (const entry of records) {
+    if (!entry || typeof entry !== "object") {
+      continue;
+    }
+    const record = entry;
+    const manifest = record.manifest && typeof record.manifest === "object" ? record.manifest : null;
+    const key = getStringValue(record, "pluginKey") ?? getStringValue(record, "key") ?? getStringValue(record, "packageName") ?? getStringValue(record, "name") ?? getStringValue(manifest, "id");
+    const displayName = getStringValue(record, "displayName") ?? getStringValue(manifest, "displayName");
+    const id = getStringValue(record, "id") ?? getStringValue(record, "pluginId");
+    if (id && (key === GITHUB_SYNC_PLUGIN_KEY || displayName === GITHUB_SYNC_PLUGIN_DISPLAY_NAME)) {
+      return record;
+    }
+  }
+  return null;
+}
+function resolveInstalledGitHubSyncPluginId(records, preferredPluginId) {
+  if (typeof preferredPluginId === "string" && preferredPluginId.trim()) {
+    return preferredPluginId.trim();
+  }
+  const record = resolveGitHubSyncPluginRecord(records);
+  return getStringValue(record, "id") ?? getStringValue(record, "pluginId");
+}
+function resolvePluginSettingsHref(records) {
+  const pluginId = resolveInstalledGitHubSyncPluginId(records);
+  return pluginId ? `${SETTINGS_INDEX_HREF}/${pluginId}` : SETTINGS_INDEX_HREF;
+}
+
 // src/ui/plugin-config.ts
 function normalizeOptionalString2(value) {
   return typeof value === "string" && value.trim() ? value.trim() : void 0;
@@ -612,12 +680,18 @@ function getActiveRateLimitPause(syncState, referenceTimeMs = Date.now()) {
     ...syncState.errorDetails.rateLimitResource ? { resource: syncState.errorDetails.rateLimitResource } : {}
   };
 }
+function isSyncCancellationRequested(syncState) {
+  return syncState.status === "running" && Boolean(syncState.cancelRequestedAt?.trim());
+}
 function getSyncToastTitle(syncState) {
   if (getActiveRateLimitPause(syncState)) {
     return "GitHub sync is paused";
   }
+  if (syncState.status === "cancelled") {
+    return "GitHub sync was cancelled";
+  }
   if (syncState.status === "running") {
-    return "GitHub sync is running";
+    return isSyncCancellationRequested(syncState) ? "GitHub sync is stopping" : "GitHub sync is running";
   }
   return syncState.status === "error" ? "GitHub sync needs attention" : "GitHub sync finished";
 }
@@ -626,7 +700,7 @@ function getSyncToastBody(syncState) {
     return syncState.message.trim();
   }
   if (syncState.status === "running") {
-    return "GitHub sync is running in the background.";
+    return isSyncCancellationRequested(syncState) ? "Cancellation requested. GitHub sync will stop after the current step finishes." : "GitHub sync is running in the background.";
   }
   return "GitHub sync completed.";
 }
@@ -634,7 +708,7 @@ function getSyncToastTone(syncState) {
   if (getActiveRateLimitPause(syncState)) {
     return "info";
   }
-  if (syncState.status === "running") {
+  if (syncState.status === "running" || syncState.status === "cancelled") {
     return "info";
   }
   return syncState.status === "error" ? "error" : "success";
@@ -765,6 +839,10 @@ var SHARED_PROGRESS_STYLES = `
     align-items: stretch;
     flex-direction: column;
   }
+
+  .ghsync-diagnostics__layout--split {
+    grid-template-columns: 1fr;
+  }
 }
 `;
 var PAGE_STYLES = `
@@ -992,6 +1070,79 @@ var PAGE_STYLES = `
   grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
 }
 
+.ghsync-diagnostics__layout {
+  display: grid;
+  gap: 10px;
+}
+
+.ghsync-diagnostics__layout--split {
+  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
+  align-items: start;
+}
+
+.ghsync-diagnostics__detail,
+.ghsync-diagnostics__failures {
+  display: grid;
+  gap: 10px;
+}
+
+.ghsync-diagnostics__failures {
+  max-height: 420px;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.ghsync-diagnostics__failure {
+  display: grid;
+  gap: 6px;
+  width: 100%;
+  padding: 12px;
+  border-radius: 10px;
+  border: 1px solid var(--ghsync-dangerBorder);
+  background: var(--ghsync-surfaceAlt);
+  text-align: left;
+  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
+}
+
+.ghsync-diagnostics__failure-item {
+  list-style: none;
+}
+
+.ghsync-diagnostics__failure:hover {
+  border-color: var(--ghsync-dangerText);
+  transform: translateY(-1px);
+}
+
+.ghsync-diagnostics__failure--active {
+  border-color: var(--ghsync-dangerText);
+  background: color-mix(in srgb, var(--ghsync-dangerBg) 35%, var(--ghsync-surfaceAlt));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ghsync-dangerText) 22%, transparent);
+}
+
+.ghsync-diagnostics__failure-title {
+  color: var(--ghsync-title);
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+.ghsync-diagnostics__failure-meta {
+  color: var(--ghsync-muted);
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.ghsync-diagnostics__failure-preview {
+  color: var(--ghsync-text);
+  font-size: 12px;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+}
+
 .ghsync-diagnostics__item,
 .ghsync-diagnostics__block {
   display: grid;
@@ -1965,6 +2116,72 @@ var WIDGET_STYLES = `
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
 }
 
+.ghsync-diagnostics__layout {
+  display: grid;
+  gap: 10px;
+}
+
+.ghsync-diagnostics__layout--split {
+  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
+  align-items: start;
+}
+
+.ghsync-diagnostics__detail,
+.ghsync-diagnostics__failures {
+  display: grid;
+  gap: 10px;
+}
+
+.ghsync-diagnostics__failures {
+  max-height: 320px;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.ghsync-diagnostics__failure {
+  display: grid;
+  gap: 6px;
+  width: 100%;
+  padding: 12px;
+  border-radius: 10px;
+  border: 1px solid var(--ghsync-dangerBorder);
+  background: var(--ghsync-surfaceAlt);
+  text-align: left;
+}
+
+.ghsync-diagnostics__failure-item {
+  list-style: none;
+}
+
+.ghsync-diagnostics__failure--active {
+  border-color: var(--ghsync-dangerText);
+  background: color-mix(in srgb, var(--ghsync-dangerBg) 35%, var(--ghsync-surfaceAlt));
+}
+
+.ghsync-diagnostics__failure-title {
+  color: var(--ghsync-title);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.ghsync-diagnostics__failure-meta {
+  color: var(--ghsync-muted);
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.ghsync-diagnostics__failure-preview {
+  color: var(--ghsync-text);
+  font-size: 12px;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+}
+
 .ghsync-diagnostics__item,
 .ghsync-diagnostics__block {
   display: grid;
@@ -2105,6 +2322,10 @@ var WIDGET_STYLES = `
   .ghsync-widget__link {
     flex: 1 1 auto;
   }
+
+  .ghsync-diagnostics__layout--split {
+    grid-template-columns: 1fr;
+  }
 }
 
 ${SHARED_PROGRESS_STYLES}
@@ -2681,24 +2902,39 @@ function getPaperclipApiBaseUrl() {
   return window.location.origin;
 }
 var syncedPaperclipApiBaseUrlsByPluginId = /* @__PURE__ */ new Map();
+var installedGitHubSyncPluginIdPromise = null;
+async function resolveCurrentPluginId(pluginId) {
+  if (pluginId) {
+    return pluginId;
+  }
+  if (!installedGitHubSyncPluginIdPromise) {
+    installedGitHubSyncPluginIdPromise = fetchJson("/api/plugins").then((records) => resolveInstalledGitHubSyncPluginId(records)).catch(() => null);
+  }
+  const resolvedPluginId = await installedGitHubSyncPluginIdPromise;
+  if (!resolvedPluginId) {
+    installedGitHubSyncPluginIdPromise = null;
+  }
+  return resolvedPluginId;
+}
 async function syncTrustedPaperclipApiBaseUrl(pluginId) {
   const paperclipApiBaseUrl = getPaperclipApiBaseUrl();
   if (!paperclipApiBaseUrl) {
     return void 0;
   }
-  if (!pluginId) {
+  const resolvedPluginId = await resolveCurrentPluginId(pluginId);
+  if (!resolvedPluginId) {
     throw new Error(
       "Unable to sync the trusted Paperclip API origin because the plugin ID is missing. Reload the plugin and try again before saving or syncing."
     );
   }
-  const lastSyncedPaperclipApiBaseUrl = syncedPaperclipApiBaseUrlsByPluginId.get(pluginId);
+  const lastSyncedPaperclipApiBaseUrl = syncedPaperclipApiBaseUrlsByPluginId.get(resolvedPluginId);
   if (lastSyncedPaperclipApiBaseUrl === paperclipApiBaseUrl) {
     return paperclipApiBaseUrl;
   }
-  await patchPluginConfig(pluginId, {
+  await patchPluginConfig(resolvedPluginId, {
     paperclipApiBaseUrl
   });
-  syncedPaperclipApiBaseUrlsByPluginId.set(pluginId, paperclipApiBaseUrl);
+  syncedPaperclipApiBaseUrlsByPluginId.set(resolvedPluginId, paperclipApiBaseUrl);
   return paperclipApiBaseUrl;
 }
 function formatDate(value, fallback = "Never") {
@@ -2804,6 +3040,11 @@ async function listCompanyProjects(companyId) {
     return id && name ? { id, name } : null;
   }).filter((entry) => entry !== null);
 }
+async function listCompanyAssigneeOptions(companyId) {
+  return normalizeCompanyAssigneeOptionsResponse(
+    await fetchJson(`/api/companies/${companyId}/agents`)
+  );
+}
 async function listProjectWorkspaces(projectId) {
   const response = await fetchJson(`/api/projects/${projectId}/workspaces`);
   if (!Array.isArray(response)) {
@@ -2991,7 +3232,10 @@ function getSyncStatus(syncState, runningSync, syncUnlocked) {
     return { label: "Locked", tone: "neutral" };
   }
   if (runningSync || syncState.status === "running") {
-    return { label: "Running", tone: "info" };
+    return {
+      label: isSyncCancellationRequested(syncState) ? "Cancelling" : "Running",
+      tone: "info"
+    };
   }
   if (getActiveRateLimitPause(syncState)) {
     return { label: "Paused", tone: "warning" };
@@ -3002,6 +3246,9 @@ function getSyncStatus(syncState, runningSync, syncUnlocked) {
   if (syncState.status === "success") {
     return { label: "Ready", tone: "success" };
   }
+  if (syncState.status === "cancelled") {
+    return { label: "Cancelled", tone: "neutral" };
+  }
   return { label: "Ready", tone: "info" };
 }
 function getToneClass(tone) {
@@ -3018,9 +3265,9 @@ function getToneClass(tone) {
       return "ghsync__badge--neutral";
   }
 }
-var SETTINGS_INDEX_HREF = "/instance/settings/plugins";
+var SETTINGS_INDEX_HREF2 = "/instance/settings/plugins";
 var GITHUB_SYNC_SETTINGS_UPDATED_EVENT = "paperclip-github-plugin:settings-updated";
-function getStringValue(record, key) {
+function getStringValue2(record, key) {
   const value = record[key];
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
@@ -3038,12 +3285,12 @@ function humanizeCompanyPrefix(value) {
   return trimmed.replace(/[-_]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (character) => character.toUpperCase());
 }
 function getCompanyLabelFromRecord(record) {
-  const explicitLabel = getStringValue(record, "displayName") ?? getStringValue(record, "name") ?? getStringValue(record, "title");
+  const explicitLabel = getStringValue2(record, "displayName") ?? getStringValue2(record, "name") ?? getStringValue2(record, "title");
   if (explicitLabel && !isUuidLike(explicitLabel)) {
     return explicitLabel;
   }
   return humanizeCompanyPrefix(
-    getStringValue(record, "companyPrefix") ?? getStringValue(record, "prefix") ?? getStringValue(record, "slug")
+    getStringValue2(record, "companyPrefix") ?? getStringValue2(record, "prefix") ?? getStringValue2(record, "slug")
   );
 }
 async function resolveCompanyScopeLabel(companyId, companyPrefix) {
@@ -3069,8 +3316,8 @@ async function resolveCompanyScopeLabel(companyId, companyPrefix) {
           return false;
         }
         const record = entry;
-        const entryId = getStringValue(record, "id");
-        const entryPrefix = getStringValue(record, "companyPrefix") ?? getStringValue(record, "prefix") ?? getStringValue(record, "slug");
+        const entryId = getStringValue2(record, "id");
+        const entryPrefix = getStringValue2(record, "companyPrefix") ?? getStringValue2(record, "prefix") ?? getStringValue2(record, "slug");
         return entryId === companyId || Boolean(companyPrefix && entryPrefix === companyPrefix);
       });
       if (matchingCompany && typeof matchingCompany === "object") {
@@ -3154,25 +3401,6 @@ function useResolvedIssueId(params) {
     loading: false
   };
 }
-function resolvePluginSettingsHref(records) {
-  if (!Array.isArray(records)) {
-    return SETTINGS_INDEX_HREF;
-  }
-  for (const entry of records) {
-    if (!entry || typeof entry !== "object") {
-      continue;
-    }
-    const record = entry;
-    const manifest = record.manifest && typeof record.manifest === "object" ? record.manifest : null;
-    const id = getStringValue(record, "id") ?? getStringValue(record, "pluginId");
-    const key = getStringValue(record, "pluginKey") ?? getStringValue(record, "key") ?? getStringValue(record, "packageName") ?? getStringValue(record, "name") ?? (manifest ? getStringValue(manifest, "id") : null);
-    const displayName = getStringValue(record, "displayName") ?? (manifest ? getStringValue(manifest, "displayName") : null);
-    if (id && (key === "paperclip-github-plugin" || displayName === "GitHub Sync")) {
-      return `${SETTINGS_INDEX_HREF}/${id}`;
-    }
-  }
-  return SETTINGS_INDEX_HREF;
-}
 function formatSyncProgressRepository(repositoryUrl) {
   if (!repositoryUrl?.trim()) {
     return null;
@@ -3291,10 +3519,10 @@ function getDashboardSummary(params) {
   if (params.runningSync || params.syncState.status === "running") {
     const progress = getRunningSyncProgressModel(params.syncState);
     return {
-      label: "Syncing",
+      label: isSyncCancellationRequested(params.syncState) ? "Cancelling" : "Syncing",
       tone: "info",
-      title: progress?.title ?? "Sync in progress",
-      body: progress?.description ?? "GitHub issues are being checked right now. This card refreshes automatically until the run finishes."
+      title: isSyncCancellationRequested(params.syncState) ? "Stopping the current sync" : progress?.title ?? "Sync in progress",
+      body: isSyncCancellationRequested(params.syncState) ? "GitHub Sync will stop after the current repository or issue step finishes." : progress?.description ?? "GitHub issues are being checked right now. This card refreshes automatically until the run finishes."
     };
   }
   if (activeRateLimitPause) {
@@ -3313,6 +3541,14 @@ function getDashboardSummary(params) {
       body: params.syncState.message ?? "Open settings to review the latest GitHub sync issue."
     };
   }
+  if (params.syncState.status === "cancelled") {
+    return {
+      label: "Cancelled",
+      tone: "neutral",
+      title: "Sync cancelled",
+      body: params.syncState.message ?? "The last GitHub sync was cancelled before it finished."
+    };
+  }
   if (params.syncState.checkedAt) {
     return {
       label: "Ready",
@@ -3422,16 +3658,28 @@ function formatSyncFailureRepository(repositoryUrl) {
   }
   return repositoryUrl.trim();
 }
-function getSyncDiagnostics(syncState) {
+function getSyncFailureLogEntries(syncState) {
+  if (syncState.recentFailures?.length) {
+    return syncState.recentFailures.filter((entry) => typeof entry.message === "string" && entry.message.trim());
+  }
   if (syncState.status !== "error") {
-    return null;
+    return [];
   }
+  return [
+    {
+      message: syncState.message?.trim() || "GitHub sync failed.",
+      occurredAt: syncState.checkedAt,
+      ...syncState.errorDetails ?? {}
+    }
+  ];
+}
+function getSyncDiagnostics(entry) {
   const rows = [];
-  const repositoryLabel = formatSyncFailureRepository(syncState.errorDetails?.repositoryUrl);
-  const phaseLabel = formatSyncFailurePhase(syncState.errorDetails?.phase);
-  const issueNumber = syncState.errorDetails?.githubIssueNumber;
-  const rateLimitResetAt = syncState.errorDetails?.rateLimitResetAt;
-  const rateLimitResourceLabel = getGitHubRateLimitResourceLabel(syncState.errorDetails?.rateLimitResource);
+  const repositoryLabel = formatSyncFailureRepository(entry.repositoryUrl);
+  const phaseLabel = formatSyncFailurePhase(entry.phase);
+  const issueNumber = entry.githubIssueNumber;
+  const rateLimitResetAt = entry.rateLimitResetAt;
+  const rateLimitResourceLabel = getGitHubRateLimitResourceLabel(entry.rateLimitResource);
   if (repositoryLabel) {
     rows.push({
       label: "Repository",
@@ -3462,12 +3710,19 @@ function getSyncDiagnostics(syncState) {
       value: formatDate(rateLimitResetAt, rateLimitResetAt)
     });
   }
-  const rawMessage = syncState.errorDetails?.rawMessage && syncState.errorDetails.rawMessage !== syncState.message ? syncState.errorDetails.rawMessage : void 0;
-  const suggestedAction = syncState.errorDetails?.suggestedAction;
-  if (rows.length === 0 && !rawMessage && !suggestedAction) {
+  if (entry.occurredAt) {
+    rows.push({
+      label: "Captured",
+      value: formatDate(entry.occurredAt, entry.occurredAt)
+    });
+  }
+  const rawMessage = entry.rawMessage && entry.rawMessage !== entry.message ? entry.rawMessage : void 0;
+  const suggestedAction = entry.suggestedAction;
+  if (!entry.message && rows.length === 0 && !rawMessage && !suggestedAction) {
     return null;
   }
   return {
+    message: entry.message,
     rows,
     ...rawMessage ? { rawMessage } : {},
     ...suggestedAction ? { suggestedAction } : {}
@@ -3521,31 +3776,76 @@ function SyncProgressPanel(props) {
   );
 }
 function SyncDiagnosticsPanel(props) {
-  const diagnostics = getSyncDiagnostics(props.syncState);
+  const failureEntries = getSyncFailureLogEntries(props.syncState);
+  const latestFailureIndex = Math.max(failureEntries.length - 1, 0);
+  const [selectedFailureIndex, setSelectedFailureIndex] = useState(latestFailureIndex);
+  const selectedFailure = failureEntries[Math.min(selectedFailureIndex, latestFailureIndex)];
+  const diagnostics = selectedFailure ? getSyncDiagnostics(selectedFailure) : null;
   const requestError = props.requestError?.trim() ? props.requestError.trim() : null;
+  const canSelectFailures = !props.compact && failureEntries.length > 1;
+  const savedFailureCount = props.syncState.erroredIssuesCount ?? failureEntries.length;
+  useEffect(() => {
+    setSelectedFailureIndex(latestFailureIndex);
+  }, [latestFailureIndex, props.syncState.checkedAt, props.syncState.status]);
   if (!diagnostics && !requestError) {
     return null;
   }
   return /* @__PURE__ */ jsxs("section", { className: `ghsync-diagnostics${props.compact ? " ghsync-diagnostics--compact" : ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__header", children: [
       /* @__PURE__ */ jsx("strong", { children: diagnostics ? "Troubleshooting details" : "Sync request failed" }),
-      /* @__PURE__ */ jsx("span", { children: diagnostics ? "GitHub Sync saved this snapshot from the latest failed run." : "The sync request failed before the worker returned a saved result." })
+      /* @__PURE__ */ jsx("span", { children: diagnostics ? canSelectFailures ? savedFailureCount > failureEntries.length ? `GitHub Sync saved the latest ${failureEntries.length} of ${savedFailureCount} failures from the latest run. Select one to inspect.` : `GitHub Sync saved ${failureEntries.length} failure${failureEntries.length === 1 ? "" : "s"} from the latest run. Select one to inspect.` : "GitHub Sync saved this snapshot from the latest failed run." : "The sync request failed before the worker returned a saved result." })
     ] }),
     requestError ? /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__block", children: [
       /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: "Request error" }),
       /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__value ghsync-diagnostics__value--code", children: requestError })
     ] }) : null,
-    diagnostics?.rows.length ? /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__grid", children: diagnostics.rows.map((row) => /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__item", children: [
-      /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: row.label }),
-      /* @__PURE__ */ jsx("strong", { className: "ghsync-diagnostics__value", children: row.value })
-    ] }, row.label)) }) : null,
-    diagnostics?.rawMessage ? /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__block", children: [
-      /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: "Raw error" }),
-      /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__value ghsync-diagnostics__value--code", children: diagnostics.rawMessage })
-    ] }) : null,
-    diagnostics?.suggestedAction ? /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__block", children: [
-      /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: "Next step" }),
-      /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__value", children: diagnostics.suggestedAction })
+    diagnostics ? /* @__PURE__ */ jsxs("div", { className: `ghsync-diagnostics__layout${canSelectFailures ? " ghsync-diagnostics__layout--split" : ""}`, children: [
+      canSelectFailures ? /* @__PURE__ */ jsx("ul", { className: "ghsync-diagnostics__failures", "aria-label": "Latest sync failures", children: failureEntries.map((failure, index) => {
+        const repositoryLabel = formatSyncFailureRepository(failure.repositoryUrl);
+        const issueLabel = failure.githubIssueNumber !== void 0 ? `Issue #${failure.githubIssueNumber}` : null;
+        const phaseLabel = formatSyncFailurePhase(failure.phase);
+        const title = [repositoryLabel, issueLabel].filter((value) => Boolean(value)).join(" \xB7 ");
+        const meta = [phaseLabel, failure.occurredAt ? formatDate(failure.occurredAt, failure.occurredAt) : null].filter((value) => Boolean(value)).join(" \xB7 ");
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
+            className: "ghsync-diagnostics__failure-item",
+            children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: `ghsync-diagnostics__failure${index === selectedFailureIndex ? " ghsync-diagnostics__failure--active" : ""}`,
+                "aria-pressed": index === selectedFailureIndex,
+                onClick: () => setSelectedFailureIndex(index),
+                children: [
+                  /* @__PURE__ */ jsx("strong", { className: "ghsync-diagnostics__failure-title", children: title || `Failure ${index + 1}` }),
+                  meta ? /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__failure-meta", children: meta }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__failure-preview", children: failure.message })
+                ]
+              }
+            )
+          },
+          `${failure.occurredAt ?? "unknown"}-${failure.githubIssueNumber ?? "no-issue"}-${index}`
+        );
+      }) }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__detail", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__block", children: [
+          /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: "Summary" }),
+          /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__value", children: diagnostics.message })
+        ] }),
+        diagnostics.rows.length ? /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__grid", children: diagnostics.rows.map((row) => /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__item", children: [
+          /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: row.label }),
+          /* @__PURE__ */ jsx("strong", { className: "ghsync-diagnostics__value", children: row.value })
+        ] }, row.label)) }) : null,
+        diagnostics.rawMessage ? /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__block", children: [
+          /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: "Raw error" }),
+          /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__value ghsync-diagnostics__value--code", children: diagnostics.rawMessage })
+        ] }) : null,
+        diagnostics.suggestedAction ? /* @__PURE__ */ jsxs("div", { className: "ghsync-diagnostics__block", children: [
+          /* @__PURE__ */ jsx("span", { className: "ghsync-diagnostics__label", children: "Next step" }),
+          /* @__PURE__ */ jsx("div", { className: "ghsync-diagnostics__value", children: diagnostics.suggestedAction })
+        ] }) : null
+      ] })
     ] }) : null
   ] });
 }
@@ -3561,11 +3861,13 @@ function GitHubSyncSettingsPage() {
   const updateBoardAccess = usePluginAction("settings.updateBoardAccess");
   const validateToken = usePluginAction("settings.validateToken");
   const runSyncNow = usePluginAction("sync.runNow");
+  const cancelSync = usePluginAction("sync.cancel");
   const [form, setForm] = useState(EMPTY_SETTINGS);
   const [submittingToken, setSubmittingToken] = useState(false);
   const [connectingBoardAccess, setConnectingBoardAccess] = useState(false);
   const [submittingSetup, setSubmittingSetup] = useState(false);
   const [runningSync, setRunningSync] = useState(false);
+  const [cancellingSync, setCancellingSync] = useState(false);
   const [manualSyncRequestError, setManualSyncRequestError] = useState(null);
   const [scheduleFrequencyDraft, setScheduleFrequencyDraft] = useState(String(DEFAULT_SCHEDULE_FREQUENCY_MINUTES));
   const [ignoredAuthorsDraft, setIgnoredAuthorsDraft] = useState(DEFAULT_ADVANCED_SETTINGS.ignoredIssueAuthorUsernames.join(", "));
@@ -3580,10 +3882,12 @@ function GitHubSyncSettingsPage() {
   const [existingProjectCandidates, setExistingProjectCandidates] = useState([]);
   const [existingProjectCandidatesLoading, setExistingProjectCandidatesLoading] = useState(false);
   const [existingProjectCandidatesError, setExistingProjectCandidatesError] = useState(null);
+  const [browserAvailableAssignees, setBrowserAvailableAssignees] = useState([]);
   const themeMode = useResolvedThemeMode();
   const boardAccessRequirement = usePaperclipBoardAccessRequirement();
   const armSyncCompletionToast = useSyncCompletionToast(form.syncState, toast);
   const boardAccessConfigSyncAttemptRef = useRef(null);
+  const assigneeFallbackAttemptRef = useRef(null);
   const currentSettings = settings.data ?? cachedSettings;
   const showInitialLoadingState = settings.loading && !settings.data && !cachedSettings;
   useEffect(() => {
@@ -3659,10 +3963,47 @@ function GitHubSyncSettingsPage() {
       cancelled = true;
     };
   }, [hostContext.companyId, settings.data?.updatedAt, tokenStatusOverride]);
+  useEffect(() => {
+    const companyId = hostContext.companyId;
+    const workerAvailableAssignees = currentSettings?.availableAssignees ?? [];
+    const snapshotKey = `${companyId ?? "none"}:${currentSettings?.updatedAt ?? "none"}`;
+    if (!companyId) {
+      assigneeFallbackAttemptRef.current = null;
+      setBrowserAvailableAssignees([]);
+      return;
+    }
+    if (workerAvailableAssignees.length > 0) {
+      assigneeFallbackAttemptRef.current = snapshotKey;
+      setBrowserAvailableAssignees([]);
+      return;
+    }
+    if (assigneeFallbackAttemptRef.current === snapshotKey) {
+      return;
+    }
+    assigneeFallbackAttemptRef.current = snapshotKey;
+    let cancelled = false;
+    void (async () => {
+      try {
+        const assignees = await listCompanyAssigneeOptions(companyId);
+        if (cancelled) {
+          return;
+        }
+        setBrowserAvailableAssignees(assignees);
+      } catch {
+        if (cancelled) {
+          return;
+        }
+        setBrowserAvailableAssignees([]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [currentSettings?.availableAssignees?.length, currentSettings?.updatedAt, hostContext.companyId]);
   useEffect(() => {
     const companyId = hostContext.companyId;
     const secretRef = settings.data?.paperclipBoardAccessNeedsConfigSync ? settings.data.paperclipBoardAccessConfigSyncRef : void 0;
-    if (!companyId || !pluginIdFromLocation || !secretRef) {
+    if (!companyId || !secretRef) {
       return;
     }
     const attemptKey = `${companyId}:${secretRef}`;
@@ -3673,7 +4014,11 @@ function GitHubSyncSettingsPage() {
     let cancelled = false;
     void (async () => {
       try {
-        await patchPluginConfig(pluginIdFromLocation, {
+        const pluginId = await resolveCurrentPluginId(pluginIdFromLocation);
+        if (!pluginId) {
+          throw new Error("Plugin id is required to finish syncing Paperclip board access into plugin config.");
+        }
+        await patchPluginConfig(pluginId, {
           paperclipBoardApiTokenRefs: {
             [companyId]: secretRef
           }
@@ -3760,7 +4105,7 @@ function GitHubSyncSettingsPage() {
   const boardAccessSectionDescription = "";
   const repositoriesUnlocked = tokenStatus === "valid";
   const availableAssignees = getAvailableAssigneeOptions(
-    currentSettings?.availableAssignees ?? form.availableAssignees,
+    (currentSettings?.availableAssignees?.length ? currentSettings.availableAssignees : null) ?? (form.availableAssignees?.length ? form.availableAssignees : null) ?? browserAvailableAssignees,
     form.advancedSettings.defaultAssigneeAgentId
   );
   const savedMappingsSource = currentSettings ? currentSettings.mappings ?? [] : form.mappings;
@@ -3785,6 +4130,10 @@ function GitHubSyncSettingsPage() {
     hasMappings: savedMappingCount > 0,
     hasBoardAccess: boardAccessReady
   });
+  const syncPersistedRunning = displaySyncState.status === "running";
+  const syncStartPending = runningSync && !syncPersistedRunning;
+  const syncInFlight = syncStartPending || syncPersistedRunning;
+  const cancellationRequested = syncPersistedRunning && (cancellingSync || isSyncCancellationRequested(displaySyncState));
   const mappingsDirty = JSON.stringify(draftMappings) !== JSON.stringify(savedMappings);
   const advancedSettingsDirty = JSON.stringify(draftAdvancedSettings) !== JSON.stringify(savedAdvancedSettings);
   const scheduleFrequencyError = getScheduleFrequencyError(scheduleFrequencyDraft);
@@ -3792,7 +4141,6 @@ function GitHubSyncSettingsPage() {
   const savedScheduleFrequencyMinutes = normalizeScheduleFrequencyMinutes(currentSettings?.scheduleFrequencyMinutes);
   const scheduleDirty = scheduleFrequencyError === null && scheduleFrequencyMinutes !== savedScheduleFrequencyMinutes;
   const mappings = form.mappings.length > 0 ? form.mappings : [createEmptyMapping(0)];
-  const syncInFlight = runningSync || displaySyncState.status === "running";
   const settingsMutationsLocked = syncInFlight;
   const settingsMutationsLockReason = settingsMutationsLocked ? "Settings are temporarily locked while a sync is running to avoid overwriting local edits." : null;
   const syncStatus = getSyncStatus(displaySyncState, runningSync, syncUnlocked);
@@ -3814,10 +4162,11 @@ function GitHubSyncSettingsPage() {
     savedMappingCount
   });
   const syncSectionDescription = "";
-  const syncSummaryPrimaryText = syncProgress?.title ?? displaySyncState.message ?? (syncUnlocked ? "Ready to sync." : syncSetupMessage);
+  const syncSummaryPrimaryText = (cancellationRequested ? "Cancellation requested." : void 0) ?? syncProgress?.title ?? displaySyncState.message ?? (syncUnlocked ? "Ready to sync." : syncSetupMessage);
   const manualSyncScopeSummary = hasCompanyContext ? `Manual sync: ${currentCompanyName}` : "Manual sync: all companies";
   const syncSummarySecondaryText = syncProgress ? [
     manualSyncScopeSummary,
+    cancellationRequested ? "Stopping after the current step" : null,
     syncProgress.issueProgressLabel,
     syncProgress.currentIssueLabel ?? syncProgress.repositoryPosition,
     `Auto-sync: ${scheduleDescription}`
@@ -3946,13 +4295,14 @@ function GitHubSyncSettingsPage() {
       if (!companyId) {
         throw new Error("Company context is required to save the GitHub token.");
       }
-      if (!pluginIdFromLocation) {
+      const pluginId = await resolveCurrentPluginId(pluginIdFromLocation);
+      if (!pluginId) {
         throw new Error("Plugin id is required to save the GitHub token.");
       }
       const trimmedToken = tokenDraft.trim();
       const secretName = `github_sync_${companyId.replace(/[^a-z0-9]+/gi, "_").toLowerCase()}`;
       const secret = await resolveOrCreateCompanySecret(companyId, secretName, trimmedToken);
-      await patchPluginConfig(pluginIdFromLocation, {
+      await patchPluginConfig(pluginId, {
         githubTokenRef: secret.id
       });
       await saveRegistration({
@@ -3997,7 +4347,8 @@ function GitHubSyncSettingsPage() {
       if (!companyId) {
         throw new Error("Company context is required to connect Paperclip board access.");
       }
-      if (!pluginIdFromLocation) {
+      const pluginId = await resolveCurrentPluginId(pluginIdFromLocation);
+      if (!pluginId) {
         throw new Error("Plugin id is required to connect Paperclip board access.");
       }
       if (typeof window !== "undefined") {
@@ -4020,7 +4371,7 @@ function GitHubSyncSettingsPage() {
       const identity = await fetchBoardAccessIdentity(boardApiToken);
       const secretName = `paperclip_board_api_${companyId.replace(/[^a-z0-9]+/gi, "_").toLowerCase()}`;
       const secret = await resolveOrCreateCompanySecret(companyId, secretName, boardApiToken);
-      await patchPluginConfig(pluginIdFromLocation, {
+      await patchPluginConfig(pluginId, {
         paperclipBoardApiTokenRefs: {
           [companyId]: secret.id
         }
@@ -4184,6 +4535,46 @@ function GitHubSyncSettingsPage() {
       setRunningSync(false);
     }
   }
+  async function handleCancelSync() {
+    if (!syncPersistedRunning) {
+      return;
+    }
+    setCancellingSync(true);
+    setManualSyncRequestError(null);
+    try {
+      const result = await cancelSync();
+      setForm((current) => ({
+        ...current,
+        syncState: result.syncState
+      }));
+      toast({
+        title: getSyncToastTitle(result.syncState),
+        body: getSyncToastBody(result.syncState),
+        tone: getSyncToastTone(result.syncState)
+      });
+      armSyncCompletionToast(result.syncState);
+      try {
+        await settings.refresh();
+      } catch {
+        return;
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unable to cancel sync.";
+      setManualSyncRequestError(message);
+      toast({
+        title: "Unable to cancel GitHub sync",
+        body: message,
+        tone: "error"
+      });
+      try {
+        await settings.refresh();
+      } catch {
+        return;
+      }
+    } finally {
+      setCancellingSync(false);
+    }
+  }
   return /* @__PURE__ */ jsxs("div", { className: "ghsync", style: themeVars, children: [
     /* @__PURE__ */ jsx("style", { children: PAGE_STYLES }),
     /* @__PURE__ */ jsxs("section", { className: "ghsync__header", children: [
@@ -4638,10 +5029,10 @@ function GitHubSyncSettingsPage() {
                   "button",
                   {
                     type: "button",
-                    className: getPluginActionClassName({ variant: "primary" }),
-                    onClick: handleRunSyncNow,
-                    disabled: syncInFlight || showInitialLoadingState,
-                    children: syncInFlight ? "Running\u2026" : manualSyncButtonLabel
+                    className: getPluginActionClassName({ variant: syncPersistedRunning ? "danger" : "primary" }),
+                    onClick: syncPersistedRunning ? handleCancelSync : handleRunSyncNow,
+                    disabled: showInitialLoadingState || syncStartPending || (syncPersistedRunning ? cancellationRequested : false),
+                    children: syncPersistedRunning ? cancellationRequested ? "Cancelling\u2026" : "Cancel sync" : syncStartPending ? "Running\u2026" : manualSyncButtonLabel
                   }
                 )
               ] })
@@ -4727,9 +5118,11 @@ function GitHubSyncDashboardWidget() {
     hostContext.companyId ? { companyId: hostContext.companyId } : {}
   );
   const runSyncNow = usePluginAction("sync.runNow");
+  const cancelSync = usePluginAction("sync.cancel");
   const [runningSync, setRunningSync] = useState(false);
+  const [cancellingSync, setCancellingSync] = useState(false);
   const [manualSyncRequestError, setManualSyncRequestError] = useState(null);
-  const [settingsHref, setSettingsHref] = useState(SETTINGS_INDEX_HREF);
+  const [settingsHref, setSettingsHref] = useState(SETTINGS_INDEX_HREF2);
   const [cachedSettings, setCachedSettings] = useState(null);
   const themeMode = useResolvedThemeMode();
   const boardAccessRequirement = usePaperclipBoardAccessRequirement();
@@ -4758,7 +5151,10 @@ function GitHubSyncDashboardWidget() {
     hasBoardAccess: boardAccessReady
   });
   const syncUnlocked = syncSetupIssue === null;
-  const syncInFlight = runningSync || displaySyncState.status === "running";
+  const syncPersistedRunning = displaySyncState.status === "running";
+  const syncStartPending = runningSync && !syncPersistedRunning;
+  const syncInFlight = syncStartPending || syncPersistedRunning;
+  const cancellationRequested = syncPersistedRunning && (cancellingSync || isSyncCancellationRequested(displaySyncState));
   const scheduleFrequencyMinutes = normalizeScheduleFrequencyMinutes(current.scheduleFrequencyMinutes);
   const scheduleDescription = formatScheduleFrequency(scheduleFrequencyMinutes);
   const summary = getDashboardSummary({
@@ -4792,7 +5188,7 @@ function GitHubSyncDashboardWidget() {
         }
       } catch {
         if (!cancelled) {
-          setSettingsHref(SETTINGS_INDEX_HREF);
+          setSettingsHref(SETTINGS_INDEX_HREF2);
         }
       }
     }
@@ -4858,6 +5254,34 @@ function GitHubSyncDashboardWidget() {
       setRunningSync(false);
     }
   }
+  async function handleCancelSync() {
+    if (!syncPersistedRunning) {
+      return;
+    }
+    setCancellingSync(true);
+    setManualSyncRequestError(null);
+    try {
+      const result = await cancelSync();
+      const nextSyncState = result.syncState ?? EMPTY_SETTINGS.syncState;
+      toast({
+        title: getSyncToastTitle(nextSyncState),
+        body: getSyncToastBody(nextSyncState),
+        tone: getSyncToastTone(nextSyncState)
+      });
+      armSyncCompletionToast(nextSyncState);
+      await settings.refresh();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unable to cancel GitHub sync.";
+      setManualSyncRequestError(message);
+      toast({
+        title: "Unable to cancel GitHub sync",
+        body: message,
+        tone: "error"
+      });
+    } finally {
+      setCancellingSync(false);
+    }
+  }
   return /* @__PURE__ */ jsxs("section", { className: "ghsync-widget", style: themeVars, children: [
     /* @__PURE__ */ jsx("style", { children: WIDGET_STYLES }),
     /* @__PURE__ */ jsxs("div", { className: "ghsync-widget__card", children: [
@@ -4940,10 +5364,10 @@ function GitHubSyncDashboardWidget() {
           "button",
           {
             type: "button",
-            className: getPluginActionClassName({ variant: "primary" }),
-            onClick: handleRunSync,
-            disabled: syncInFlight || showInitialLoadingState,
-            children: syncInFlight ? "Running\u2026" : "Run sync now"
+            className: getPluginActionClassName({ variant: syncPersistedRunning ? "danger" : "primary" }),
+            onClick: syncPersistedRunning ? handleCancelSync : handleRunSync,
+            disabled: showInitialLoadingState || syncStartPending || (syncPersistedRunning ? cancellationRequested : false),
+            children: syncPersistedRunning ? cancellationRequested ? "Cancelling\u2026" : "Cancel sync" : syncStartPending ? "Running\u2026" : "Run sync now"
           }
         ) : null
       ] }) })
@@ -4971,6 +5395,7 @@ function GitHubMarkIcon(props) {
 function GitHubSyncToolbarButtonSurface(props) {
   const toast = usePluginToast();
   const runSyncNow = usePluginAction("sync.runNow");
+  const cancelSync = usePluginAction("sync.cancel");
   const pluginIdFromLocation = getPluginIdFromLocation();
   const surfaceRef = useRef(null);
   const resolvedIssue = useResolvedIssueId({
@@ -4990,6 +5415,7 @@ function GitHubSyncToolbarButtonSurface(props) {
     props.companyId ? { companyId: props.companyId } : {}
   );
   const [runningSync, setRunningSync] = useState(false);
+  const [cancellingSync, setCancellingSync] = useState(false);
   const themeMode = useResolvedThemeMode();
   const boardAccessRequirement = usePaperclipBoardAccessRequirement();
   const theme = themeMode === "light" ? LIGHT_PALETTE : DARK_PALETTE;
@@ -5009,7 +5435,10 @@ function GitHubSyncToolbarButtonSurface(props) {
   const effectiveCanRun = state.canRun && !boardAccessSetupIssue;
   const effectiveMessage = boardAccessSetupIssue ? getSyncSetupMessage(boardAccessSetupIssue, hasCompanyContext) : state.message;
   const effectiveLabel = boardAccessSetupIssue ? "Board access required" : state.label;
-  const syncInFlight = runningSync || state.syncState.status === "running";
+  const syncPersistedRunning = state.syncState.status === "running";
+  const syncStartPending = runningSync && !syncPersistedRunning;
+  const syncInFlight = syncStartPending || syncPersistedRunning;
+  const cancellationRequested = syncPersistedRunning && (cancellingSync || isSyncCancellationRequested(state.syncState));
   const armSyncCompletionToast = useSyncCompletionToast(state.syncState, toast);
   useEffect(() => {
     if (state.syncState.status !== "running") {
@@ -5114,6 +5543,31 @@ function GitHubSyncToolbarButtonSurface(props) {
       setRunningSync(false);
     }
   }
+  async function handleCancelSync() {
+    if (!syncPersistedRunning) {
+      return;
+    }
+    try {
+      setCancellingSync(true);
+      const result = await cancelSync();
+      const nextSyncState = result.syncState ?? EMPTY_SETTINGS.syncState;
+      toast({
+        title: getSyncToastTitle(nextSyncState),
+        body: getSyncToastBody(nextSyncState),
+        tone: getSyncToastTone(nextSyncState)
+      });
+      armSyncCompletionToast(nextSyncState);
+      toolbarState.refresh();
+    } catch (error) {
+      toast({
+        title: "Unable to cancel GitHub sync",
+        body: error instanceof Error ? error.message : "Unable to cancel GitHub sync.",
+        tone: "error"
+      });
+    } finally {
+      setCancellingSync(false);
+    }
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5131,11 +5585,11 @@ function GitHubSyncToolbarButtonSurface(props) {
             "data-variant": "outline",
             "data-size": "sm",
             className: props.entityType ? HOST_ENTITY_BUTTON_CLASSNAME : HOST_GLOBAL_BUTTON_CLASSNAME,
-            disabled: !effectiveCanRun || syncInFlight || toolbarState.loading,
-            onClick: handleRunSync,
+            disabled: toolbarState.loading || syncStartPending || (syncPersistedRunning ? cancellationRequested : !effectiveCanRun),
+            onClick: syncPersistedRunning ? handleCancelSync : handleRunSync,
             children: [
               /* @__PURE__ */ jsx(GitHubMarkIcon, { className: "mr-1.5 h-3.5 w-3.5" }),
-              /* @__PURE__ */ jsx("span", { children: syncInFlight ? "Syncing\u2026" : effectiveLabel })
+              /* @__PURE__ */ jsx("span", { children: syncPersistedRunning ? cancellationRequested ? "Cancelling\u2026" : "Cancel sync" : syncStartPending ? "Syncing\u2026" : effectiveLabel })
             ]
           }
         )