@dxos/plugin-github 0.13.0 → 0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-github",
-  "version": "0.13.0",
+  "version": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
   "description": "DXOS plugin that integrates GitHub as a sync source via the generic Integration mechanism.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -133,61 +133,61 @@
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.6",
     "@codemirror/view": "^6.43.13",
-    "effect": "4.0.0",
-    "@dxos/ai": "0.13.0",
-    "@dxos/app-framework": "0.13.0",
-    "@dxos/app-graph": "0.13.0",
-    "@dxos/app-toolkit": "0.13.0",
-    "@dxos/compute": "0.13.0",
-    "@dxos/echo": "0.13.0",
-    "@dxos/echo-query": "0.13.0",
-    "@dxos/echo-react": "0.13.0",
-    "@dxos/effect": "0.13.0",
-    "@dxos/errors": "0.13.0",
-    "@dxos/graph": "0.13.0",
-    "@dxos/keys": "0.13.0",
-    "@dxos/link": "0.13.0",
-    "@dxos/lit-ui": "0.13.0",
-    "@dxos/log": "0.13.0",
-    "@dxos/plugin-connector": "0.13.0",
-    "@dxos/plugin-crx": "0.13.0",
-    "@dxos/plugin-markdown": "0.13.0",
-    "@dxos/plugin-preview": "0.13.0",
-    "@dxos/plugin-space": "0.13.0",
-    "@dxos/protocols": "0.13.0",
-    "@dxos/react-client": "0.13.0",
-    "@dxos/react-ui": "0.13.0",
-    "@dxos/react-ui-attention": "0.13.0",
-    "@dxos/react-ui-components": "0.13.0",
-    "@dxos/react-ui-editor": "0.13.0",
-    "@dxos/react-ui-form": "0.13.0",
-    "@dxos/react-ui-list": "0.13.0",
-    "@dxos/react-ui-markdown": "0.13.0",
-    "@dxos/react-ui-masonry": "0.13.0",
-    "@dxos/react-ui-menu": "0.13.0",
-    "@dxos/react-ui-query": "0.13.0",
-    "@dxos/types": "0.13.0",
-    "@dxos/ui-editor": "0.13.0",
-    "@dxos/ui-types": "0.13.0",
-    "@dxos/util": "0.13.0"
+    "effect": "4.0.4",
+    "@dxos/ai": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/app-framework": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/app-graph": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/app-toolkit": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/compute": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/echo": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/echo-query": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/echo-react": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/effect": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/errors": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/graph": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/keys": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/link": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/lit-ui": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/log": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-connector": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-crx": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-markdown": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-preview": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-space": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/protocols": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-client": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-attention": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-components": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-editor": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-list": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-form": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-markdown": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-masonry": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-menu": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-query": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/ui-editor": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/types": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/ui-types": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/util": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a"
   },
   "devDependencies": {
-    "@effect/atom-react": "4.0.0",
+    "@effect/atom-react": "4.0.4",
     "@storybook/react-vite": "^10.6.0",
     "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "vite": "^8.2.2",
-    "@dxos/echo-client": "0.13.0",
-    "@dxos/plugin-client": "0.13.0",
-    "@dxos/plugin-testing": "0.13.0",
-    "@dxos/random": "0.13.0",
-    "@dxos/react-ui-editor": "0.13.0"
+    "vite": "^8.3.4",
+    "@dxos/echo-client": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-client": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/plugin-testing": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/random": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a",
+    "@dxos/react-ui-editor": "0.16.0-next-60712ab191a99ba90316cc4be753e9e11b17100a"
   },
   "peerDependencies": {
-    "@effect/atom-react": "4.0.0",
-    "effect": "4.0.0",
+    "@effect/atom-react": "4.0.4",
+    "effect": "4.0.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7"
   },

package/src/capabilities/gen/browser.ts

@@ -19,8 +19,6 @@ import * as PreviewEvents from '@dxos/plugin-preview/PreviewEvents';
 import { meta } from '#meta';
 import { translations } from '#translations';
 
