@dxos/plugin-automation 0.7.4 → 0.7.5-labs.a279d8c

package/src/artifacts.stories.tsx

@@ -0,0 +1,180 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type Meta } from '@storybook/react';
+import React, { useMemo, useState } from 'react';
+
+import { Capabilities, Surface, useCapabilities } from '@dxos/app-framework';
+import { withPluginManager } from '@dxos/app-framework/testing';
+import { type Tool, type Message } from '@dxos/artifact';
+import { type ArtifactsContext, capabilities, genericTools, localServiceEndpoints } from '@dxos/artifact-testing';
+import { AIServiceClientImpl } from '@dxos/assistant';
+import { create } from '@dxos/client/echo';
+import { createStatic, ObjectId } from '@dxos/echo-schema';
+import { EdgeHttpClient } from '@dxos/edge-client';
+import { DXN, QueueSubspaceTags, SpaceId } from '@dxos/keys';
+import { ChessPlugin } from '@dxos/plugin-chess';
+import { ChessType } from '@dxos/plugin-chess/types';
+import { MapPlugin } from '@dxos/plugin-map';
+import { useQueue } from '@dxos/react-edge-client';
+import { IconButton, Input, Toolbar } from '@dxos/react-ui';
+import { mx } from '@dxos/react-ui-theme';
+import { withLayout, withSignals, withTheme } from '@dxos/storybook-utils';
+
+import { Thread } from './components';
+import { ChatProcessor } from './hooks';
+import { createProcessorOptions } from './testing';
+
+const endpoints = localServiceEndpoints;
+
+type RenderProps = {
+  items?: ArtifactsContext['items']; // TODO(burdon): Typedef.
+};
+
+const Render = ({ items: _items }: RenderProps) => {
+  const artifactDefinitions = useCapabilities(Capabilities.ArtifactDefinition);
+
+  // Configuration.
+  const tools = useMemo<Tool[]>(
+    () => [
+      // prettier-ignore
+      ...genericTools,
+      ...artifactDefinitions.flatMap((definition) => definition.tools),
+    ],
+    [genericTools, artifactDefinitions],
+  );
+
+  // TODO(burdon): Common naming/packaging.
+  const [edgeClient] = useState(() => new EdgeHttpClient(endpoints.edge));
+  const [aiClient] = useState(() => new AIServiceClientImpl({ endpoint: endpoints.ai }));
+
+  // Queue.
+  const [queueDxn, setQueueDxn] = useState(() => randomQueueDxn());
+  const queue = useQueue<Message>(edgeClient, DXN.parse(queueDxn, true));
+
+  // Artifacts.
+  // TODO(burdon): Factor out class.
+  const [artifactsContext] = useState(() =>
+    create<ArtifactsContext>({
+      items: _items ?? [],
+      getArtifacts() {
+        return this.items;
+      },
+      addArtifact(artifact) {
+        this.items.push(artifact);
+      },
+    }),
+  );
+
+  // TODO(burdon): Create hook.
+  const processor = useMemo(
+    () =>
+      new ChatProcessor(
+        aiClient,
+        tools,
+        { artifacts: artifactsContext },
+        createProcessorOptions(artifactDefinitions.map((definition) => definition.instructions)),
+      ),
+    [aiClient, tools, artifactsContext, artifactDefinitions],
+  );
+
+  // State.
+  const artifactItems = artifactsContext.items.toReversed();
+  const messages = [...queue.items, ...processor.messages.value];
+
+  const handleSubmit = async (message: string) => {
+    // TODO(burdon): Button to cancel. Otherwise queue request.
+    if (processor.isStreaming) {
+      await processor.cancel();
+    }
+
+    const messages = await processor.request(message, queue.items);
+    // TODO(burdon): Append on success only? If approved by user? Clinet/server.
+    queue.append(messages);
+  };
+
+  return (
+    <div className='grid grid-cols-2 w-full h-full divide-x divide-separator overflow-hidden'>
+      {/* Thread */}
+      <div className='flex flex-col gap-4 overflow-hidden'>
+        <Toolbar.Root classNames='p-2'>
+          <Input.Root>
+            <Input.TextInput
+              spellCheck={false}
+              placeholder='Queue DXN'
+              value={queueDxn}
+              onClick={() => setQueueDxn('')}
+              onChange={(ev) => setQueueDxn(ev.target.value)}
+            />
+            <IconButton
+              iconOnly
+              label='Copy DXN'
+              icon='ph--copy--regular'
+              onClick={() => navigator.clipboard.writeText(queueDxn)}
+            />
+            <IconButton
+              iconOnly
+              label='Clear history'
+              icon='ph--trash--regular'
+              onClick={() => setQueueDxn(randomQueueDxn())}
+            />
+            <IconButton iconOnly label='Stop' icon='ph--stop--regular' onClick={() => processor.cancel()} />
+          </Input.Root>
+        </Toolbar.Root>
+
+        <Thread messages={messages} streaming={processor.isStreaming.value} onSubmit={handleSubmit} />
+      </div>
+
+      {/* Artifacts Deck/Mosaic */}
+      <div className='overflow-hidden grid grid-rows-[2fr_1fr] divide-y divide-separator'>
+        {artifactItems.length > 0 && (
+          <div className={mx('flex grow overflow-hidden', artifactItems.length === 1 && 'row-span-2')}>
+            <Surface role='canvas-node' limit={1} data={artifactItems[0]} />
+          </div>
+        )}
+
+        {artifactItems.length > 1 && (
+          <div className='flex shrink-0 overflow-hidden divide-x divide-separator'>
+            <div className='flex flex-1 h-full'>
+              {artifactItems.slice(1, 3).map((item, idx) => (
+                <Surface key={idx} role='canvas-node' limit={1} data={item} />
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+const randomQueueDxn = () =>
+  new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, SpaceId.random(), ObjectId.random()]).toString();
+
+const meta: Meta<typeof Render> = {
+  title: 'plugins/plugin-automation/artifacts',
+  render: Render,
+  decorators: [
+    //
+    withSignals,
+    withTheme,
+    withLayout({ fullscreen: true, tooltips: true }),
+    withPluginManager({ plugins: [ChessPlugin(), MapPlugin()], capabilities }),
+  ],
+};
+
+export default meta;
+
+export const Default = {};
+
+export const WithInitialItems = {
+  args: {
+    items: [
+      createStatic(ChessType, {
+        fen: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1',
+      }),
+    ],
+  },
+};

package/src/capabilities/ai-client.ts

@@ -0,0 +1,19 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes, type PluginsContext } from '@dxos/app-framework';
+import { AIServiceClientImpl } from '@dxos/assistant';
+import { ClientCapabilities } from '@dxos/plugin-client';
+
+import { AutomationCapabilities } from './capabilities';
+
+// TODO(wittjosiah): Factor out.
+const DEFAULT_AI_SERVICE_URL = 'http://localhost:8788';
+
+export default (context: PluginsContext) => {
+  const client = context.requestCapability(ClientCapabilities.Client);
+  const endpoint = client.config.values.runtime?.app?.env?.DX_AI_SERVICE_URL ?? DEFAULT_AI_SERVICE_URL;
+  const aiClient = new AIServiceClientImpl({ endpoint });
+  return contributes(AutomationCapabilities.AiClient, aiClient);
+};

package/src/capabilities/app-graph-builder.ts

@@ -0,0 +1,127 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
+import { ClientCapabilities } from '@dxos/plugin-client';
+import { createExtension, toSignal } from '@dxos/plugin-graph';
+import { memoizeQuery } from '@dxos/plugin-space';
+import { getTypename, parseId, SpaceState } from '@dxos/react-client/echo';
+
+import { AUTOMATION_PLUGIN } from '../meta';
+
+export default (context: PluginsContext) => {
+  const resolve = (typename: string) =>
+    context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};
+
+  return contributes(Capabilities.AppGraphBuilder, [
+    createExtension({
+      id: `${AUTOMATION_PLUGIN}/automation-for-subject`,
+      resolver: ({ id }) => {
+        if (!id.endsWith('~automation')) {
+          return;
+        }
+
+        const type = 'orphan-settings-for-subject';
+        const icon = 'ph--magic-wand--regular';
+
+        const client = context.requestCapability(ClientCapabilities.Client);
+        const [subjectId] = id.split('~');
+        const { spaceId, objectId } = parseId(subjectId);
+        const spaces = toSignal(
+          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
+          () => client.spaces.get(),
+        );
+        const space = spaces?.find((space) => space.id === spaceId && space.state.get() === SpaceState.SPACE_READY);
+        if (!objectId) {
+          // TODO(burdon): Ref SPACE_PLUGIN ns.
+          const label = space
+            ? space.properties.name || ['unnamed space label', { ns: AUTOMATION_PLUGIN }]
+            : ['unnamed object settings label', { ns: AUTOMATION_PLUGIN }];
+
+          // TODO(wittjosiah): Support comments for arbitrary subjects.
+          //   This is to ensure that the comments panel is not stuck on an old object.
+          return {
+            id,
+            type,
+            data: null,
+            properties: {
+              icon,
+              label,
+              showResolvedThreads: false,
+              object: null,
+              space,
+            },
+          };
+        }
+
+        const [object] = memoizeQuery(space, { id: objectId });
+        if (!object || !subjectId) {
+          return;
+        }
+
+        const meta = resolve(getTypename(object) ?? '');
+        const label = meta.label?.(object) ||
+          object.name ||
+          meta.placeholder || ['unnamed object settings label', { ns: AUTOMATION_PLUGIN }];
+
+        return {
+          id,
+          type,
+          data: null,
+          properties: {
+            icon,
+            label,
+            object,
+          },
+        };
+      },
+    }),
+    createExtension({
+      id: `${AUTOMATION_PLUGIN}/assistant-for-subject`,
+      resolver: ({ id }) => {
+        // TODO(Zan): Find util (or make one). Effect schema!!
+        if (!id.endsWith('~assistant')) {
+          return;
+        }
+
+        const client = context.requestCapability(ClientCapabilities.Client);
+        const [subjectId] = id.split('~');
+        const { spaceId, objectId } = parseId(subjectId);
+        const spaces = toSignal(
+          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,
+          () => client.spaces.get(),
+        );
+        const space = spaces?.find((space) => space.id === spaceId && space.state.get() === SpaceState.SPACE_READY);
+        if (!objectId) {
+          // TODO(wittjosiah): Support assistant for arbitrary subjects.
+          //   This is to ensure that the assistant panel is not stuck on an old object.
+          return {
+            id,
+            type: 'orphan-automation-for-subject',
+            data: null,
+            properties: {
+              icon: 'ph--atom--regular',
+              label: ['assistant panel label', { ns: AUTOMATION_PLUGIN }],
+              object: null,
+              space,
+            },
+          };
+        }
+
+        const [object] = memoizeQuery(space, { id: objectId });
+
+        return {
+          id,
+          type: 'orphan-automation-for-subject',
+          data: null,
+          properties: {
+            icon: 'ph--atom--regular',
+            label: ['assistant panel label', { ns: AUTOMATION_PLUGIN }],
+            object,
+          },
+        };
+      },
+    }),
+  ]);
+};

package/src/capabilities/capabilities.ts

@@ -0,0 +1,12 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { defineCapability } from '@dxos/app-framework';
+import { type AIServiceClientImpl } from '@dxos/assistant';
+
+import { AUTOMATION_PLUGIN } from '../meta';
+
+export namespace AutomationCapabilities {
+  export const AiClient = defineCapability<AIServiceClientImpl>(`${AUTOMATION_PLUGIN}/capability/ai-client`);
+}

package/src/capabilities/index.ts

@@ -0,0 +1,12 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { lazy } from '@dxos/app-framework';
+
+export const AiClient = lazy(() => import('./ai-client'));
+export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
+export const IntentResolver = lazy(() => import('./intent-resolver'));
+export const ReactSurface = lazy(() => import('./react-surface'));
+
+export * from './capabilities';

package/src/capabilities/intent-resolver.ts

@@ -0,0 +1,22 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes, createResolver } from '@dxos/app-framework';
+import { ObjectId } from '@dxos/echo-schema';
+import { create, makeRef } from '@dxos/live-object';
+
+import { AutomationAction, GptChatType } from '../types';
+
+export default () =>
+  contributes(
+    Capabilities.IntentResolver,
+    createResolver(AutomationAction.Create, ({ name }) => ({
+      data: {
+        object: create(GptChatType, {
+          name,
+          queue: makeRef({ id: ObjectId.random() }), // new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, SpaceId.random(), ObjectId.random()]).toString(),
+        }),
+      },
+    })),
+  );

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,34 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
+import { getSpace, isEchoObject, type ReactiveEchoObject } from '@dxos/react-client/echo';
+
+import { AssistantPanel, AutomationPanel, ChatContainer } from '../components';
+import { AUTOMATION_PLUGIN } from '../meta';
+import { GptChatType } from '../types';
+
+export default () =>
+  contributes(Capabilities.ReactSurface, [
+    createSurface({
+      id: `${AUTOMATION_PLUGIN}/assistant`,
+      role: 'complementary--assistant',
+      component: ({ data }) => <AssistantPanel subject={data.subject} />,
+    }),
+    createSurface({
+      id: `${AUTOMATION_PLUGIN}/automation`,
+      role: 'complementary--automation',
+      filter: (data): data is { subject: ReactiveEchoObject<any> } =>
+        isEchoObject(data.subject) && !!getSpace(data.subject),
+      component: ({ data }) => <AutomationPanel space={getSpace(data.subject)!} object={data.subject} />,
+    }),
+    createSurface({
+      id: `${AUTOMATION_PLUGIN}/gpt-chat`,
+      role: 'article',
+      filter: (data): data is { subject: GptChatType } => data.subject instanceof GptChatType,
+      component: ({ data, role }) => <ChatContainer role={role} chat={data.subject} />,
+    }),
+  ]);

package/src/components/AssistantPanel/AssistantPanel.tsx

@@ -6,8 +6,10 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 
-import { type AIServiceClient, AIServiceClientImpl, ObjectId, type Message } from '@dxos/assistant';
+import { type Message } from '@dxos/artifact';
+import { type AIServiceClient, AIServiceClientImpl } from '@dxos/assistant';
 import type { ReactiveEchoObject } from '@dxos/echo-db';
+import { ObjectId } from '@dxos/echo-schema';
 import { SpaceId } from '@dxos/keys';
 import { useClient, useConfig } from '@dxos/react-client';
 import { ContextMenu, type ThemedClassName } from '@dxos/react-ui';
@@ -58,13 +60,13 @@ export const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) =>
       setContextSpaceId(contextSpaceId);
       setThreadId(threadId);
 
-      const messages = await aiClient.current!.getMessagesInThread(contextSpaceId, threadId);
+      const messages = await aiClient.current!.getMessages(contextSpaceId, threadId);
       setHistory(messages);
     });
   }, []);
 
   const handleRequest = async (input: string) => {
-    if (input === '') {
+    if (!aiClient.current || input === '') {
       return;
     }
 
@@ -78,10 +80,10 @@ export const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) =>
       role: 'user',
       content: [{ type: 'text', text: input }],
     };
