@dxos/plugin-script 0.7.5-labs.ff2ff30 → 0.7.5-main.5ae2ba8

package/src/capabilities/{artifact.ts → artifact-definition.ts}

@@ -8,10 +8,11 @@ import { createArtifactElement } from '@dxos/assistant';
 import { ObjectId, S } from '@dxos/echo-schema';
 import { ScriptType } from '@dxos/functions';
 import { invariant } from '@dxos/invariant';
+import { SpaceAction } from '@dxos/plugin-space/types';
 import { create, makeRef, type Space } from '@dxos/react-client/echo';
 import { TextType } from '@dxos/schema';
-import { SpaceAction } from '@dxos/plugin-space/types';
 
+import { meta } from '../meta';
 // TODO(burdon): Factor out.
 declare global {
   interface ToolContextExtensions {
@@ -22,10 +23,11 @@ declare global {
 
 export default () => {
   const definition = defineArtifact({
-    id: 'plugin-script',
+    id: meta.id,
+    name: meta.name,
     // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,
-    //                   we should offload the work of synthesizing the code to a separate model.
-    //                   The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.
+    //  we should offload the work of synthesizing the code to a separate model.
+    //  The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.
     instructions: `
       If the user explicitly requests you to write a script, you can create one.
       If the user requests you to change one of the existing script, you can update it.
@@ -136,9 +138,10 @@ export default () => {
   `,
     schema: ScriptType,
     tools: [
-      defineTool({
-        name: 'script_new',
+      defineTool(meta.id, {
+        name: 'create',
         description: 'Create a new script. Returns the artifact definition for the script',
+        caption: 'Creating script...',
         schema: S.Struct({
           name: S.String.annotations({ description: 'The name of the script' }),
           code: S.String.annotations({
@@ -168,9 +171,10 @@ export default () => {
           return ToolResult.Success(createArtifactElement(script.id));
         },
       }),
-      defineTool({
-        name: 'script_inspect',
+      defineTool(meta.id, {
+        name: 'inspect',
         description: 'Inspect a script. Returns the artifact definition for the script',
+        caption: 'Inspecting script...',
         schema: S.Struct({
           id: ObjectId,
         }),
@@ -186,9 +190,10 @@ export default () => {
           });
         },
       }),
-      defineTool({
-        name: 'script_update',
+      defineTool(meta.id, {
+        name: 'update',
         description: 'Update a script. Returns the artifact definition for the script',
+        caption: 'Updating script...',
         schema: S.Struct({
           id: ObjectId,
           code: S.String.annotations({

package/src/capabilities/index.ts

@@ -8,6 +8,6 @@ export const Compiler = lazy(() => import('./compiler'));
 export const IntentResolver = lazy(() => import('./intent-resolver'));
 export const ReactSurface = lazy(() => import('./react-surface'));
 export const ScriptSettings = lazy(() => import('./settings'));
-export const Artifact = lazy(() => import('./artifact'));
+export const ArtifactDefinition = lazy(() => import('./artifact-definition'));
 
 export * from './capabilities';

package/src/capabilities/react-surface.tsx

@@ -10,7 +10,8 @@ import { SettingsStore } from '@dxos/local-storage';
 import { Clipboard } from '@dxos/react-ui';
 
 import { ScriptCapabilities } from './capabilities';
-import { AutomationPanel, ScriptSettings, ScriptContainer, ScriptSettingsPanel } from '../components';
+import { DebugPanel, ScriptSettings, ScriptContainer, ScriptSettingsPanel } from '../components';
+import { useDeployState, useToolbarState } from '../hooks';
 import { SCRIPT_PLUGIN } from '../meta';
 import { type ScriptSettingsProps } from '../types';
 
@@ -36,10 +37,15 @@ export default () =>
     }),
     createSurface({
       id: `${SCRIPT_PLUGIN}/automation`,
-      role: 'complementary--automation',
+      role: 'complementary--function',
       position: 'hoist',
       filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,
-      component: ({ data }) => <AutomationPanel subject={data.subject} />,
+      component: ({ data }) => {
+        // TODO(wittjosiah): Decouple hooks from toolbar state.
+        const state = useToolbarState({ view: 'editor' });
+        useDeployState({ state, script: data.subject });
+        return <DebugPanel functionUrl={state.functionUrl} />;
+      },
     }),
     createSurface({
       id: `${SCRIPT_PLUGIN}/settings-panel`,

package/src/components/DebugPanel/DebugPanel.tsx

@@ -7,7 +7,7 @@ import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { log } from '@dxos/log';
 import { Avatar, Icon, Input, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
-import { mx } from '@dxos/react-ui-theme';
+import { errorText, mx } from '@dxos/react-ui-theme';
 
 import { SCRIPT_PLUGIN } from '../../meta';
 
@@ -232,7 +232,7 @@ const MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message
   const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';
   return (
     <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>
-      {error && <div className={mx(wrapper, 'whitespace-pre text-error')}>{String(error)}</div>}
+      {error && <div className={mx(wrapper, 'whitespace-pre', errorText)}>{String(error)}</div>}
 
       {text !== undefined && (
         <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>

package/src/components/FrameContainer/FrameContainer.tsx

@@ -59,7 +59,7 @@ export const FrameContainer = ({ containerUrl, result, debug = true }: FrameCont
           <div
             className={mx(
               baseSurface,
-              'flex absolute right-2 bottom-2 w-[400px] h-[200px] ring rounded',
+              'flex absolute right-2 bottom-2 w-[30rem] h-[200px] ring rounded',
               'z-20 overflow-x-hidden overflow-y-auto',
             )}
           >

package/src/components/TypescriptEditor/TypescriptEditor.tsx

@@ -27,7 +27,7 @@ import {
   useTextEditor,
   type UseTextEditorProps,
 } from '@dxos/react-ui-editor';
-import { nonNullable } from '@dxos/util';
+import { isNonNullable } from '@dxos/util';
 
 export type TypescriptEditorProps = {
   id: string;
@@ -94,7 +94,7 @@ export const TypescriptEditor = ({
               ]
             : [],
         ],
-      ].filter(nonNullable),
+      ].filter(isNonNullable),
       selection,
       scrollTo,
     }),

package/src/components/index.ts

@@ -4,8 +4,8 @@
 
 import { lazy } from 'react';
 
+export * from './DebugPanel';
 export * from './ScriptSettings';
 export * from './ScriptSettingsPanel';
 
-export const AutomationPanel = lazy(() => import('./AutomationPanel'));
 export const ScriptContainer = lazy(() => import('./ScriptContainer'));

package/src/events.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { defineEvent } from '@dxos/app-framework';
+
+import { SCRIPT_PLUGIN } from './meta';
+
+export namespace ScriptEvents {
+  export const SetupCompiler = defineEvent(`${SCRIPT_PLUGIN}/event/setup-compiler`);
+}

package/src/hooks/deploy.ts

@@ -6,10 +6,10 @@ import { useCallback, useEffect, useMemo } from 'react';
 
 import {
   FunctionType,
+  type ScriptType,
   getInvocationUrl,
   getUserFunctionUrlInMetadata,
   incrementSemverPatch,
-  type ScriptType,
   setUserFunctionUrlInMetadata,
   uploadWorkerFunction,
 } from '@dxos/functions';

package/src/hooks/view.ts

@@ -6,7 +6,8 @@ import { createMenuAction, createMenuItemGroup } from '@dxos/react-ui-menu';
 
 import { SCRIPT_PLUGIN } from '../meta';
 
-export type ViewType = 'editor' | 'split' | 'debug';
+// TODO(wittjosiah): Replace debug with logs.
+export type ViewType = 'editor' | 'split' | 'debug'; // 'logs';
 
 export type ViewState = { view: ViewType };
 
@@ -16,6 +17,8 @@ const views: Record<ViewType, string> = {
   editor: 'ph--code--regular',
   split: 'ph--square-split-vertical--regular',
   debug: 'ph--bug--regular',
+  // TODO(wittjosiah): Replace debug with logs.
+  // logs: 'ph--clock-counter-clockwise--regular',
 };
 
 const createViewGroupItem = (state: Partial<ViewState>) => {

package/src/templates/chat.ts

@@ -57,11 +57,11 @@ export default async ({
   let prompt = promptObject.template;
   for (const input of promptObject.inputs) {
     let value: string | null = null;
-    if (input.type === ChainInputType.VALUE) {
+    if (input.type === TemplateInputType.VALUE) {
       value = String(input.value);
-    } else if (input.type === ChainInputType.RETRIEVER) {
+    } else if (input.type === TemplateInputType.RETRIEVER) {
       value = await getContext({ space });
-    } else if (input.type === ChainInputType.PASS_THROUGH) {
+    } else if (input.type === TemplateInputType.PASS_THROUGH) {
       value = message.text;
     }
     if (value) {
@@ -90,7 +90,7 @@ const getContext = async ({ space }: any) => {
   return context;
 };
 
-enum ChainInputType {
+enum TemplateInputType {
   VALUE = 0,
   PASS_THROUGH = 1,
   RETRIEVER = 2,

package/src/templates/chess.ts

@@ -1,41 +1,48 @@
-//
-// Copyright 2024 DXOS.org
-//
-
+// @ts-ignore
+import { defineFunction, S } from 'dxos:functions';
 // @ts-ignore
 import { Chess } from 'https://esm.sh/chess.js@0.13.1';
 
-/**
- * Plays a random move in a chess game.
- */
-export default async ({
-  event: {
-    data: { request },
-  },
-  context: { space },
-}: any) => {
-  const {
-    data: {
-      objects: [gameId],
-      player = 'b',
-    },
-  } = await request.json();
+export default defineFunction({
+  description: 'Plays a random move in a chess game.',
 
-  const { pgn } = await space.crud.query({ id: gameId }).first();
-  const game = new Chess();
-  game.load_pgn(pgn);
-  if (game.turn() !== player) {
-    return new Response('Invalid turn', { status: 409 });
-  }
+  inputSchema: S.Struct({
+    changedObjectId: S.String.annotations({
+      description: 'The objects to play the game on.',
+    }),
+    player: S.optional(S.Literal('w', 'b')).annotations({
+      description: 'The player to play the game as.',
+    }),
+  }),
 
-  const moves = game.moves();
-  const move = moves[Math.floor(Math.random() * moves.length)];
-  if (!move) {
-    return new Response('No legal moves', { status: 406 });
-  }
+  outputSchema: S.Struct({
+    state: S.String.annotations({
+      description: 'The state of the game as an ASCII art board.',
+    }),
+  }),
 
-  game.move(move);
-  const newPgn = game.pgn();
-  await space.crud.update({ id: gameId }, { pgn: newPgn });
-  return new Response(game.ascii());
-};
+  handler: async ({
+    event: {
+      data: { changedObjectId, player = 'b' },
+    },
+    context: { space },
+  }: any) => {
+    const { pgn } = await space.db.query({ id: changedObjectId }).first();
+    const game = new Chess();
+    game.load_pgn(pgn);
+    if (game.turn() !== player) {
+      return new Response('Invalid turn', { status: 409 });
+    }
+
+    const moves = game.moves();
+    const move = moves[Math.floor(Math.random() * moves.length)];
+    if (!move) {
+      return new Response('No legal moves', { status: 406 });
+    }
+
+    game.move(move);
+    const newPgn = game.pgn();
+    await space.db.update({ id: changedObjectId }, { pgn: newPgn, fen: game.fen() });
+    return { state: game.ascii() };
+  },
+});

package/src/templates/discord.ts

@@ -0,0 +1,103 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @ts-ignore
+import { createStatic, EchoObject, defineFunction, DXN, Filter, ObjectId, S } from 'dxos:functions';
+import {
+  FetchHttpClient,
+  // @ts-ignore
+} from 'https://esm.sh/@effect/platform@0.77.2?deps=effect@3.13.3';
+// @ts-ignore
+import { DiscordConfig, DiscordREST, DiscordRESTMemoryLive } from 'https://esm.sh/dfx@0.113.0?deps=effect@3.13.3';
+// @ts-ignore
+import { Effect, Config, Redacted, Ref } from 'https://esm.sh/effect@3.13.3';
+
+const MessageSchema = S.Struct({
+  id: S.String,
+  foreignId: S.Any, // bigint?
+  from: S.String,
+  created: S.String,
+  content: S.String,
+}).pipe(EchoObject('example.com/type/Message', '0.1.0'));
+
+const DEFAULT_AFTER = 1704067200; // 2024-01-01
+
+const generateSnowflake = (unixTimestamp: number): bigint => {
+  const discordEpoch = 1420070400000n; // Discord Epoch (ms)
+  return (BigInt(unixTimestamp * 1000) - discordEpoch) << 22n;
+};
+
+export default defineFunction({
+  inputSchema: S.Struct({
+    // TODO(wittjosiah): Remove. This is used to provide a terminal for a cron trigger.
+    tick: S.optional(S.String),
+    channelId: S.String,
+    after: S.optional(S.Number),
+    pageSize: S.optional(S.Number),
+    queueId: S.String,
+  }),
+
+  outputSchema: S.Struct({
+    newMessages: S.Number,
+  }),
+
+  handler: ({
+    event: {
+      data: { channelId, queueId, after = DEFAULT_AFTER, pageSize = 5 },
+    },
+    context: { space },
+  }: any) =>
+    Effect.gen(function* () {
+      const { token } = yield* Effect.tryPromise(() =>
+        space.db.query(Filter.typename('dxos.org/type/AccessToken', { source: 'discord.com' })).first(),
+      );
+      const { objects } = yield* Effect.tryPromise(() => space.queues.queryQueue(DXN.parse(queueId)));
+      const backfill = objects.length === 0;
+      const newMessages = yield* Ref.make(0);
+      const lastMessage = yield* Ref.make(objects.at(-1));
+
+      const enqueueMessages = Effect.gen(function* () {
+        const rest = yield* DiscordREST;
+
+        while (true) {
+          const last = yield* Ref.get(lastMessage);
+          const options = {
+            after: backfill && !last ? `${generateSnowflake(after)}` : last?.foreignId,
+            limit: pageSize,
+          };
+          const messages = yield* rest.getChannelMessages(channelId, options).pipe((res: any) => res.json);
+          const queueMessages = messages
+            .map((message: any) =>
+              createStatic(MessageSchema, {
+                id: ObjectId.random(),
+                foreignId: message.id,
+                from: message.author.username,
+                created: message.timestamp,
+                content: message.content,
+              }),
+            )
+            .toReversed();
+          if (queueMessages.length > 0) {
+            yield* Effect.tryPromise(() => space.queues.insertIntoQueue(DXN.parse(queueId), queueMessages));
+            yield* Ref.update(newMessages, (n: any) => n + queueMessages.length);
+            yield* Ref.update(lastMessage, (m: any) => queueMessages.at(-1));
+          }
+          if (messages.length < pageSize) {
+            break;
+          }
+        }
+      }).pipe(
+        Effect.provide(DiscordRESTMemoryLive),
+        Effect.provide(
+          DiscordConfig.layerConfig({
+            token: Config.succeed(Redacted.make(token)),
+          }),
+        ),
+        Effect.provide(FetchHttpClient.layer),
+      );
+
+      yield* enqueueMessages;
+      return { newMessages: yield* Ref.get(newMessages) };
+    }),
+});

package/src/templates/forex-effect.ts

@@ -7,36 +7,35 @@ import { defineFunction, S } from 'dxos:functions';
 import {
   HttpClient,
   HttpClientRequest,
-  HttpClientResponse,
-  HttpClientError,
+  FetchHttpClient,
   // @ts-ignore
-} from 'https://esm.sh/@effect/platform@0.61.0?deps=effect@3.6.0';
+} from 'https://esm.sh/@effect/platform@0.77.2?deps=effect@3.13.3';
 // @ts-ignore
-import type { Cause } from 'https://esm.sh/effect@3.6.0';
-// @ts-ignore
-import { Effect, Schedule } from 'https://esm.sh/effect@3.6.0';
+import { Effect, Schedule } from 'https://esm.sh/effect@3.13.3';
 
-/**
- * Returns the exchange rate between two currencies.
- */
 export default defineFunction({
+  description: 'Returns the exchange rate between two currencies.',
+
   inputSchema: S.Struct({
     from: S.String.annotations({ description: 'The source currency' }),
     to: S.String.annotations({ description: 'The target currency' }),
   }),
 
-  outputSchema: S.String,
+  outputSchema: S.String.annotations({ description: 'The exchange rate between the two currencies' }),
 
   handler: async ({
     event: {
       data: { from, to },
     },
   }: any) =>
-    HttpClientRequest.get(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`).pipe(
-      HttpClient.fetchOk,
-      HttpClientResponse.json,
-      Effect.timeout('1 second'),
-      Effect.retry(Schedule.exponential(1000).pipe(Schedule.compose(Schedule.recurs(3)))),
-      Effect.map(({ data: { rates } }: any) => rates[to].toString()),
-    ),
+    Effect.gen(function* () {
+      const res = yield* HttpClientRequest.get(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`).pipe(
+        HttpClient.execute,
+        Effect.flatMap((res: any) => res.json),
+        Effect.timeout('1 second'),
+        Effect.retry(Schedule.exponential(1000).pipe(Schedule.compose(Schedule.recurs(3)))),
+        Effect.scoped,
+      );
+      return res.data.rates[to].toString();
+    }).pipe(Effect.provide(FetchHttpClient.layer)),
 });

package/src/templates/forex.ts

@@ -5,10 +5,9 @@
 // @ts-ignore
 import { defineFunction, S } from 'dxos:functions';
 
-/**
- * Returns the exchange rate between two currencies.
- */
 export default defineFunction({
+  description: 'Returns the exchange rate between two currencies.',
+
   inputSchema: S.Struct({
     from: S.String.annotations({ description: 'The source currency' }),
     to: S.String.annotations({ description: 'The target currency' }),

package/src/templates/index.ts

@@ -7,13 +7,15 @@ import chat from './chat.ts?raw';
 // @ts-ignore
 import chess from './chess.ts?raw';
 // @ts-ignore
+import discord from './discord.ts?raw';
+// @ts-ignore
 import echo from './echo.ts?raw';
 // @ts-ignore
 import email from './email.ts?raw';
 // @ts-ignore
-import forex from './forex.ts?raw';
-// @ts-ignore
 import forexEffect from './forex-effect.ts?raw';
+// @ts-ignore
+import forex from './forex.ts?raw';
 
 const removeHeader = (str: string) => str.split('\n').slice(4).join('\n');
 
@@ -58,4 +60,10 @@ export const templates: Template[] = [
     source: removeHeader(email),
     presetId: 'dxos.org/function/email',
   },
+  {
+    id: 'dxos.org/script/discord',
+    name: 'Discord',
+    source: removeHeader(discord),
+    presetId: 'dxos.org/function/discord',
+  },
 ];

package/src/translations.ts

@@ -49,7 +49,10 @@ export default [
         'view editor label': 'Editor',
         'view split label': 'Split',
         'view debug label': 'Debug',
+        // TODO(wittjosiah): Replace debug with logs.
+        // 'view logs label': 'Logs',
         'template select group label': 'Select template',
+        'function panel label': 'Debug Function',
       },
     },
   },

package/dist/lib/browser/AutomationPanel-J3SZ5L3Y.mjs

@@ -1,78 +0,0 @@
-import {
-  DebugPanel
-} from "./chunk-45LXDWNF.mjs";
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-FVVCAWNP.mjs";
-
-// packages/plugins/experimental/plugin-script/src/components/AutomationPanel/AutomationPanel.tsx
-import React, { useMemo, useState } from "react";
-import { failUndefined } from "@dxos/debug";
-import { FunctionType, ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions";
-import { useClient } from "@dxos/react-client";
-import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { Select, useTranslation } from "@dxos/react-ui";
-var AutomationPanel = ({ subject }) => {
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  const space = getSpace(subject);
-  const functions = useQuery(space ?? void 0, subject instanceof ScriptType ? Filter.schema(FunctionType, {
-    source: subject
-  }) : Filter.schema(FunctionType, (fn) => fn.binding != null), {}, [
-    subject
-  ]);
-  const [selectedFunction, setSelectedFunction] = useState(null);
-  const chatFunction = subject instanceof ScriptType ? functions[0] : selectedFunction;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "h-full flex flex-col"
-  }, !(subject instanceof ScriptType) && /* @__PURE__ */ React.createElement(BindingSelect, {
-    selectedFunction,
-    setSelectedFunction,
-    functions
-  }), chatFunction && /* @__PURE__ */ React.createElement(ChatPanel, {
-    fn: chatFunction,
-    subject
-  }), subject instanceof ScriptType && functions.length === 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "p-1"
-  }, t("not deployed")));
-};
-var ChatPanel = ({ fn, subject }) => {
-  const client = useClient();
-  const space = getSpace(fn);
-  const existingFunctionUrl = getUserFunctionUrlInMetadata(getMeta(fn));
-  const functionUrl = useMemo(() => {
-    if (!existingFunctionUrl) {
-      return;
-    }
-    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? "", {
-      spaceId: space?.id,
-      subjectId: subject?.id
-    });
-  }, [
-    existingFunctionUrl,
-    space,
-    subject
-  ]);
-  return /* @__PURE__ */ React.createElement(DebugPanel, {
-    functionUrl,
-    classNames: "flex-1"
-  });
-};
-var BindingSelect = ({ selectedFunction, setSelectedFunction, functions }) => {
-  return /* @__PURE__ */ React.createElement(Select.Root, {
-    value: selectedFunction?.id,
-    onValueChange: (id) => setSelectedFunction(functions.find((fn) => fn.id === id) ?? failUndefined())
-  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
-    placeholder: "Select value"
-  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React.createElement(Select.Viewport, null, functions.map(({ id, binding }) => /* @__PURE__ */ React.createElement(Select.Option, {
-    key: id,
-    value: id
-  }, binding))), /* @__PURE__ */ React.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
-};
-
-// packages/plugins/experimental/plugin-script/src/components/AutomationPanel/index.ts
-var AutomationPanel_default = AutomationPanel;
-export {
-  AutomationPanel,
-  AutomationPanel_default as default
-};
-//# sourceMappingURL=AutomationPanel-J3SZ5L3Y.mjs.map

package/dist/lib/browser/AutomationPanel-J3SZ5L3Y.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { failUndefined } from '@dxos/debug';\nimport { FunctionType, ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, type ReactiveEchoObject, useQuery } from '@dxos/react-client/echo';\nimport { Select, useTranslation } from '@dxos/react-ui';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { DebugPanel } from '../DebugPanel';\n\nexport interface AutomationPanelProps {\n  subject: ReactiveEchoObject<any>;\n}\n\nexport const AutomationPanel = ({ subject }: AutomationPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const space = getSpace(subject);\n\n  // TODO(dmaretskyi): Parametric query.\n  const functions = useQuery(\n    space ?? undefined,\n    subject instanceof ScriptType\n      ? Filter.schema(FunctionType, { source: subject })\n      : Filter.schema(FunctionType, (fn) => fn.binding != null),\n    {},\n    [subject],\n  );\n\n  const [selectedFunction, setSelectedFunction] = useState<FunctionType | null>(null);\n  const chatFunction = subject instanceof ScriptType ? functions[0] : selectedFunction;\n\n  return (\n    <div className='h-full flex flex-col'>\n      {!(subject instanceof ScriptType) && (\n        <BindingSelect\n          selectedFunction={selectedFunction}\n          setSelectedFunction={setSelectedFunction}\n          functions={functions}\n        />\n      )}\n      {chatFunction && <ChatPanel fn={chatFunction} subject={subject} />}\n      {subject instanceof ScriptType && functions.length === 0 && <div className='p-1'>{t('not deployed')}</div>}\n    </div>\n  );\n};\n\nexport interface ChatPanelProps {\n  fn: FunctionType;\n  subject: ReactiveEchoObject<any>;\n}\n\nconst ChatPanel = ({ fn, subject }: ChatPanelProps) => {\n  const client = useClient();\n  const space = getSpace(fn);\n  const existingFunctionUrl = getUserFunctionUrlInMetadata(getMeta(fn));\n  const functionUrl = useMemo(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n      subjectId: subject?.id,\n    });\n  }, [existingFunctionUrl, space, subject]);\n\n  return <DebugPanel functionUrl={functionUrl} classNames='flex-1' />;\n};\n\nexport interface BindingSelectProps {\n  selectedFunction: FunctionType | null;\n  setSelectedFunction: (fn: FunctionType) => void;\n  functions: FunctionType[];\n}\n\nconst BindingSelect = ({ selectedFunction, setSelectedFunction, functions }: BindingSelectProps) => {\n  return (\n    <Select.Root\n      value={selectedFunction?.id}\n      onValueChange={(id) => setSelectedFunction(functions.find((fn) => fn.id === id) ?? failUndefined())}\n    >\n      <Select.TriggerButton placeholder='Select value' />\n      <Select.Portal>\n        <Select.Content>\n          <Select.ScrollUpButton />\n          <Select.Viewport>\n            {functions.map(({ id, binding }) => (\n              <Select.Option key={id} value={id}>\n                {binding}\n              </Select.Option>\n            ))}\n          </Select.Viewport>\n          <Select.ScrollDownButton />\n          <Select.Arrow />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport * from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
-  "mappings": ";;;;;;;;AAIA,OAAOA,SAASC,SAASC,gBAAgB;AAEzC,SAASC,qBAAqB;AAC9B,SAASC,cAAcC,YAAYC,kBAAkBC,oCAAoC;AACzF,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,SAASC,UAAmCC,gBAAgB;AAC7E,SAASC,QAAQC,sBAAsB;AAShC,IAAMC,kBAAkB,CAAC,EAAEC,QAAO,MAAwB;AAC/D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMC,QAAQC,SAASL,OAAAA;AAGvB,QAAMM,YAAYC,SAChBH,SAASI,QACTR,mBAAmBS,aACfC,OAAOC,OAAOC,cAAc;IAAEC,QAAQb;EAAQ,CAAA,IAC9CU,OAAOC,OAAOC,cAAc,CAACE,OAAOA,GAAGC,WAAW,IAAA,GACtD,CAAC,GACD;IAACf;GAAQ;AAGX,QAAM,CAACgB,kBAAkBC,mBAAAA,IAAuBC,SAA8B,IAAA;AAC9E,QAAMC,eAAenB,mBAAmBS,aAAaH,UAAU,CAAA,IAAKU;AAEpE,SACE,sBAAA,cAACI,OAAAA;IAAIC,WAAU;KACZ,EAAErB,mBAAmBS,eACpB,sBAAA,cAACa,eAAAA;IACCN;IACAC;IACAX;MAGHa,gBAAgB,sBAAA,cAACI,WAAAA;IAAUT,IAAIK;IAAcnB;MAC7CA,mBAAmBS,cAAcH,UAAUkB,WAAW,KAAK,sBAAA,cAACJ,OAAAA;IAAIC,WAAU;KAAOpB,EAAE,cAAA,CAAA,CAAA;AAG1F;AAOA,IAAMsB,YAAY,CAAC,EAAET,IAAId,QAAO,MAAkB;AAChD,QAAMyB,SAASC,UAAAA;AACf,QAAMtB,QAAQC,SAASS,EAAAA;AACvB,QAAMa,sBAAsBC,6BAA6BC,QAAQf,EAAAA,CAAAA;AACjE,QAAMgB,cAAcC,QAAQ,MAAA;AAC1B,QAAI,CAACJ,qBAAqB;AACxB;IACF;AAEA,WAAOK,iBAAiBL,qBAAqBF,OAAOQ,OAAOC,OAAOC,SAASC,UAAUC,MAAMC,OAAO,IAAI;MACpGC,SAASnC,OAAOoC;MAChBC,WAAWzC,SAASwC;IACtB,CAAA;EACF,GAAG;IAACb;IAAqBvB;IAAOJ;GAAQ;AAExC,SAAO,sBAAA,cAAC0C,YAAAA;IAAWZ;IAA0Ba,YAAW;;AAC1D;AAQA,IAAMrB,gBAAgB,CAAC,EAAEN,kBAAkBC,qBAAqBX,UAAS,MAAsB;AAC7F,SACE,sBAAA,cAACsC,OAAOC,MAAI;IACVC,OAAO9B,kBAAkBwB;IACzBO,eAAe,CAACP,OAAOvB,oBAAoBX,UAAU0C,KAAK,CAAClC,OAAOA,GAAG0B,OAAOA,EAAAA,KAAOS,cAAAA,CAAAA;KAEnF,sBAAA,cAACL,OAAOM,eAAa;IAACC,aAAY;MAClC,sBAAA,cAACP,OAAOQ,QAAM,MACZ,sBAAA,cAACR,OAAOS,SAAO,MACb,sBAAA,cAACT,OAAOU,gBAAc,IAAA,GACtB,sBAAA,cAACV,OAAOW,UAAQ,MACbjD,UAAUkD,IAAI,CAAC,EAAEhB,IAAIzB,QAAO,MAC3B,sBAAA,cAAC6B,OAAOa,QAAM;IAACC,KAAKlB;IAAIM,OAAON;KAC5BzB,OAAAA,CAAAA,CAAAA,GAIP,sBAAA,cAAC6B,OAAOe,kBAAgB,IAAA,GACxB,sBAAA,cAACf,OAAOgB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKvB;;;AC/FA,IAAA,0BAAeC;",
-  "names": ["React", "useMemo", "useState", "failUndefined", "FunctionType", "ScriptType", "getInvocationUrl", "getUserFunctionUrlInMetadata", "useClient", "Filter", "getMeta", "getSpace", "useQuery", "Select", "useTranslation", "AutomationPanel", "subject", "t", "useTranslation", "SCRIPT_PLUGIN", "space", "getSpace", "functions", "useQuery", "undefined", "ScriptType", "Filter", "schema", "FunctionType", "source", "fn", "binding", "selectedFunction", "setSelectedFunction", "useState", "chatFunction", "div", "className", "BindingSelect", "ChatPanel", "length", "client", "useClient", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "functionUrl", "useMemo", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "subjectId", "DebugPanel", "classNames", "Select", "Root", "value", "onValueChange", "find", "failUndefined", "TriggerButton", "placeholder", "Portal", "Content", "ScrollUpButton", "Viewport", "map", "Option", "key", "ScrollDownButton", "Arrow", "AutomationPanel"]
-}