-import pluginSpec from '../../../PLUGIN.mdl?raw';
-
 export const Connector = Capability.lazyModule(
   'GitHubConnector',
   { provides: [ConnectorSpec.Connector], activatesOn: ConnectorEvents.Start },
@@ -75,7 +73,7 @@ export const ReactSurface = AppCapability.surface(() => import('../react-surface
 export const PluginAsset = AppCapability.pluginAsset({
   pluginId: meta.profile.key,
   path: 'PLUGIN.mdl',
-  content: pluginSpec,
+  content: () => import('../../../PLUGIN.mdl?raw'),
   mimeType: 'application/x-mdl',
 });
 

package/src/capabilities/gen/tauri.ts

@@ -19,8 +19,6 @@ import * as PreviewEvents from '@dxos/plugin-preview/PreviewEvents';
 import { meta } from '#meta';
 import { translations } from '#translations';
 
-import pluginSpec from '../../../PLUGIN.mdl?raw';
-
 export const Connector = Capability.lazyModule(
   'GitHubConnector',
   { provides: [ConnectorSpec.Connector], activatesOn: ConnectorEvents.Start },
@@ -75,7 +73,7 @@ export const ReactSurface = AppCapability.surface(() => import('../react-surface
 export const PluginAsset = AppCapability.pluginAsset({
   pluginId: meta.profile.key,
   path: 'PLUGIN.mdl',
-  content: pluginSpec,
+  content: () => import('../../../PLUGIN.mdl?raw'),
   mimeType: 'application/x-mdl',
 });
 

package/src/capabilities/index.ts

@@ -17,9 +17,6 @@ import * as PreviewEvents from '@dxos/plugin-preview/PreviewEvents';
 import { meta } from '#meta';
 import { translations } from '#translations';
 
-// eslint-disable-next-line import/no-relative-packages
-import pluginSpec from '../../PLUGIN.mdl?raw';
-
 export const Connector = Capability.lazyModule(
   'GitHubConnector',
   { provides: [ConnectorSpec.Connector], activatesOn: ConnectorEvents.Start },
@@ -65,7 +62,7 @@ export const ReactSurface = AppCapability.surface(() => import('./react-surface.
 export const PluginAsset = AppCapability.pluginAsset({
   pluginId: meta.profile.key,
   path: 'PLUGIN.mdl',
-  content: pluginSpec,
+  content: () => import('../../PLUGIN.mdl?raw'),
   mimeType: 'application/x-mdl',
 });
 export const Translations = AppCapability.translations(translations);

package/src/cards/GitHubCard.tsx

@@ -5,6 +5,7 @@
 import React from 'react';
 
 import type * as AppSurface from '@dxos/app-toolkit/AppSurface';
+import { useObject } from '@dxos/echo-react';
 import * as Card from '@dxos/react-ui/Card';
 import * as Hooks from '@dxos/react-ui/Hooks';
 import * as Layout from '@dxos/react-ui/Layout';
@@ -21,6 +22,8 @@ type Subject = Repo.Repo | Issue.Issue | PullRequest.PullRequest;
  */
 type Fields = {
   owner: string;
+  name?: string;
+  repo?: string;
   number?: number;
   state?: PullRequest.State;
   author?: string;
@@ -44,8 +47,9 @@ const stateHue: Record<PullRequest.State, Tag.TagHue> = {
  */
 export const GitHubCard = ({ subject }: AppSurface.ObjectCardProps<Subject>) => {
   const { t } = Hooks.useTranslation(meta.profile.key);
-  const { owner, number, state, author, additions, deletions, defaultBranch, description, url }: Fields = subject;
-  const name = 'name' in subject ? subject.name : subject.repo;
+  const [object] = useObject(subject);
+  const { owner, name, repo, number, state, author, additions, deletions, defaultBranch, description, url }: Fields =
+    object;
 
   return (
     <Card.Body>
@@ -59,7 +63,7 @@ export const GitHubCard = ({ subject }: AppSurface.ObjectCardProps<Subject>) =>
           ) : undefined
         }
       >
-        <Card.Text variant='muted'>{[`${owner}/${name}`, number].filter(Boolean).join('#')}</Card.Text>
+        <Card.Text variant='muted'>{[`${owner}/${name ?? repo}`, number].filter(Boolean).join('#')}</Card.Text>
       </Card.Row>
       {author && (
         <Card.Row icon='ph--user--regular'>

package/src/components/PullRequestOverview/ArtifactPill.tsx

@@ -67,7 +67,7 @@ export const ArtifactPill = ({ artifact, children }: ArtifactPillProps) => {
           size='sm'
           classNames='bg-input-surface text-fg font-normal ring-inset ring ring-neutral-border hover:bg-hover-surface hover:ring-info-border align-baseline'
           icon={artifactIcon[artifact.kind]}
-          iconClassNames={artifact.kind === 'video' ? 'text-violet-500' : 'text-sky-500'}
+          iconClassNames={artifact.kind === 'video' ? 'text-violet-text' : 'text-sky-text'}
           label={label}
           data-testid='pull-request.artifact.pill'
         />

package/src/components/PullRequestOverview/CheckRunList.test.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { describe, test } from 'vitest';
+
+import { formatDuration } from './CheckRunList.tsx';
+
+describe('formatDuration', () => {
+  const startedAt = '2026-10-08T10:00:00Z';
+
+  test('measures a finished run from start to completion', ({ expect }) => {
+    expect(formatDuration(startedAt, '2026-10-08T10:04:12Z')).toBe('4m 12s');
+    expect(formatDuration(startedAt, '2026-10-08T10:00:42Z')).toBe('42s');
+  });
+
+  test('measures a running run up to now', ({ expect }) => {
+    expect(formatDuration(startedAt, undefined, Date.parse('2026-10-08T10:12:05Z'))).toBe('12m 5s');
+  });
+
+  test('prefers completion over now', ({ expect }) => {
+    expect(formatDuration(startedAt, '2026-10-08T10:01:00Z', Date.parse('2026-10-08T11:00:00Z'))).toBe('1m 0s');
+  });
+
+  test('is undefined without a start, or without an end of either kind', ({ expect }) => {
+    expect(formatDuration(undefined, '2026-10-08T10:01:00Z')).toBeUndefined();
+    expect(formatDuration(startedAt)).toBeUndefined();
+  });
+});

package/src/components/PullRequestOverview/CheckRunList.tsx

@@ -2,9 +2,10 @@
 // Copyright 2026 DXOS.org
 //
 
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 
 import { Listbox } from '@dxos/react-ui-list';
+import * as Button from '@dxos/react-ui/Button';
 import * as Hooks from '@dxos/react-ui/Hooks';
 import * as Status from '@dxos/react-ui/Status';
 
@@ -22,12 +23,16 @@ const outcomeIcon: Record<GitHubOperation.CheckOutcome, { icon: string; classNam
 // What needs attention first: a failure is the reason to open the list, a running check the next.
 const outcomeOrder: GitHubOperation.CheckOutcome[] = ['failure', 'pending', 'success', 'neutral', 'skipped'];
 
-/** `4m 12s`, or undefined for a run that has not both started and finished. */
-export const formatDuration = (startedAt?: string, completedAt?: string): string | undefined => {
-  if (!startedAt || !completedAt) {
+/**
+ * `4m 12s` from start to finish, or to `now` for a run still in progress;
+ * undefined for a run that has not started, or has not finished when no `now` is given.
+ */
+export const formatDuration = (startedAt?: string, completedAt?: string, now?: number): string | undefined => {
+  const end = completedAt ? Date.parse(completedAt) : now;
+  if (!startedAt || end === undefined) {
     return undefined;
   }
-  const seconds = Math.max(0, Math.round((Date.parse(completedAt) - Date.parse(startedAt)) / 1000));
+  const seconds = Math.max(0, Math.round((end - Date.parse(startedAt)) / 1000));
   if (Number.isNaN(seconds)) {
     return undefined;
   }
@@ -35,6 +40,24 @@ export const formatDuration = (startedAt?: string, completedAt?: string): string
   return minutes > 0 ? `${minutes}m ${seconds % 60}s` : `${seconds}s`;
 };
 
+/** The current time, re-rendering once a second while `active` so elapsed times stay current. */
+const useNow = (active: boolean): number => {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!active) {
+      return;
+    }
+    setNow(Date.now());
+    const interval = setInterval(() => setNow(Date.now()), 1_000);
+    return () => clearInterval(interval);
+  }, [active]);
+  return now;
+};
+
+/** The row's value: GitHub's run id, or its name and URL for a run recorded without one. */
+const checkRunId = (run: GitHubOperation.CheckRun): string =>
+  run.id !== undefined ? String(run.id) : `${run.name}-${run.url ?? ''}`;
+
 /** Sorts runs by what needs attention, then by name so shards read in order. */
 export const sortCheckRuns = (runs: readonly GitHubOperation.CheckRun[]): GitHubOperation.CheckRun[] =>
   [...runs].sort(
@@ -48,22 +71,29 @@ export type CheckRunListProps = {
   runs?: readonly GitHubOperation.CheckRun[];
 };
 
-/** Every check on the head commit: its outcome, how long it took, and its logs a click away. */
+/** Every check on the head commit: its outcome, how long it took, and a button to its logs. */
 export const CheckRunList = ({ runs }: CheckRunListProps) => {
   const { t } = Hooks.useTranslation(meta.profile.key);
   const sorted = useMemo(() => (runs ? sortCheckRuns(runs) : undefined), [runs]);
   const summary = useCheckSummary(runs);
+  const now = useNow(runs?.some((run) => run.outcome === 'pending' && run.startedAt) ?? false);
+  const [current, setCurrent] = useState<string>();
 
   if (!sorted || sorted.length === 0) {
     return <Status.Empty>{t(sorted ? 'no-checks.message' : 'checks-loading.message')}</Status.Empty>;
   }
 
   return (
-    <Listbox.Root items={sorted.map((run) => ({ value: `${run.name}-${run.url ?? ''}`, label: run.name }))}>
+    <Listbox.Root
+      items={sorted.map((run) => ({ value: checkRunId(run), label: run.name }))}
+      // Icon, name, a short time column, then the open button: one line per check.
+      columns='var(--dx-block-size) minmax(0, 1fr) max-content var(--dx-block-size)'
+      onHighlightChange={(value) => value && setCurrent(value)}
+    >
       <Listbox.Content aria-label={summary} data-testid='pull-request.checks'>
         {sorted.map((run) => {
           const { icon, classNames } = outcomeIcon[run.outcome];
-          const duration = formatDuration(run.startedAt, run.completedAt);
+          const duration = formatDuration(run.startedAt, run.completedAt, run.outcome === 'pending' ? now : undefined);
           // GitHub's own word when it says more than the outcome: `timed out` rather than `failed`.
           const detail =
             run.conclusion && run.conclusion !== run.outcome && run.conclusion !== 'failure'
@@ -72,19 +102,38 @@ export const CheckRunList = ({ runs }: CheckRunListProps) => {
           const outcome =
             run.outcome === 'skipped'
               ? t('check-outcome.skipped.label')
-              : (duration ?? t(`check-outcome.${run.outcome}.label`));
+              : run.outcome === 'pending'
+                ? [t('check-outcome.pending.label'), duration].filter(Boolean).join(' · ')
+                : (duration ?? t(`check-outcome.${run.outcome}.label`));
           const url = run.url;
+          const id = checkRunId(run);
           return (
             <Listbox.Item
-              key={`${run.name}-${url ?? ''}`}
-              id={`${run.name}-${url ?? ''}`}
+              key={id}
+              id={id}
+              current={id === current}
+              highlightOnHover={false}
+              classNames='dx-hover'
               data-outcome={run.outcome}
               data-testid='pull-request.check'
-              onClick={url ? () => window.open(url, '_blank', 'noopener,noreferrer') : undefined}
             >
               <Listbox.ItemIcon icon={icon} classNames={classNames} />
               <Listbox.ItemText>{run.name}</Listbox.ItemText>
-              <Listbox.ItemDescription>{[detail, outcome].filter(Boolean).join(' · ')}</Listbox.ItemDescription>
+              <Listbox.ItemDescription classNames='text-right tabular-nums'>
+                {[detail, outcome].filter(Boolean).join(' · ')}
+              </Listbox.ItemDescription>
+              {url ? (
+                <Button.Root
+                  iconOnly
+                  variant='ghost'
+                  icon='ph--arrow-square-out--regular'
+                  label={t('open-link.label')}
+                  data-testid='pull-request.check.open'
+                  onClick={() => window.open(url, '_blank', 'noopener,noreferrer')}
+                />
+              ) : (
+                <span />
+              )}
             </Listbox.Item>
           );
         })}

package/src/components/PullRequestOverview/PullRequestOverview.tsx

@@ -12,6 +12,7 @@ import { MarkdownLink, MarkdownView, type MarkdownViewProps } from '@dxos/react-
 import * as UiHooks from '@dxos/react-ui/Hooks';
 import * as Icon from '@dxos/react-ui/Icon';
 import * as Status from '@dxos/react-ui/Status';
+import * as Typography from '@dxos/react-ui/Typography';
 
 import { meta } from '#meta';
 import { type GitHubOperation } from '#types';
@@ -60,7 +61,10 @@ export const PullRequestOverview = ({ body, details, runs }: PullRequestOverview
               <RelatedCards items={related} />
             </Form.FieldSet>
           )}
-          <Form.FieldSet label={checkSummary}>
+          <Form.FieldSet label={t('checks.label')}>
+            {runs && runs.length > 0 && (
+              <Typography.Text data-testid='pull-request.checks.summary'>{checkSummary}</Typography.Text>
+            )}
             <CheckRunList runs={runs} />
           </Form.FieldSet>
         </Form.Content>

package/src/components/PullRequestStatus/PullRequestStatus.tsx

@@ -5,6 +5,7 @@
 import React from 'react';
 
 import * as Hooks from '@dxos/react-ui/Hooks';
+import * as Layout from '@dxos/react-ui/Layout';
 import { type PullRequest } from '@dxos/types';
 
 import { meta } from '#meta';
@@ -43,16 +44,18 @@ export type PullRequestStatusProps = {
 export const PullRequestStatus = ({ reference, title, state, review, ci }: PullRequestStatusProps) => {
   const { t } = Hooks.useTranslation(meta.profile.key);
   return (
-    <div
+    <Layout.Flex
+      align='center'
+      gap='sm'
       role='status'
-      className='flex items-center gap-2 px-3 py-1.5 border-b border-separator-subtle text-sm min-w-0'
+      classNames='px-3 py-1.5 border-b border-separator-subtle text-sm min-w-0'
       data-testid='pull-request.status'
     >
       <span className='dx-tag dx-tag-inline shrink-0' data-hue='neutral'>
         {reference}
       </span>
       {title && <span className='truncate grow'>{title}</span>}
-      <div className='flex items-center gap-2 shrink-0 ml-auto'>
+      <Layout.Flex align='center' gap='sm' classNames='shrink-0 ml-auto'>
         {state && (
           <span className='dx-tag dx-tag-inline' data-hue={stateHue[state]} data-testid='pull-request.status.state'>
             {t(`pull-request-state.${state}.label`)}
@@ -75,7 +78,7 @@ export const PullRequestStatus = ({ reference, title, state, review, ci }: PullR
           {ci ? t(`ci-status.${ci.state}.label`) : t('ci-status.unknown.label')}
           {ci && ci.checks.total > 0 && ` ${ci.checks.passed}/${ci.checks.total}`}
         </span>
-      </div>
-    </div>
+      </Layout.Flex>
+    </Layout.Flex>
   );
 };

package/src/containers/PullRequestsArticle/PullRequestsArticle.tsx

@@ -185,16 +185,18 @@ const PullRequestList = ({ role, attendableId, db }: PullRequestsArticleProps &
           </Status.Empty>
         ) : (
           <Listbox.Root items={options}>
-            <Listbox.Content
-              classNames='dx-expand'
-              aria-label={t('typename.label_other', { ns: PULL_REQUEST_TYPENAME })}
-            >
-              {groups
-                ? groups
-                    .filter((group) => group.rows.length > 0)
-                    .map((group) => <GroupSection key={group.id} group={group} onOpen={openObject} />)
-                : rows.map((row) => <PullRequestListRow key={row.pullRequest.id} row={row} onOpen={openObject} />)}
-            </Listbox.Content>
+            <Listbox.Viewport>
+              <Listbox.Content
+                classNames='dx-expand'
+                aria-label={t('typename.label_other', { ns: PULL_REQUEST_TYPENAME })}
+              >
+                {groups
+                  ? groups
+                      .filter((group) => group.rows.length > 0)
+                      .map((group) => <GroupSection key={group.id} group={group} onOpen={openObject} />)
+                  : rows.map((row) => <PullRequestListRow key={row.pullRequest.id} row={row} onOpen={openObject} />)}
+              </Listbox.Content>
+            </Listbox.Viewport>
           </Listbox.Root>
         )}
       </Panel.Body>

package/src/operations/import-pull-request.ts

@@ -8,6 +8,7 @@ import * as Layer from 'effect/Layer';
 
 import * as Operation from '@dxos/compute/Operation';
 import { Database, Filter, Ref } from '@dxos/echo';
+import { log } from '@dxos/log';
 import * as SpaceOperation from '@dxos/plugin-space/SpaceOperation';
 import { PullRequest } from '@dxos/types';
 
@@ -18,6 +19,7 @@ import { type PullRequestReference, parsePullRequestReference } from '../github-
 import { toPullRequestProps } from '../pull-request.ts';
 import { GitHubApi } from '../services/index.ts';
 import { githubToken } from './pull-request.ts';
+import { ensureRefreshTrigger } from './refresh.ts';
 
 /**
  * Statuses that may report the token's reach rather than the repository's absence, and so are worth
@@ -133,6 +135,12 @@ const handler: Operation.WithHandler<typeof GitHubOperation.ImportPullRequest> =
         return yield* Effect.die(new GitHubPullRequestReferenceError({ context: { reference } }));
       }
 
+      // The first pull request a space holds is what makes refreshing them worth a schedule.
+      yield* ensureRefreshTrigger().pipe(
+        // The import already succeeded; a missing schedule is recovered the next time a pull request opens.
+        Effect.catchDefect((defect) => Effect.sync(() => log.warn('refresh trigger setup failed', { defect }))),
+      );
+
       return { pullRequest: Ref.make(object), imported: true };
     }, Effect.provide(FetchHttpClient.layer)),
   ),

package/src/operations/index.ts

@@ -25,5 +25,6 @@ export const GitHubOperationHandlerSet = OperationHandlerSet.lazy([
   ),
   GitHubOperation.GetPullRequestStatus.pipe(Operation.lazyHandler(() => import('./get-pull-request-status.ts'))),
   GitHubOperation.SyncPullRequest.pipe(Operation.lazyHandler(() => import('./sync-pull-request.ts'))),
+  GitHubOperation.RefreshPullRequests.pipe(Operation.lazyHandler(() => import('./refresh-pull-requests.ts'))),
   GitHubOperation.GetPullRequestDiff.pipe(Operation.lazyHandler(() => import('./get-pull-request-diff.ts'))),
 ]);

package/src/operations/pull-request.ts

@@ -82,6 +82,7 @@ export const toCheckRun = (run: GitHubApi.GitHubCheckRun): GitHubOperation.Check
             : 'success';
   const url = run.details_url ?? run.html_url;
   return {
+    ...(run.id !== undefined ? { id: run.id } : {}),
     name: run.name,
     outcome,
     ...(run.conclusion ? { conclusion: run.conclusion } : {}),

package/src/operations/refresh-pull-requests.ts

@@ -0,0 +1,69 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Clock from 'effect/Clock';
+import * as Effect from 'effect/Effect';
+import * as FetchHttpClient from 'effect/http/FetchHttpClient';
+
+import * as Operation from '@dxos/compute/Operation';
+import { log } from '@dxos/log';
+
+import { GitHubOperation } from '#types';
+
+import { githubToken } from './pull-request.ts';
+import { ensureRefreshTrigger, queryInFlightPullRequests, refreshPullRequest, selectRefreshBatch } from './refresh.ts';
+
+/** Bounded so a space with many open pull requests does not burst GitHub's secondary rate limit. */
+const REFRESH_CONCURRENCY = 2;
+
+/** The hourly `REFRESH_CRON` period, so each scheduled run lands in its own batch window. */
+const REFRESH_INTERVAL_MS = 60 * 60 * 1000;
+
+const handler: Operation.WithHandler<typeof GitHubOperation.RefreshPullRequests> =
+  GitHubOperation.RefreshPullRequests.pipe(
+    Operation.withHandler(
+      Effect.fn(function* () {
+        // Collapses any duplicate a racing peer created, so the space keeps one schedule.
+        yield* ensureRefreshTrigger();
+        const inFlight = yield* queryInFlightPullRequests();
+        if (inFlight.length === 0) {
+          return { checked: 0, updated: 0, failed: 0 };
+        }
+
+        const window = Math.floor((yield* Clock.currentTimeMillis) / REFRESH_INTERVAL_MS);
+        const pullRequests = selectRefreshBatch(inFlight, window);
+
+        const token = yield* githubToken();
+        const results = yield* Effect.forEach(
+          pullRequests,
+          (pullRequest) =>
+            // One deleted or unreachable pull request must not fail the run: EDGE disables a trigger
+            // after repeated failures, which would stop refreshing every other one.
+            refreshPullRequest(pullRequest, token).pipe(
+              Effect.map((updated) => (updated.length > 0 ? 'updated' : 'unchanged')),
+              Effect.catchDefect((cause) =>
+                Effect.sync(() => {
+                  log.warn('pull request refresh failed', {
+                    owner: pullRequest.owner,
+                    repo: pullRequest.repo,
+                    number: pullRequest.number,
+                    cause,
+                  });
+                  return 'failed' as const;
+                }),
+              ),
+            ),
+          { concurrency: REFRESH_CONCURRENCY },
+        );
+
+        return {
+          checked: pullRequests.length,
+          updated: results.filter((result) => result === 'updated').length,
+          failed: results.filter((result) => result === 'failed').length,
+        };
+      }, Effect.provide(FetchHttpClient.layer)),
+    ),
+  );
+
+export default handler;