-    await aiClient.current!.insertMessages([userMessage]);
+    await aiClient.current.appendMessages([userMessage]);
     setHistory([...history, userMessage]);
 
-    const generationStream = await aiClient.current!.generate({
+    const generationStream = await aiClient.current.generate({
       model: '@anthropic/claude-3-5-sonnet-20241022',
       spaceId: contextSpaceId!,
       threadId: threadId!,
@@ -94,7 +96,7 @@ export const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) =>
       setHistory([...historyBefore, ...generationStream.accumulatedMessages]);
     }
 
-    await aiClient.current!.insertMessages(await generationStream.complete());
+    await aiClient.current!.appendMessages(await generationStream.complete());
   };
 
   const getSystemPrompt = async () => {
@@ -114,7 +116,7 @@ export const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) =>
     // setContextSpaceId(contextSpaceId);
     setThreadId(threadId);
 
-    const messages = await aiClient.current!.getMessagesInThread(contextSpaceId!, threadId);
+    const messages = await aiClient.current!.getMessages(contextSpaceId!, threadId);
     setHistory(messages);
   };
 
@@ -146,7 +148,7 @@ export const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) =>
             </Toolbar.Button>
           </ContextMenu.Trigger>
           <ContextMenu.Portal>
-            <ContextMenu.Content classNames='z-[31]'>
+            <ContextMenu.Content>
               <ContextMenu.Viewport>
                 <ContextMenu.Item onClick={clearThread}>Clear thread</ContextMenu.Item>
                 <ContextMenu.Item onClick={async () => console.log(await getSystemPrompt())}>

package/src/components/AutomationPanel/AutomationPanel.stories.tsx

@@ -7,8 +7,7 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React from 'react';
 
-import { FunctionTrigger } from '@dxos/functions';
-import { FunctionType } from '@dxos/plugin-script/types';
+import { FunctionType, FunctionTrigger } from '@dxos/functions';
 import { create, useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';

package/src/components/AutomationPanel/AutomationPanel.tsx

@@ -5,8 +5,14 @@
 import React, { useState } from 'react';
 
 import { S } from '@dxos/echo-schema';
-import { FunctionTriggerSchema, FunctionTrigger, type FunctionTriggerType } from '@dxos/functions';
-import { FunctionType, ScriptType } from '@dxos/plugin-script';
+import {
+  FunctionType,
+  FunctionTrigger,
+  FunctionTriggerSchema,
+  TriggerKind,
+  type FunctionTriggerType,
+  ScriptType,
+} from '@dxos/functions';
 import { type Client, useClient } from '@dxos/react-client';
 import { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';
 import { IconButton, Input, useTranslation, Button } from '@dxos/react-ui';
@@ -24,7 +30,7 @@ export type AutomationPanelProps = {
 };
 
 // TODO(burdon): Factor out common layout with ViewEditor.
-export const AutomationPanel = ({ space }: AutomationPanelProps) => {
+export const AutomationPanel = ({ space, object }: AutomationPanelProps) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
   const client = useClient();
   const triggers = useQuery(space, Filter.schema(FunctionTrigger));
@@ -41,7 +47,7 @@ export const AutomationPanel = ({ space }: AutomationPanelProps) => {
   };
 
   const handleAdd = () => {
-    setTrigger(create(FunctionTriggerSchema, {}));
+    setTrigger(create(FunctionTriggerSchema, { meta: {} }));
     setSelected(undefined);
   };
 
@@ -71,43 +77,46 @@ export const AutomationPanel = ({ space }: AutomationPanelProps) => {
       <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>
         {({ items: triggers }) => (
           <div role='list' className='flex flex-col w-full'>
-            {triggers?.map((trigger) => (
-              <List.Item<FunctionTrigger>
-                key={trigger.id}
-                item={trigger}
-                classNames={mx(grid, ghostHover, 'items-center')}
-              >
-                <Input.Root>
-                  <Input.Switch checked={trigger.enabled} onCheckedChange={(checked) => (trigger.enabled = checked)} />
-                </Input.Root>
-
-                <div className={'flex'}>
-                  <List.ItemTitle classNames='px-2 cursor-pointer w-0 shrink' onClick={() => handleSelect(trigger)}>
-                    {getFunctionName(scripts, functions, trigger)}
-                  </List.ItemTitle>
-
-                  {/* TODO: a better way to expose URL copy action */}
-                  <Button onClick={() => navigator.clipboard.writeText(getWebhookUrl(client, trigger))}>
-                    Copy URL
-                  </Button>
-                </div>
-
-                <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
-              </List.Item>
-            ))}
+            {triggers?.map((trigger) => {
+              const copyAction = getCopyAction(client, trigger);
+              return (
+                <List.Item<FunctionTrigger>
+                  key={trigger.id}
+                  item={trigger}
+                  classNames={mx(grid, ghostHover, 'items-center', 'px-2')}
+                >
+                  <Input.Root>
+                    <Input.Switch
+                      checked={trigger.enabled}
+                      onCheckedChange={(checked) => (trigger.enabled = checked)}
+                    />
+                  </Input.Root>
+
+                  <div className={'flex'}>
+                    <List.ItemTitle
+                      classNames='px-1 cursor-pointer w-0 shrink truncate'
+                      onClick={() => handleSelect(trigger)}
+                    >
+                      {getFunctionName(scripts, functions, trigger) ?? '∅'}
+                    </List.ItemTitle>
+
+                    {/* TODO: a better way to expose copy action */}
+                    {copyAction && (
+                      <Button onClick={() => navigator.clipboard.writeText(copyAction.contentProvider())}>
+                        {t(copyAction.translationKey)}
+                      </Button>
+                    )}
+                  </div>
+
+                  <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
+                </List.Item>
+              );
+            })}
           </div>
         )}
       </List.Root>
 
-      {trigger && (
-        <TriggerEditor
-          space={space}
-          storedTrigger={selected}
-          trigger={trigger}
-          onSave={handleSave}
-          onCancel={handleCancel}
-        />
-      )}
+      {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}
 
       {!trigger && (
         <div className='flex p-2 justify-center'>
@@ -118,6 +127,18 @@ export const AutomationPanel = ({ space }: AutomationPanelProps) => {
   );
 };
 
+const getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {
+  if (trigger?.spec?.type === TriggerKind.Email) {
+    return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };
+  }
+
+  if (trigger?.spec?.type === TriggerKind.Webhook) {
+    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };
+  }
+
+  return undefined;
+};
+
 const getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {
   const spaceId = getSpace(trigger)!.id;
   const edgeUrl = new URL(client.config.values.runtime!.services!.edge!.url!);
@@ -127,9 +148,10 @@ const getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {
 };
 
 const getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {
+  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;
   const functionObject = functions.find((fn) => fn.name === trigger.function);
   if (!functionObject) {
-    return trigger.function;
+    return shortId;
   }
-  return scripts.find((s) => functionObject.source?.id === s.id)?.name ?? functionObject.name;
+  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
 };