@dxos/plugin-assistant 0.9.1-main.c7dcc2e112 → 0.10.0

package/src/containers/IntegrationPrompt/IntegrationPrompt.tsx

@@ -0,0 +1,79 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import React, { useMemo } from 'react';
+
+import { Surface, useCapabilities } from '@dxos/app-framework/ui';
+import { useActiveSpace } from '@dxos/app-toolkit/ui';
+import { Connector, ConnectorAuth, type ConnectorEntry } from '@dxos/plugin-connector';
+import { Icon, useTranslation } from '@dxos/react-ui';
+
+import { meta } from '#meta';
+
+export type IntegrationPromptProps = {
+  /** Service the agent needs access to, e.g. `gmail.com`. */
+  service?: string;
+};
+
+/**
+ * Agent-facing connector prompt: rendered when the assistant needs a service the user has not yet
+ * connected. Resolves the matching {@link Connector} entries for `service` and offers to connect via
+ * the shared connector-auth surface, so the user can grant access inline instead of the agent failing
+ * silently.
+ */
+export const IntegrationPrompt = ({ service }: IntegrationPromptProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  const space = useActiveSpace();
+  const connectors = useCapabilities(Connector).flat();
+  const matched = useMemo(() => (service ? matchConnectors(connectors, service) : []), [connectors, service]);
+
+  if (!service) {
+    return null;
+  }
+
+  const label = matched[0]?.label ?? service;
+  const connectorIds = matched.map((connector) => connector.id);
+
+  return (
+    <div role='group' className='flex flex-col gap-2 my-2 p-3 border border-subdued-separator rounded-sm'>
+      <div className='flex items-center gap-2'>
+        <Icon icon='ph--plugs--regular' size={5} classNames='shrink-0 text-subdued' />
+        <div className='flex flex-col min-w-0'>
+          <p className='text-sm font-medium truncate'>{t('integration-prompt.title', { service: label })}</p>
+          <p className='text-sm text-subdued'>
+            {connectorIds.length > 0
+              ? t('integration-prompt.description', { service: label })
+              : t('integration-prompt.unavailable', { service: label })}
+          </p>
+        </div>
+      </div>
+      {connectorIds.length > 0 && space && (
+        <div className='flex justify-end'>
+          <Surface.Surface type={ConnectorAuth} data={{ connectorIds }} limit={1} />
+        </div>
+      )}
+    </div>
+  );
+};
+
+/**
+ * Connectors whose id, source, or label relate to the requested service. Matches on the service's
+ * leading token (e.g. `gmail` from `gmail.com`) so model-supplied hostnames resolve to connectors
+ * keyed by short id or provider domain.
+ */
+const matchConnectors = (connectors: ConnectorEntry[], service: string): ConnectorEntry[] => {
+  const needle = service.trim().toLowerCase();
+  // A malformed service (e.g. `.gmail.com` or `/`) can yield an empty base token, which would make
+  // `value.includes(base)` match every connector; bail so the unavailable state is shown instead.
+  const base = needle.split(/[.@/]/)[0];
+  if (!needle || !base) {
+    return [];
+  }
+  return connectors.filter((connector) => {
+    const candidates = [connector.id, connector.source, connector.label]
+      .filter((value): value is string => typeof value === 'string')
+      .map((value) => value.toLowerCase());
+    return candidates.some((value) => value === needle || value === base || value.includes(base));
+  });
+};

package/src/containers/IntegrationPrompt/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export { IntegrationPrompt as default } from './IntegrationPrompt';

package/src/containers/SpaceHomePrompt/SpaceHomePrompt.tsx

@@ -4,15 +4,16 @@
 
 import React, { useEffect, useMemo, useState } from 'react';
 
+import { Provider } from '@dxos/ai';
 import { Capabilities } from '@dxos/app-framework';
-import { useCapability, useOperationInvoker } from '@dxos/app-framework/ui';
+import { useAtomCapability, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';
 import { LayoutOperation } from '@dxos/app-toolkit';
 import { Event } from '@dxos/async';
 import { type Space, useRegistry } from '@dxos/react-client/echo';
 import { useTranslation } from '@dxos/react-ui';
 
-import { ChatPrompt, type ChatEvent } from '#components';
-import { useChatProcessor, useChatServices, useOnline, usePresets } from '#hooks';
+import { type ChatEvent, ChatPrompt } from '#components';
+import { useChatProcessor, useChatServices, usePresets } from '#hooks';
 import { meta } from '#meta';
 import { AssistantCapabilities, AssistantOperation, type ChatType } from '#types';
 
@@ -37,8 +38,10 @@ export const SpaceHomePrompt = ({ space }: SpaceScopedProps) => {
   const atomRegistry = useCapability(Capabilities.AtomRegistry);
   const stateAtom = useCapability(AssistantCapabilities.State);
   const runtime = useChatServices({ id: space?.id });
-  const [online, setOnline] = useOnline();
-  const { preset, ...presetProps } = usePresets(online);
+  const settings = useAtomCapability(AssistantCapabilities.Settings);
+  const { preset, ...presetProps } = usePresets(settings);
+  // The remote (online) service is the edge provider; the resolved preset carries the active provider.
+  const online = preset?.provider === Provider.edge.id;
 
   // In-memory backing chat (not yet added to the space). `nonce` forces a fresh chat after submit.
   const [chat, setChat] = useState<ChatType.Chat>();
@@ -98,7 +101,6 @@ export const SpaceHomePrompt = ({ space }: SpaceScopedProps) => {
       event={event}
       preset={preset?.id}
       online={online}
-      onOnlineChange={setOnline}
       placeholder={t('space-home.prompt.placeholder')}
     />
   );

package/src/containers/SpaceHomeSuggestions/SpaceHomeSuggestions.tsx

@@ -5,19 +5,12 @@
 import React, { useCallback } from 'react';
 
 import { useOperationInvoker } from '@dxos/app-framework/ui';
+import { RoutineOperation } from '@dxos/plugin-routine/types';
 import { type Space } from '@dxos/react-client/echo';
 import { Card, IconButton, useTranslation } from '@dxos/react-ui';
 
+import { useHomeSuggestions } from '#hooks';
 import { meta } from '#meta';
-import { AssistantOperation } from '#types';
-
-/** Starter prompts shown on the Home page. Always rendered — they surface quick actions alongside
- * the recent-objects masonry rather than only as an empty-state fallback. */
-const SUGGESTION_KEYS = [
-  'space-home.suggestion-draft-doc.label',
-  'space-home.suggestion-data-type.label',
-  'space-home.suggestion-ideas.label',
-] as const;
 
 type SpaceScopedProps = {
   space?: Space;
@@ -31,39 +24,60 @@ type SpaceScopedProps = {
 export const SpaceHomeSuggestions = ({ space }: SpaceScopedProps) => {
   const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
+  const suggestions = useHomeSuggestions(space);
 
   const handleRunPrompt = useCallback(
     (prompt: string) => {
       if (!space) {
         return;
       }
-      void invokePromise(AssistantOperation.RunPromptInNewChat, { db: space.db, prompt });
+      void invokePromise(RoutineOperation.RunPromptInNewChat, { db: space.db, instructions: prompt });
     },
     [invokePromise, space],
   );
 
+  if (!suggestions) {
+    return null;
+  }
+
   return (
-    <>
-      <h2 className='text-sm font-medium text-description'>{t('space-home.suggestions.heading')}</h2>
-      {SUGGESTION_KEYS.map((key) => {
-        const prompt = t(key);
-        return (
-          <Card.Root
-            key={key}
-            fullWidth
-            role='button'
-            classNames='cursor-pointer'
-            onClick={() => handleRunPrompt(prompt)}
-          >
-            <Card.Header>
-              <Card.Block>
-                <IconButton variant='ghost' label={prompt} icon='ph--sparkle--regular' iconOnly />
-              </Card.Block>
-              <Card.Title>{prompt}</Card.Title>
-            </Card.Header>
-          </Card.Root>
-        );
-      })}
-    </>
+    <div className='flex justify-center w-full'>
+      <div className='flex flex-col gap-trim-sm w-full max-w-[40rem]'>
+        <h2 className='text-sm font-medium text-description'>{t('space-home.suggestions.heading')}</h2>
+        <div className='flex flex-col gap-3'>
+          {suggestions.map((prompt, index) => (
+            <div
+              key={`${index}:${prompt}`}
+              role='button'
+              tabIndex={0}
+              className='cursor-pointer w-full'
+              onClick={() => handleRunPrompt(prompt)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                  e.preventDefault();
+                  handleRunPrompt(prompt);
+                }
+              }}
+            >
+              <Card.Root fullWidth>
+                <Card.Header>
+                  <Card.Block>
+                    <IconButton
+                      variant='ghost'
+                      label={prompt}
+                      icon='ph--sparkle--regular'
+                      iconOnly
+                      tabIndex={-1}
+                      aria-hidden
+                    />
+                  </Card.Block>
+                  <Card.Title>{prompt}</Card.Title>
+                </Card.Header>
+              </Card.Root>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
   );
 };

package/src/containers/TracePanel/TracePanel.stories.tsx

@@ -14,14 +14,16 @@ import { ProcessManager } from '@dxos/compute-runtime';
 import { Feed, Filter, Query } from '@dxos/echo';
 import { FeedTraceSink } from '@dxos/functions-runtime';
 import { log } from '@dxos/log';
-import { AutomationPlugin } from '@dxos/plugin-automation/testing';
 import { ClientPlugin } from '@dxos/plugin-client/testing';
 import { initializeIdentity } from '@dxos/plugin-client/testing';
+import { RoutinePlugin } from '@dxos/plugin-routine/testing';
 import { corePlugins } from '@dxos/plugin-testing';
 import { useQuery, useSpaces } from '@dxos/react-client/echo';
 import { IconButton, Panel, ScrollContainer, Toolbar } from '@dxos/react-ui';
-import { Timeline } from '@dxos/react-ui-components';
+import { type Commit, Timeline } from '@dxos/react-ui-components';
+import { Syntax } from '@dxos/react-ui-syntax-highlighter';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
+import { mx } from '@dxos/ui-theme';
 
 import { buildExecutionGraph } from '#execution-graph';
 import { AssistantPlugin } from '#plugin';
@@ -30,7 +32,7 @@ import { translations } from '#translations';
 import subAgentFixture from '../../execution-graph/testing/sub-agent-delegation.json';
 // TODO(dmaretskyi): testing.ts module shadows the ./testing dir.
 import { initClientFromSpaceSnapshot } from '../../testing/snapshot';
-import { PLAYBACK_INTERVAL_MS, STEP_STORAGE_KEY, SimulatedAgent, useLocalStorageNumber } from './testing';
+import { PLAYBACK_INTERVAL_MS, SimulatedAgent, STEP_STORAGE_KEY, useLocalStorageNumber } from './testing';
 import { TracePanel } from './TracePanel';
 
 type BaseStoryProps = PropsWithChildren<{
@@ -38,12 +40,34 @@ type BaseStoryProps = PropsWithChildren<{
 }>;
 
 const BaseStory = ({ children, toolbar }: BaseStoryProps) => (
-  <Panel.Root>
+  <Panel.Root classNames='h-full min-h-0'>
     <Panel.Toolbar asChild>{toolbar}</Panel.Toolbar>
-    <Panel.Content asChild>{children}</Panel.Content>
+    <Panel.Content asChild classNames='min-h-0'>
+      {children}
+    </Panel.Content>
   </Panel.Root>
 );
 
+const JsonInspectorPanel = ({ data }: { data: unknown }) => (
+  <div className='min-h-0 h-full'>
+    <ScrollContainer.Root pin>
+      <ScrollContainer.Content thin>
+        <ScrollContainer.Viewport>
+          <Syntax.Root data={data}>
+            <Syntax.Content>
+              <Syntax.Viewport>
+                <Syntax.Code className='text-xs' />
+              </Syntax.Viewport>
+            </Syntax.Content>
+          </Syntax.Root>
+        </ScrollContainer.Viewport>
+        <ScrollContainer.ScrollDownButton />
+        <ScrollContainer.Fade />
+      </ScrollContainer.Content>
+    </ScrollContainer.Root>
+  </div>
+);
+
 const DefaultStory = () => {
   const [space] = useSpaces();
   const runtime = useProcessManagerRuntime();
@@ -100,7 +124,7 @@ const SnapshotStory = () => {
     [allMessages],
   );
 
-  return <TimelinePlayback messages={sortedMessages} />;
+  return <TimelinePlayback messages={sortedMessages} collapseCompletedSpans={true} />;
 };
 
 // Raw Trace.Message[] captured from a live sub-agent delegation via `dxosDumpTrace()` (see
@@ -121,10 +145,17 @@ const FixtureStory = () => {
  * Step/playback over a fixed list of trace messages — renders the execution-graph Timeline at each
  * step so layout (e.g. concurrent sub-agent lanes) can be inspected as events "stream" in.
  */
-const TimelinePlayback = ({ messages: sortedMessages }: { messages: readonly Trace.Message[] }) => {
+const TimelinePlayback = ({
+  messages: sortedMessages,
+  collapseCompletedSpans = true,
+}: {
+  messages: readonly Trace.Message[];
+  collapseCompletedSpans?: boolean;
+}) => {
   const total = sortedMessages.length;
   const [step, setStep, stepHydrated] = useLocalStorageNumber(STEP_STORAGE_KEY, 0);
   const [playing, setPlaying] = useState(false);
+  const [selectedCommit, setSelectedCommit] = useState<Commit | undefined>();
 
   useEffect(() => {
     setStep((current) => Math.min(Math.max(current, 0), total));
@@ -143,10 +174,13 @@ const TimelinePlayback = ({ messages: sortedMessages }: { messages: readonly Tra
   }, [total, stepHydrated, setStep]);
 
   const visibleMessages = useMemo(() => sortedMessages.slice(0, step), [sortedMessages, step]);
-  const { commits, branches } = useMemo(
-    () => buildExecutionGraph({ traceMessages: visibleMessages }),
-    [visibleMessages],
+  const { commits, branches, spanTree, details } = useMemo(
+    () => buildExecutionGraph({ traceMessages: visibleMessages, collapseCompletedSpans }),
+    [visibleMessages, collapseCompletedSpans],
   );
+  const selectedCommitDetail = selectedCommit
+    ? { commit: selectedCommit, detail: details[selectedCommit.id] }
+    : undefined;
 
   // Auto-play steps forward until we reach the end.
   useEffect(() => {
@@ -215,35 +249,43 @@ const TimelinePlayback = ({ messages: sortedMessages }: { messages: readonly Tra
   }, [handleNext, handlePrev, handleTogglePlay, handleReset, handleShowAll]);
 
   return (
-    <ScrollContainer.Root pin>
-      <BaseStory
-        toolbar={
-          <Toolbar.Root>
-            <IconButton iconOnly icon='ph--skip-back--regular' label='Reset (R)' onClick={handleReset} />
-            <IconButton iconOnly icon='ph--caret-left--regular' label='Step back (← / H)' onClick={handlePrev} />
-            <IconButton
-              iconOnly
-              icon={playing ? 'ph--pause--regular' : 'ph--play--regular'}
-              label={playing ? 'Pause (Space)' : 'Play (Space)'}
-              onClick={handleTogglePlay}
-            />
-            <IconButton iconOnly icon='ph--caret-right--regular' label='Step forward (→ / L)' onClick={handleNext} />
-            <IconButton iconOnly icon='ph--skip-forward--regular' label='Show all (E / End)' onClick={handleShowAll} />
-            <Toolbar.Text className='text-right text-sm tabular-nums opacity-70'>
-              {step} / {total}
-            </Toolbar.Text>
-          </Toolbar.Root>
-        }
-      >
-        <ScrollContainer.Content thin>
-          <ScrollContainer.Viewport>
-            <Timeline branches={branches} commits={commits} showTimestamp />
-          </ScrollContainer.Viewport>
-          <ScrollContainer.ScrollDownButton />
-          <ScrollContainer.Fade />
-        </ScrollContainer.Content>
-      </BaseStory>
-    </ScrollContainer.Root>
+    <BaseStory
+      toolbar={
+        <Toolbar.Root>
+          <IconButton iconOnly icon='ph--skip-back--regular' label='Reset (R)' onClick={handleReset} />
+          <IconButton iconOnly icon='ph--caret-left--regular' label='Step back (← / H)' onClick={handlePrev} />
+          <IconButton
+            iconOnly
+            icon={playing ? 'ph--pause--regular' : 'ph--play--regular'}
+            label={playing ? 'Pause (Space)' : 'Play (Space)'}
+            onClick={handleTogglePlay}
+          />
+          <IconButton iconOnly icon='ph--caret-right--regular' label='Step forward (→ / L)' onClick={handleNext} />
+          <IconButton iconOnly icon='ph--skip-forward--regular' label='Show all (E / End)' onClick={handleShowAll} />
+          <Toolbar.Text className='text-right text-sm tabular-nums opacity-70'>
+            {step} / {total}
+          </Toolbar.Text>
+        </Toolbar.Root>
+      }
+    >
+      <div className={mx('grid h-full min-h-0 grid-cols-3 divide-x divide-separator')}>
+        <JsonInspectorPanel data={spanTree} />
+
+        <div className='min-h-0'>
+          <ScrollContainer.Root pin>
+            <ScrollContainer.Content thin>
+              <ScrollContainer.Viewport>
+                <Timeline branches={branches} commits={commits} showTimestamp onSelect={setSelectedCommit} />
+              </ScrollContainer.Viewport>
+              <ScrollContainer.ScrollDownButton />
+              <ScrollContainer.Fade />
+            </ScrollContainer.Content>
+          </ScrollContainer.Root>
+        </div>
+
+        <JsonInspectorPanel data={selectedCommitDetail} />
+      </div>
+    </BaseStory>
   );
 };
 
@@ -277,7 +319,7 @@ export const Default: Story = {
             }),
         }),
         AssistantPlugin(),
-        AutomationPlugin(),
+        RoutinePlugin(),
       ],
     }),
   ],
@@ -285,14 +327,14 @@ export const Default: Story = {
 
 export const WithSubAgentFixture: Story = {
   render: FixtureStory,
-  decorators: [withTheme(), withLayout({ layout: 'column', classNames: 'w-(--dx-complementary-sidebar-size)' })],
+  decorators: [withTheme(), withLayout({ layout: 'fullscreen' })],
 };
 
 export const WithSnapshot: Story = {
   render: SnapshotStory,
   decorators: [
     withTheme(),
-    withLayout({ layout: 'column', classNames: 'w-(--dx-complementary-sidebar-size)' }),
+    withLayout({ layout: 'fullscreen' }),
     withPluginManager({
       plugins: [
         ...corePlugins(),
@@ -300,7 +342,7 @@ export const WithSnapshot: Story = {
           types: [Feed.Feed, Trace.Message],
           onClientInitialized: initClientFromSpaceSnapshot(() => import('../../testing/data/trace-timeline.dx.json')),
         }),
-        AutomationPlugin(),
+        RoutinePlugin(),
       ],
     }),
   ],
@@ -310,7 +352,7 @@ export const WithRemoteSnapshot: Story = {
   render: SnapshotStory,
   decorators: [
     withTheme(),
-    withLayout({ layout: 'column', classNames: 'w-(--dx-complementary-sidebar-size)' }),
+    withLayout({ layout: 'fullscreen' }),
     withPluginManager({
       plugins: [
         ...corePlugins(),
@@ -320,7 +362,7 @@ export const WithRemoteSnapshot: Story = {
             () => import('../../testing/data/trace-timeline-remote.dx.json'),
           ),
         }),
-        AutomationPlugin(),
+        RoutinePlugin(),
       ],
     }),
   ],
@@ -330,7 +372,7 @@ export const WithRemoteMultipleSnapshot: Story = {
   render: SnapshotStory,
   decorators: [
     withTheme(),
-    withLayout({ layout: 'column', classNames: 'w-(--dx-complementary-sidebar-size)' }),
+    withLayout({ layout: 'fullscreen' }),
     withPluginManager({
       plugins: [
         ...corePlugins(),
@@ -340,7 +382,7 @@ export const WithRemoteMultipleSnapshot: Story = {
             () => import('../../testing/data/trace-timeline-multiple.dx.json'),
           ),
         }),
-        AutomationPlugin(),
+        RoutinePlugin(),
       ],
     }),
   ],

package/src/containers/TracePanel/TracePanel.tsx

@@ -10,7 +10,7 @@ import { pipe } from 'effect/Function';
 import React, { useCallback, useDeferredValue, useEffect, useMemo, useState } from 'react';
 
 import { Capabilities } from '@dxos/app-framework';
-import { useCapability, useAtomCapability, useOperationInvoker } from '@dxos/app-framework/ui';
+import { useAtomCapability, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';
 import { LayoutOperation } from '@dxos/app-toolkit';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { Process } from '@dxos/compute';
@@ -19,13 +19,13 @@ import { type Space } from '@dxos/react-client/echo';
 import { ScrollContainer } from '@dxos/react-ui';
 import { composable, composableProps } from '@dxos/react-ui';
 import { useAttentionAttributes } from '@dxos/react-ui-attention';
-import { Timeline, type Commit } from '@dxos/react-ui-components';
+import { type Commit, Timeline } from '@dxos/react-ui-components';
 import { Syntax } from '@dxos/react-ui-syntax-highlighter';
 import { mx } from '@dxos/ui-theme';
 
 import { ProcessTree, ProcessTreeProps } from '#components';
-import { buildExecutionGraph, type ExecutionGraph } from '#execution-graph';
-import { useTraceMessages, getTraceMessagesAtom } from '#hooks';
+import { type ExecutionGraph, buildExecutionGraph } from '#execution-graph';
+import { getTraceMessagesAtom, useTraceMessages } from '#hooks';
 import { AssistantCapabilities } from '#types';
 
 export type TracePanelProps = AppSurface.SpaceArticleProps<Pick<ProcessTreeProps, 'onProcessTerminate'>>;
@@ -159,16 +159,20 @@ export const TracePanel = composable<HTMLDivElement, TracePanelProps>(
 const atomEmpty = Atom.make(() => [] as const);
 
 type UseExecutionGraphOptions = {
+  collapseCompletedSpans?: boolean;
   eventLimit?: number;
 };
 
-const useExecutionGraph = (space: Space, { eventLimit }: UseExecutionGraphOptions = {}): ExecutionGraph => {
+const useExecutionGraph = (
+  space: Space,
+  { collapseCompletedSpans, eventLimit }: UseExecutionGraphOptions = {},
+): ExecutionGraph => {
   const monitor = useCapability(Capabilities.ProcessMonitor);
   const processesAtom = monitor?.processTreeAtom ?? atomEmpty;
 
   const atom = useMemo(
-    () => getExecutionGraph(space, processesAtom, { eventLimit }),
-    [space, processesAtom, eventLimit],
+    () => getExecutionGraph(space, processesAtom, { collapseCompletedSpans, eventLimit }),
+    [space, processesAtom, collapseCompletedSpans, eventLimit],
   );
 
   return useAtomValue(atom);
@@ -177,7 +181,7 @@ const useExecutionGraph = (space: Space, { eventLimit }: UseExecutionGraphOption
 const getExecutionGraph = (
   space: Space,
   processesAtom: Atom.Atom<readonly Process.Info[]>,
-  { eventLimit = 100 }: UseExecutionGraphOptions = {},
+  { collapseCompletedSpans = true, eventLimit = 100 }: UseExecutionGraphOptions = {},
 ): Atom.Atom<ExecutionGraph> => {
   const traceMessages = getTraceMessagesAtom(space);
 
@@ -198,6 +202,7 @@ const getExecutionGraph = (
     buildExecutionGraph({
       traceMessages: get(traceMessages),
       activeProcesses: get(activeProcesses),
+      collapseCompletedSpans,
       eventLimit,
     }),
   );

package/src/containers/TracePanel/dxn-extractor.test.ts

@@ -5,8 +5,8 @@
 import { describe, test } from 'vitest';
 
 import {
-  extractDxnsFromObject,
   extractDxnFromString,
+  extractDxnsFromObject,
   extractFirstDxnFromToolInput,
   extractFirstDxnFromToolResult,
 } from './dxn-extractor';
@@ -57,7 +57,7 @@ describe('dxn-extractor', () => {
     test('extracts @uri key reference { "@uri": "echo:..." }', ({ expect }) => {
       const result = extractDxnsFromObject({
         '@uri': 'echo:/01KG7R1ZXWFMWQ4DA1Q6TN1DG4',
-        name: 'Test',
+        'name': 'Test',
       });
       expect(result).toHaveLength(1);
       expect(result[0].toString()).toBe('echo:/01KG7R1ZXWFMWQ4DA1Q6TN1DG4');

package/src/containers/TriggerStatus/TriggerStatus.tsx

@@ -6,9 +6,10 @@ import React, { useMemo } from 'react';
 
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { type InvocationsState } from '@dxos/functions-runtime';
-import { useTriggerRuntimeControls } from '@dxos/plugin-automation/hooks';
+import { useTriggerRuntimeControls } from '@dxos/plugin-routine/hooks';
 import { StatusBar } from '@dxos/plugin-status-bar/components';
-import { useObject } from '@dxos/react-client/echo';
+import { useMulticastObservable } from '@dxos/react-client';
+import { SpaceState, useObject } from '@dxos/react-client/echo';
 import { IconButton, Popover, useTranslation } from '@dxos/react-ui';
 
 import { meta } from '#meta';
@@ -47,8 +48,11 @@ export const SpaceStatus = ({ space }: SpaceStatusProps) => {
   const { t } = useTranslation(meta.profile.key);
   const { state } = useTriggerRuntimeControls(space.db);
   const isEnabled = state?.enabled ?? false;
-  const [properties] = useObject(space.properties);
-  const computeEnvironment = properties.computeEnvironment ?? 'local';
+  // `space.properties` throws until the space finishes initializing (e.g. right after joining);
+  // gate on `space.state` so this component doesn't crash for a freshly-joined space.
+  const spaceState = useMulticastObservable(space.state);
+  const [properties] = useObject(spaceState === SpaceState.SPACE_READY ? space.properties : undefined);
+  const computeEnvironment = properties?.computeEnvironment ?? 'local';
 
   // Determine the current trigger status state.
   const triggerState: TriggerStatusState = useMemo(() => {

package/src/containers/index.ts

@@ -6,13 +6,12 @@ import { type ComponentType, lazy } from 'react';
 
 export const AgentArticle: ComponentType<any> = lazy(() => import('./AgentArticle'));
 export const AgentProperties: ComponentType<any> = lazy(() => import('./AgentProperties'));
-export const BlueprintArticle: ComponentType<any> = lazy(() => import('./BlueprintArticle'));
+export const AssistantSettings: ComponentType<any> = lazy(() => import('./AssistantSettings'));
 export const ChatCompanion: ComponentType<any> = lazy(() => import('./ChatCompanion'));
 export const ChatArticle: ComponentType<any> = lazy(() => import('./ChatArticle'));
 export const ChatDialog: ComponentType<any> = lazy(() => import('./ChatDialog'));
+export const IntegrationPrompt: ComponentType<any> = lazy(() => import('./IntegrationPrompt'));
 export const PlanArticle: ComponentType<any> = lazy(() => import('./PlanArticle'));
-export const RoutineArticle: ComponentType<any> = lazy(() => import('./RoutineArticle'));
-export const RoutineList: ComponentType<any> = lazy(() => import('./RoutineList'));
 export const SpaceHomePrompt: ComponentType<any> = lazy(() => import('./SpaceHomePrompt'));
 export const SpaceHomeSuggestions: ComponentType<any> = lazy(() => import('./SpaceHomeSuggestions'));
 export const TracePanel: ComponentType<any> = lazy(() => import('./TracePanel'));

package/src/execution-graph/SPEC.md

@@ -392,7 +392,7 @@ process in `activeProcesses` (`execution-graph.ts#L397`):
 When **all** of:
 
 - `process.key === AGENT_PROCESS_KEY` (`'org.dxos.testing.process.agent'`),
-- `process.params.target` is truthy,
+- `process.params.annotations` carries a `Process.TargetAnnotation` value,
 - `process.state ∈ { RUNNING, HYBERNATING }`,
 
 emit: