@dxos/plugin-script 0.8.4-main.dedc0f3 → 0.8.4-main.e8ec1fe

package/dist/lib/browser/chunk-2G2NA6DQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/chat.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/chess.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/data-generator.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/discord.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/email.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/forex-effect.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/forex.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/gmail.ts?raw", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/ping.ts?raw", "../../../src/templates/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\n// @ts-ignore\nimport { transformServerSentEvents } from 'https://esm.sh/@dxos/script-toolbox?bundle=false';\n\n/**\n * Chatbot that answers questions based on the context data.\n */\nexport default async ({ data: { bodyText }, context: { space, ai } }: any) => {\n  let parsedRequest: any;\n  try {\n    parsedRequest = JSON.parse(bodyText);\n  } catch (err) {\n    const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {\n      stream: true,\n      prompt: `\n     Using only the context data below to answer the user's question.\n     If you cannot answer the question from the provided content, then reply with \"I don't know.\"\n\n     CONTEXT:\n     ${await getContext({ space })}\n\n     QUESTION:\n     ${bodyText}\n    `,\n    });\n    return new Response(transformServerSentEvents(answer));\n  }\n\n  const promptId = parsedRequest.trigger.promptId;\n  const promptObject = await space.crud.query({ id: promptId }).first();\n\n  if (parsedRequest.data.objects.length !== 1) {\n    return new Response('Message batches not supported.');\n  }\n\n  const messageId = parsedRequest.data.objects[0];\n  let message;\n  try {\n    message = await space.crud.query({ id: messageId }).first();\n  } catch (err) {\n    return new Response('Message not replicated yet.', { status: 409 });\n  }\n\n  if (message.text.includes('--------')) {\n    return new Response('Message was already processed.');\n  }\n\n  let prompt = promptObject.template;\n  for (const input of promptObject.inputs) {\n    let value: string | null = null;\n    if (input.type === TemplateInputType.VALUE) {\n      value = String(input.value);\n    } else if (input.type === TemplateInputType.RETRIEVER) {\n      value = await getContext({ space });\n    } else if (input.type === TemplateInputType.PASS_THROUGH) {\n      value = message.text;\n    }\n    if (value) {\n      prompt = prompt.replaceAll(`{${input.name}}`, value);\n    }\n  }\n\n  const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {\n    stream: false,\n    prompt,\n  });\n  const response = { response: answer.response, prompt, message };\n  const textWithAnswer = message.text + '\\n--------\\n\\n' + answer.response;\n  await space.crud.update({ id: messageId }, { text: textWithAnswer });\n\n  return new Response(JSON.stringify(response));\n};\n\nconst getContext = async ({ space }: any) => {\n  let context = '';\n  const { objects: docs } = await space.crud.query({ __typename: 'dxos.org/type/Document' }).run();\n  for (const doc of docs) {\n    const { content } = await space.crud.query({ id: doc.content }).first();\n    context += content + '\\n\\n';\n  }\n  return context;\n};\n\nenum TemplateInputType {\n  VALUE = 0,\n  PASS_THROUGH = 1,\n  RETRIEVER = 2,\n  FUNCTION = 3,\n  QUERY = 4,\n  RESOLVER = 5,\n  CONTEXT = 6,\n  SCHEMA = 7,\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { S, defineFunction } from 'dxos:functions';\n// @ts-ignore\nimport { Chess } from 'https://esm.sh/chess.js@0.13.1?bundle=false';\n\nexport default defineFunction({\n  key: 'dxos.org/script/chess',\n  name: 'Chess',\n  description: 'Plays a random move in a chess game.',\n\n  inputSchema: S.Struct({\n    changedObjectId: S.String.annotations({\n      description: 'The objects to play the game on.',\n    }),\n    player: S.optional(S.Literal('w', 'b')).annotations({\n      description: 'The player to play the game as.',\n    }),\n  }),\n\n  outputSchema: S.Struct({\n    state: S.String.annotations({\n      description: 'The state of the game as an ASCII art board.',\n    }),\n  }),\n\n  handler: async ({ data: { changedObjectId, player = 'b' }, context: { space } }: any) => {\n    const { pgn } = await space.db.query({ id: changedObjectId }).first();\n    const game = new Chess();\n    game.load_pgn(pgn);\n    if (game.turn() !== player) {\n      return new Response('Invalid turn', { status: 409 });\n    }\n\n    const moves = game.moves();\n    const move = moves[Math.floor(Math.random() * moves.length)];\n    if (!move) {\n      return new Response('No legal moves', { status: 406 });\n    }\n\n    game.move(move);\n    const newPgn = game.pgn();\n    await space.db.update({ id: changedObjectId }, { pgn: newPgn, fen: game.fen() });\n    return { state: game.ascii() };\n  },\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { Expando, S, create, defineFunction } from 'dxos:functions';\n// @ts-ignore\nimport { randText } from 'https://esm.sh/@ngneat/falso@7.1.1?bundle=false';\n\nexport default defineFunction({\n  key: 'dxos.org/script/data-generator',\n  name: 'Data Generator',\n  inputSchema: S.Struct({\n    documentAmount: S.optional(S.Number),\n    textSize: S.optional(S.Number),\n    mutationAmount: S.optional(S.Number),\n    waitAfterCreation: S.optional(S.Number),\n  }),\n\n  outputSchema: S.Struct({}),\n\n  handler: async ({\n    data: { documentAmount = 1, textSize = 10, mutationAmount = 0, waitAfterCreation = 10_000 },\n    context: { space },\n  }: any) => {\n    await space.db.graph.schemaRegistry.addSchema([Expando]);\n    const result: Record<string, any> = {};\n    const objects: Expando[] = [];\n\n    // Create objects.\n    for (let i = 0; i < documentAmount; i++) {\n      const obj = space.db.add(\n        create(Expando, {\n          name: 'scriptGenerated',\n          content: randText({ charCount: textSize }),\n        }),\n      );\n      objects.push(obj);\n      const objectResult: any = {};\n      // Mutate the object.\n      for (let i = 0; i < mutationAmount; i++) {\n        obj.content = randText({ charCount: textSize });\n      }\n      objectResult.mutations = mutationAmount;\n      objectResult.contentLength = obj.content.length;\n      result[obj.id] = objectResult;\n    }\n\n    // Flush and wait for data to propagate.\n    await space.db.flush();\n    await new Promise((resolve) => setTimeout(resolve, waitAfterCreation));\n    return { createdObjects: objects.length };\n  },\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { DXN, EchoObject, Filter, ObjectId, S, create, defineFunction } from 'dxos:functions';\n// @ts-ignore\nimport { FetchHttpClient } from 'https://esm.sh/@effect/platform@0.89.0?deps=effect@3.17.0&bundle=false';\nimport {\n  DiscordConfig,\n  DiscordREST,\n  DiscordRESTMemoryLive,\n  // @ts-ignore\n} from 'https://esm.sh/dfx@0.113.0?deps=effect@3.17.0&bundle=false';\n// @ts-ignore\nimport * as Config from 'https://esm.sh/effect@3.17.0/Config?bundle=false';\n// @ts-ignore\nimport * as Effect from 'https://esm.sh/effect@3.17.0/Effect?bundle=false';\n// @ts-ignore\nimport * as Redacted from 'https://esm.sh/effect@3.17.0/Redacted?bundle=false';\n// @ts-ignore\nimport * as Ref from 'https://esm.sh/effect@3.17.0/Ref?bundle=false';\n\nconst MessageSchema = S.Struct({\n  id: ObjectId,\n  foreignId: S.Any, // bigint?\n  from: S.String,\n  created: S.String,\n  content: S.String,\n}).pipe(\n  EchoObject({\n    typename: 'example.com/type/Message',\n    version: '0.1.0',\n  }),\n);\n\nconst DEFAULT_AFTER = 1704067200; // 2024-01-01\n\nconst generateSnowflake = (unixTimestamp: number): bigint => {\n  const discordEpoch = 1420070400000n; // Discord Epoch (ms)\n  return (BigInt(unixTimestamp * 1000) - discordEpoch) << 22n;\n};\n\nexport default defineFunction({\n  key: 'dxos.org/script/discord',\n  name: 'Discord',\n  inputSchema: S.Struct({\n    // TODO(wittjosiah): Remove. This is used to provide a terminal for a cron trigger.\n    tick: S.optional(S.String),\n    channelId: S.String,\n    after: S.optional(S.Number),\n    pageSize: S.optional(S.Number),\n    queueId: S.String,\n  }),\n\n  outputSchema: S.Struct({\n    newMessages: S.Number,\n  }),\n\n  handler: ({ data: { channelId, queueId, after = DEFAULT_AFTER, pageSize = 5 }, context: { space } }: any) =>\n    Effect.gen(function* () {\n      const { token } = yield* Effect.tryPromise({\n        try: () => space.db.query(Filter.typename('dxos.org/type/AccessToken', { source: 'discord.com' })).first(),\n        catch: (e: any) => e,\n      });\n      const { objects } = yield* Effect.tryPromise({\n        try: () => space.queues.queryQueue(DXN.parse(queueId)),\n        catch: (e: any) => e,\n      });\n      const backfill = objects.length === 0;\n      const newMessages = yield* Ref.make(0);\n      const lastMessage = yield* Ref.make(objects.at(-1));\n\n      const enqueueMessages = Effect.gen(function* () {\n        const rest = yield* DiscordREST;\n\n        while (true) {\n          const last = yield* Ref.get(lastMessage);\n          const options = {\n            after: backfill && !last ? `${generateSnowflake(after)}` : last?.foreignId,\n            limit: pageSize,\n          };\n          const messages = yield* rest.getChannelMessages(channelId, options).pipe((res: any) => res.json);\n          const queueMessages = messages\n            .map((message: any) =>\n              create(MessageSchema, {\n                id: ObjectId.random(),\n                foreignId: message.id,\n                from: message.author.username,\n                created: message.timestamp,\n                content: message.content,\n              }),\n            )\n            .toReversed();\n          if (queueMessages.length > 0) {\n            yield* Effect.tryPromise({\n              try: () => space.queues.insertIntoQueue(DXN.parse(queueId), queueMessages),\n              catch: (e: any) => e,\n            });\n            yield* Ref.update(newMessages, (n: any) => n + queueMessages.length);\n            yield* Ref.update(lastMessage, (m: any) => queueMessages.at(-1));\n          }\n          if (messages.length < pageSize) {\n            break;\n          }\n        }\n      }).pipe(\n        Effect.provide(DiscordRESTMemoryLive),\n        Effect.provide(\n          DiscordConfig.layerConfig({\n            token: Config.succeed(Redacted.make(token)),\n          }),\n        ),\n        Effect.provide(FetchHttpClient.layer),\n      );\n\n      yield* enqueueMessages;\n      return { newMessages: yield* Ref.get(newMessages) };\n    }),\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Appends a message to the end of a Document configured through a trigger.\n * Trigger must have a targetDocumentId field set in Meta.\n */\nexport default async ({ data: { bodyText }, context: { space } }: any) => {\n  const { email, targetDocumentId: documentId } = JSON.parse(bodyText) as RequestPayload;\n\n  const document = await space.db.query({ id: documentId }).first();\n\n  const contentId = document.content['/'].split(':')[3];\n  const documentContent = await space.db.query({ id: contentId }).first();\n  const modifiedContent = [\n    documentContent.content,\n    '',\n    '---',\n    `**From:** ${email.from}`,\n    `**Subject:** ${email.subject}`,\n    `**Date:** ${email.created}`,\n    '',\n    email.body,\n  ].join('\\n');\n\n  await space.db.update({ id: contentId }, { content: modifiedContent });\n\n  return new Response(JSON.stringify({ success: true }));\n};\n\ntype RequestPayload = {\n  email: { from: string; subject: string; created: string; body: string };\n  targetDocumentId: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { S, defineFunction } from 'dxos:functions';\nimport {\n  FetchHttpClient,\n  HttpClient,\n  HttpClientRequest,\n  // @ts-ignore\n} from 'https://esm.sh/@effect/platform@0.89.0?deps=effect@3.17.0&bundle=false';\n// @ts-ignore\nimport * as Effect from 'https://esm.sh/effect@3.17.0/Effect?bundle=false';\n// @ts-ignore\nimport * as Schedule from 'https://esm.sh/effect@3.17.0/Schedule?bundle=false';\n\nexport default defineFunction({\n  key: 'dxos.org/script/forex-effect',\n  name: 'Forex Effect',\n  description: 'Returns the exchange rate between two currencies.',\n\n  inputSchema: S.Struct({\n    from: S.String.annotations({ description: 'The source currency' }),\n    to: S.String.annotations({ description: 'The target currency' }),\n  }),\n\n  outputSchema: S.String.annotations({ description: 'The exchange rate between the two currencies' }),\n\n  handler: async ({ data: { from, to } }: any) =>\n    Effect.gen(function* () {\n      const res = yield* HttpClientRequest.get(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`).pipe(\n        HttpClient.execute,\n        Effect.flatMap((res: any) => res.json),\n        Effect.timeout('1 second'),\n        Effect.retry(Schedule.exponential(1_000).pipe(Schedule.compose(Schedule.recurs(3)))),\n        Effect.scoped,\n      );\n\n      return res.data.rates[to].toString();\n    }).pipe(Effect.provide(FetchHttpClient.layer)),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { S, defineFunction } from 'dxos:functions';\n\nexport default defineFunction({\n  key: 'dxos.org/script/forex',\n  name: 'Forex',\n  description: 'Returns the exchange rate between two currencies.',\n\n  inputSchema: S.Struct({\n    from: S.String.annotations({ description: 'The source currency' }),\n    to: S.String.annotations({ description: 'The target currency' }),\n  }),\n\n  handler: async ({ data: { from, to } }: any) => {\n    const res = await fetch(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`);\n    const {\n      data: { rates },\n    } = await res.json();\n\n    return rates[to].toString();\n  },\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { EchoObject, Filter, ObjectId, S, create, defineFunction } from 'dxos:functions';\n// @ts-ignore\nimport {\n  FetchHttpClient,\n  HttpClient,\n  HttpClientRequest,\n  // @ts-ignore\n} from 'https://esm.sh/@effect/platform@0.89.0?deps=effect@3.17.0&bundle=false';\n// @ts-ignore\nimport { format, subDays } from 'https://esm.sh/date-fns@3.3.1?bundle=false';\n// @ts-ignore\nimport * as Chunk from 'https://esm.sh/effect@3.17.0/Chunk?bundle=false';\n// @ts-ignore\nimport * as Effect from 'https://esm.sh/effect@3.17.0/Effect?bundle=false';\n// @ts-ignore\nimport * as Function from 'https://esm.sh/effect@3.17.0/Function?bundle=false';\n// @ts-ignore\nimport * as Ref from 'https://esm.sh/effect@3.17.0/Ref?bundle=false';\n// @ts-ignore\nimport * as Schedule from 'https://esm.sh/effect@3.17.0/Schedule?bundle=false';\n// @ts-ignore\nimport * as Stream from 'https://esm.sh/effect@3.17.0/Stream?bundle=false';\n\nexport default defineFunction({\n  key: 'dxos.org/script/gmail',\n  name: 'Gmail',\n  inputSchema: S.Struct({\n    mailboxId: S.String,\n    userId: S.optional(S.String).pipe(S.withDecodingDefault(() => 'me')),\n    after: S.optional(S.Union(S.Number, S.String)).pipe(\n      S.withDecodingDefault(() => format(subDays(new Date(), 30), 'yyyy-MM-dd')),\n    ),\n    pageSize: S.optional(S.Number).pipe(S.withDecodingDefault(() => 100)),\n    // TODO(wittjosiah): Remove. This is used to provide a terminal for a cron trigger.\n    tick: S.optional(S.String),\n  }),\n\n  outputSchema: S.Struct({\n    newMessages: S.Number,\n  }),\n\n  handler: ({ context: { space }, data: { mailboxId, userId, after, pageSize } }: any) =>\n    Effect.gen(function* () {\n      const { token } = yield* Effect.tryPromise({\n        try: () => space.db.query(Filter.typename('dxos.org/type/AccessToken', { source: 'gmail.com' })).first(),\n        catch: (e: any) => e,\n      });\n\n      // NOTE: Google API bundles size is v. large and caused runtime issues.\n      const makeRequest = (url: string) =>\n        Function.pipe(\n          url,\n          HttpClientRequest.get,\n          HttpClientRequest.setHeaders({ Authorization: `Bearer ${token}`, Accept: 'application/json' }),\n          HttpClient.execute,\n          Effect.flatMap((res: any) => res.json),\n          Effect.timeout('1 second'),\n          Effect.retry(Schedule.exponential(1000).pipe(Schedule.compose(Schedule.recurs(3)))),\n          Effect.scoped,\n        );\n\n      const listMessages = (userId: string, q: string, pageSize: number, pageToken: string | null) =>\n        makeRequest(getUrl(userId, undefined, { q, pageSize, pageToken }));\n\n      const getMessage = (userId: string, messageId: string) => makeRequest(getUrl(userId, messageId));\n\n      const mailbox = yield* Effect.tryPromise({\n        try: () => space.db.query({ id: mailboxId }).first(),\n        catch: (e: any) => e,\n      });\n      const { objects } = yield* Effect.tryPromise({\n        try: () => space.queues.queryQueue(mailbox.queue.dxn),\n        catch: (e: any) => e,\n      });\n      const newMessages = yield* Ref.make([]);\n      const nextPage = yield* Ref.make(null);\n\n      do {\n        const last = objects.at(-1);\n        const q = last\n          ? `in:inbox after:${Math.floor(new Date(last.created).getTime() / 1000)}`\n          : `in:inbox after:${after}`;\n        const pageToken = yield* Ref.get(nextPage);\n        const { messages, nextPageToken } = yield* listMessages(userId, q, pageSize, pageToken);\n        yield* Ref.update(nextPage, () => nextPageToken);\n        for (const message of messages) {\n          const messageDetails = yield* getMessage(userId, message.id);\n          const created = new Date(parseInt(messageDetails.internalDate)).toISOString();\n          const from = messageDetails.payload.headers.find((h: any) => h.name === 'From');\n          const sender = from && parseFromHeader(from.value);\n          // TODO(wittjosiah): Improve parsing of email contents.\n          const content =\n            messageDetails.payload.body?.data ??\n            messageDetails.payload.parts?.find((p: any) => p.mimeType === 'text/plain')?.body.data;\n          // Skip the message if content or sender is missing.\n          // Skip the message if it's the same as the last message.\n          // TODO(wittjosiah): This comparison should be done via foreignId probably.\n          if (!content || !sender || created === last?.created) {\n            continue;\n          }\n          const subject = messageDetails.payload.headers.find((h: any) => h.name === 'Subject')?.value;\n          const object = create(MessageType, {\n            id: ObjectId.random(),\n            created,\n            sender,\n            blocks: [\n              {\n                _tag: 'text',\n                text: Buffer.from(content, 'base64').toString('utf-8'),\n              },\n            ],\n            properties: {\n              subject,\n              threadId: message.threadId,\n            },\n          });\n          // TODO(wittjosiah): Set foreignId in object meta.\n          yield* Ref.update(newMessages, (n: any) => [object, ...n]);\n        }\n      } while (yield* Ref.get(nextPage));\n\n      const queueMessages = yield* Ref.get(newMessages);\n      if (queueMessages.length > 0) {\n        yield* Function.pipe(\n          queueMessages,\n          Stream.fromIterable,\n          Stream.grouped(10),\n          Stream.flatMap((batch: any) =>\n            Effect.tryPromise({\n              try: () => space.queues.insertIntoQueue(mailbox.queue.dxn, Chunk.toReadonlyArray(batch)),\n              catch: (e: any) => e,\n            }),\n          ),\n          Stream.runDrain,\n        );\n      }\n\n      return { newMessages: queueMessages.length };\n    }).pipe(Effect.provide(FetchHttpClient.layer)),\n});\n\nconst getUrl = (userId: string, messageId?: string, params?: Record<string, any>) => {\n  const api = new URL(\n    [`https://gmail.googleapis.com/gmail/v1/users/${userId}/messages`, messageId].filter(Boolean).join('/'),\n  );\n  Object.entries(params ?? {})\n    .filter(([_, value]) => value != null)\n    .forEach(([key, value]) => api.searchParams.set(key, value));\n  return api.toString();\n};\n\n/**\n * Parses an email string in the format \"Name <email@example.com>\" into separate name and email components.\n */\nconst parseFromHeader = (value: string): { name?: string; email: string } | undefined => {\n  const EMAIL_REGEX = /^([^<]+?)\\s*<([^>]+@[^>]+)>$/;\n  const removeOuterQuotes = (str: string) => str.replace(/^['\"]|['\"]$/g, '');\n  const match = value.match(EMAIL_REGEX);\n  if (match) {\n    const [, name, email] = match;\n    return {\n      name: removeOuterQuotes(name.trim()),\n      email: email.trim(),\n    };\n  }\n};\n\n//\n// Schemas\n// TODO(wittjosiah): These schemas should be imported from @dxos/schema.\n//\n\nconst ActorRole = S.Literal('user', 'assistant');\ntype ActorRole = S.Schema.Type<typeof ActorRole>;\n\nconst ActorSchema = S.Struct({\n  identityKey: S.optional(S.String),\n  email: S.optional(S.String),\n  name: S.optional(S.String),\n  role: S.optional(ActorRole),\n});\n\nconst Base = S.Struct({\n  pending: S.optional(S.Boolean),\n});\ntype Base = S.Schema.Type<typeof Base>;\nconst Text = S.TaggedStruct('text', {\n  mimeType: S.optional(S.String),\n  text: S.String,\n  ...Base.fields,\n}).pipe(S.mutable);\ninterface Text extends S.Schema.Type<typeof Text> {}\n\nconst MessageType = S.Struct({\n  id: ObjectId,\n  created: S.String.annotations({\n    description: 'ISO date string when the message was sent.',\n  }),\n  sender: ActorSchema.annotations({\n    description: 'Identity of the message sender.',\n  }),\n  blocks: S.Array(Text).annotations({\n    description: 'Contents of the message.',\n  }),\n  properties: S.optional(\n    S.mutable(\n      S.Record({ key: S.String, value: S.Any }).annotations({\n        description: 'Custom properties for specific message types (e.g. attention context, email subject, etc.).',\n      }),\n    ),\n  ),\n}).pipe(\n  EchoObject({\n    typename: 'dxos.org/type/Message',\n    version: '0.2.0',\n  }),\n);\ntype MessageType = S.Schema.Type<typeof MessageType>;\n", "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Echos the request data.\n */\nexport default async ({ data }: any) => data;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport chat from './chat.ts?raw';\nimport chess from './chess.ts?raw';\nimport dataGenerator from './data-generator.ts?raw';\nimport discord from './discord.ts?raw';\nimport email from './email.ts?raw';\nimport forexEffect from './forex-effect.ts?raw';\nimport forex from './forex.ts?raw';\nimport gmail from './gmail.ts?raw';\nimport ping from './ping.ts?raw';\n\nconst removeHeader = (str: string) => str.split('\\n').slice(4).join('\\n');\n\nexport { dataGenerator };\n\nexport type Template = {\n  id: string;\n  name: string;\n  source: string;\n  presetId?: string;\n};\n\nexport const templates = [\n  {\n    id: 'dxos.org/script/ping',\n    name: 'Ping',\n    source: removeHeader(ping),\n  },\n  {\n    id: 'dxos.org/script/forex',\n    name: 'Forex',\n    source: removeHeader(forex),\n  },\n  {\n    id: 'dxos.org/script/forex-effect',\n    name: 'Forex (Effect)',\n    source: removeHeader(forexEffect),\n  },\n  {\n    id: 'dxos.org/script/gpt',\n    name: 'Gpt',\n    source: removeHeader(chat),\n    presetId: 'dxos.org/function/gpt',\n  },\n  {\n    id: 'dxos.org/script/chess',\n    name: 'Chess',\n    source: removeHeader(chess),\n    presetId: 'dxos.org/function/chess',\n  },\n  {\n    id: 'dxos.org/script/email',\n    name: 'Email',\n    source: removeHeader(email),\n    presetId: 'dxos.org/function/email',\n  },\n  {\n    id: 'dxos.org/script/discord',\n    name: 'Discord',\n    source: removeHeader(discord),\n    presetId: 'dxos.org/function/discord',\n  },\n  {\n    id: 'dxos.org/script/gmail',\n    name: 'Gmail',\n    source: removeHeader(gmail),\n    presetId: 'dxos.org/function/gmail',\n  },\n  {\n    id: 'dxos.org/script/data-generator',\n    name: 'Data Generator',\n    source: removeHeader(dataGenerator),\n    presetId: 'dxos.org/function/data-generator',\n  },\n] as const;\n"],
+  "mappings": ";AAAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACcA,IAAMA,eAAe,CAACC,QAAgBA,IAAIC,MAAM,IAAA,EAAMC,MAAM,CAAA,EAAGC,KAAK,IAAA;AAW7D,IAAMC,YAAY;EACvB;IACEC,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaC,YAAAA;EACvB;EACA;IACEJ,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaE,aAAAA;EACvB;EACA;IACEL,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaG,oBAAAA;EACvB;EACA;IACEN,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaI,YAAAA;IACrBC,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaM,aAAAA;IACrBD,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaO,aAAAA;IACrBF,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaQ,eAAAA;IACrBH,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaS,aAAAA;IACrBJ,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaU,sBAAAA;IACrBL,UAAU;EACZ;;",
+  "names": ["removeHeader", "str", "split", "slice", "join", "templates", "id", "name", "source", "removeHeader", "ping", "forex", "forexEffect", "chat", "presetId", "chess", "email", "discord", "gmail", "dataGenerator"]
+}

package/dist/lib/browser/{chunk-YCZPTTFO.mjs → chunk-3IJASGG5.mjs}

@@ -1,21 +1,22 @@
 import {
   useCreateAndDeployScriptTemplates
-} from "./chunk-NXKU3BNX.mjs";
+} from "./chunk-5JSNQYZZ.mjs";
 import {
-  SCRIPT_PLUGIN
-} from "./chunk-QYAREHGH.mjs";
+  meta
+} from "./chunk-EB6AXFXO.mjs";
 
 // src/components/DeploymentDialog/DeploymentDialog.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { useEffect, useMemo } from "react";
-import { LayoutAction, createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { LayoutAction, createIntent } from "@dxos/app-framework";
+import { useIntentDispatcher } from "@dxos/app-framework/react";
 import { getSpace } from "@dxos/react-client/echo";
-import { Button, Dialog, Icon, useTranslation } from "@dxos/react-ui";
-var DEPLOYMENT_DIALOG = `${SCRIPT_PLUGIN}/deployment/dialog`;
+import { Button, Dialog, IconButton, useTranslation } from "@dxos/react-ui";
+var DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;
 var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(SCRIPT_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const space = useMemo(() => getSpace(accessToken), [
       accessToken
     ]);
@@ -26,27 +27,27 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
         void dispatch(createIntent(LayoutAction.AddToast, {
           part: "toast",
           subject: {
-            id: `${SCRIPT_PLUGIN}/deployment-success`,
+            id: `${meta.id}/deployment-success`,
             icon: "ph--check--regular",
             duration: Infinity,
             title: [
               "script deployment toast label",
               {
-                ns: SCRIPT_PLUGIN,
+                ns: meta.id,
                 count: scriptTemplates.length
               }
             ],
             description: [
               "script deployment toast description",
               {
-                ns: SCRIPT_PLUGIN,
+                ns: meta.id,
                 count: scriptTemplates.length
               }
             ],
             closeLabel: [
               "script deployment toast close label",
               {
-                ns: SCRIPT_PLUGIN,
+                ns: meta.id,
                 count: scriptTemplates.length
               }
             ]
@@ -69,27 +70,27 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
         void dispatch(createIntent(LayoutAction.AddToast, {
           part: "toast",
           subject: {
-            id: `${SCRIPT_PLUGIN}/deployment-error`,
+            id: `${meta.id}/deployment-error`,
             icon: "ph--warning--regular",
             duration: Infinity,
             title: [
               "script deployment error toast label",
               {
-                ns: SCRIPT_PLUGIN,
+                ns: meta.id,
                 count: scriptTemplates.length
               }
             ],
             description: [
               "script deployment error toast description",
               {
-                ns: SCRIPT_PLUGIN,
+                ns: meta.id,
                 count: scriptTemplates.length
               }
             ],
             closeLabel: [
               "script deployment error toast close label",
               {
-                ns: SCRIPT_PLUGIN,
+                ns: meta.id,
                 count: scriptTemplates.length
               }
             ]
@@ -104,13 +105,14 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
       className: "flex justify-between items-center"
     }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
       asChild: true
-    }, /* @__PURE__ */ React.createElement(Button, {
+    }, /* @__PURE__ */ React.createElement(IconButton, {
+      icon: "ph--x--regular",
+      size: 4,
+      label: "Close",
+      iconOnly: true,
       density: "fine",
       variant: "ghost"
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      icon: "ph--x--regular",
-      size: 4
-    })))), /* @__PURE__ */ React.createElement("div", {
+    }))), /* @__PURE__ */ React.createElement("div", {
       role: "none",
       className: "plb-4"
     }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
@@ -150,4 +152,4 @@ export {
   DEPLOYMENT_DIALOG,
   DeploymentDialog_default
 };
-//# sourceMappingURL=chunk-YCZPTTFO.mjs.map
+//# sourceMappingURL=chunk-3IJASGG5.mjs.map

package/dist/lib/browser/chunk-3IJASGG5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { LayoutAction, createIntent } from '@dxos/app-framework';\nimport { useIntentDispatcher } from '@dxos/app-framework/react';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, IconButton, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport const DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;\n\n// TODO(ZaymonFC):\n//  - Show activity and feedback to the user.\n//  - Only take an array of templateIds and get the name from the data.\n//  - Pending / onError states.\n\nexport type DeploymentDialogProps = {\n  accessToken: AccessToken.AccessToken;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n  // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n  //   Deployment shouldn't be tied to the lifecycle of the dialogue component.\n  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${meta.id}/deployment-success`,\n            icon: 'ph--check--regular',\n            duration: Infinity,\n            title: ['script deployment toast label', { ns: meta.id, count: scriptTemplates.length }],\n            description: ['script deployment toast description', { ns: meta.id, count: scriptTemplates.length }],\n            closeLabel: ['script deployment toast close label', { ns: meta.id, count: scriptTemplates.length }],\n          },\n        }),\n      );\n      void dispatch(\n        createIntent(LayoutAction.UpdateDialog, {\n          part: 'dialog',\n          options: { state: false },\n        }),\n      );\n    }\n    if (status === 'error') {\n      void dispatch(\n        createIntent(LayoutAction.UpdateDialog, {\n          part: 'dialog',\n          options: { state: false },\n        }),\n      );\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${meta.id}/deployment-error`,\n            icon: 'ph--warning--regular',\n            duration: Infinity,\n            title: ['script deployment error toast label', { ns: meta.id, count: scriptTemplates.length }],\n            description: ['script deployment error toast description', { ns: meta.id, count: scriptTemplates.length }],\n            closeLabel: ['script deployment error toast close label', { ns: meta.id, count: scriptTemplates.length }],\n          },\n        }),\n      );\n    }\n  }, [status, dispatch]);\n\n  return (\n    <Dialog.Content>\n      <div className='flex justify-between items-center'>\n        <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <IconButton icon='ph--x--regular' size={4} label='Close' iconOnly density='fine' variant='ghost' />\n        </Dialog.Close>\n      </div>\n      <div role='none' className='plb-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>\n          {t('deployment dialog scripts found message', {\n            count: scriptTemplates.length,\n          })}\n        </p>\n        <ul className='pbs-2'>\n          {scriptTemplates.map((template) => {\n            return <li key={template.id}>{template.name}</li>;\n          })}\n        </ul>\n      </div>\n      <div role='none' className='flex flex-row-reverse gap-1'>\n        <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n          {status === 'pending'\n            ? t('deployment dialog deploy functions pending button label', {\n                count: scriptTemplates.length,\n              })\n            : t('deployment dialog deploy functions button label', {\n                count: scriptTemplates.length,\n              })}\n        </Button>\n        <Dialog.Close asChild disabled={status === 'pending'}>\n          <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n        </Dialog.Close>\n      </div>\n    </Dialog.Content>\n  );\n};\n\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DEPLOYMENT_DIALOG, DeploymentDialog } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "LayoutAction", "createIntent", "useIntentDispatcher", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DEPLOYMENT_DIALOG", "meta", "id", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "dispatchPromise", "dispatch", "useIntentDispatcher", "useEffect", "createIntent", "LayoutAction", "AddToast", "part", "subject", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "options", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "IconButton", "size", "label", "iconOnly", "density", "variant", "role", "p", "ul", "map", "template", "li", "key", "name", "Button", "onClick", "disabled", "DeploymentDialog"]
+}

package/dist/lib/browser/chunk-4M7U2WVT.mjs

@@ -0,0 +1,304 @@
+import {
+  TypescriptEditor
+} from "./chunk-M6KJPUJK.mjs";
+import {
+  meta
+} from "./chunk-EB6AXFXO.mjs";
+
+// src/components/NotebookStack/NotebookMenu.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { DropdownMenu, useTranslation } from "@dxos/react-ui";
+var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    return /* @__PURE__ */ React.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("script", cell?.id)
+    }, t("notebook cell insert script label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("prompt", cell?.id)
+    }, t("notebook cell insert prompt label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("query", cell?.id)
+    }, t("notebook cell insert query label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("markdown", cell?.id)
+    }, t("notebook cell insert markdown label")), cell && onCellDelete && /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellDelete?.(cell.id)
+    }, t("notebook cell delete label"))), /* @__PURE__ */ React.createElement(DropdownMenu.Arrow, null)));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 from "react";
+import { DropdownMenu as DropdownMenu2, IconButton, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { Stack, StackItem } from "@dxos/react-ui-stack";
+
+// src/components/NotebookStack/NotebookCell.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { useCallback, useMemo } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { invariant } from "@dxos/invariant";
+import { TemplateEditor } from "@dxos/plugin-assistant";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import { EditorContent, createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/NotebookStack/NotebookCell.tsx";
+var editorStyles = "p-2 pis-3";
+var valueStyles = "p-1 pis-3";
+var NotebookCell = ({ space, graph, dragging, cell, promptResults, env }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const extensions = useMemo(() => {
+      return cell.source?.target ? [
+        createDataExtensions({
+          id: cell.id,
+          text: createDocAccessor(cell.source.target, [
+            "content"
+          ])
+        })
+      ].filter(isNonNullable) : [];
+    }, [
+      cell.source?.target
+    ]);
+    const view = cell.view?.target;
+    const handleQueryChange = useCallback((value) => {
+      invariant(cell.source?.target, void 0, {
+        F: __dxlog_file,
+        L: 64,
+        S: void 0,
+        A: [
+          "cell.source?.target",
+          ""
+        ]
+      });
+      cell.source.target.content = value;
+    }, [
+      cell
+    ]);
+    switch (cell.type) {
+      case "markdown":
+        if (!cell.source?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
+          id: cell.id,
+          classNames: editorStyles,
+          initialValue: cell.source.target.content,
+          extensions
+        });
+      case "script":
+        if (!cell.source?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TypescriptEditor, {
+          id: cell.id,
+          role: "section",
+          classNames: editorStyles,
+          initialValue: cell.source.target.content,
+          extensions,
+          env,
+          options: {
+            placeholder: t("notebook cell placeholder"),
+            highlightActiveLine: false,
+            lineNumbers: false
+          }
+        }), /* @__PURE__ */ React2.createElement(NotebookCellValue, {
+          cell,
+          graph
+        }));
+      case "query":
+        if (!cell.source?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement("div", {
+          className: mx("bs-full overflow-hidden grid", view && !dragging && "grid-rows-[min-content_1fr]")
+        }, /* @__PURE__ */ React2.createElement(QueryEditor, {
+          id: cell.id,
+          classNames: [
+            editorStyles,
+            "border-be border-subduedSeparator"
+          ],
+          db: space?.db,
+          value: cell.source.target.content,
+          onChange: handleQueryChange
+        }), view && !dragging && /* @__PURE__ */ React2.createElement(Surface, {
+          role: "section",
+          limit: 1,
+          data: {
+            subject: view
+          }
+        }));
+      // TODO(burdon): Use streaming response from Chat.
+      case "prompt":
+        if (!cell.prompt?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TemplateEditor, {
+          id: cell.id,
+          template: cell.prompt.target.instructions,
+          lineNumbers: false,
+          classNames: editorStyles
+        }), /* @__PURE__ */ React2.createElement(NotebookPromptResult, {
+          cell,
+          promptResults
+        }));
+      default:
+        return null;
+    }
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookCellValue = ({ cell, graph }) => {
+  var _effect = _useSignals2();
+  try {
+    const name = graph?.expressions.value[cell.id]?.name;
+    const value = graph?.getValue(cell.id);
+    if (value == null) {
+      return null;
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: mx("flex is-full bg-groupSurface border-t border-subduedSeparator text-description font-mono", valueStyles)
+    }, name && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", {
+      className: "text-successText"
+    }, name), /* @__PURE__ */ React2.createElement("span", {
+      className: "text-description"
+    }, "\xA0=\xA0")), /* @__PURE__ */ React2.createElement("span", null, value));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookPromptResult = ({ cell, promptResults }) => {
+  var _effect = _useSignals2();
+  try {
+    if (!cell.prompt) {
+      return null;
+    }
+    const value = promptResults?.[cell.prompt.dxn.toString()];
+    if (value == null) {
+      return null;
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: mx("flex is-full bg-groupSurface text-description border-t border-subduedSeparator", valueStyles)
+    }, /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
+      readOnly: true,
+      value
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookTextEditor = ({ extensions: extensionsParam, readOnly, ...props }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const { themeMode } = useThemeContext();
+    const extensions = useMemo(() => {
+      return [
+        createBasicExtensions({
+          placeholder: t("notebook markdown placeholder"),
+          readOnly
+        }),
+        createThemeExtensions({
+          themeMode,
+          syntaxHighlighting: true
+        }),
+        createMarkdownExtensions(),
+        decorateMarkdown(),
+        extensionsParam
+      ].filter(isNonNullable);
+    }, [
+      extensionsParam
+    ]);
+    return /* @__PURE__ */ React2.createElement(EditorContent, {
+      ...props,
+      extensions,
+      selectionEnd: true
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+var minSectionHeight = "min-bs-[16rem]";
+var NotebookStack = ({ classNames, notebook, onRearrange, ...props }) => {
+  var _effect = _useSignals3();
+  try {
+    return /* @__PURE__ */ React3.createElement(Stack, {
+      classNames,
+      orientation: "vertical",
+      size: "contain",
+      rail: true,
+      onRearrange
+    }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React3.createElement(NotebookSection, {
+      key: i,
+      cell,
+      ...props
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookSection = ({ cell, space, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
+  var _effect = _useSignals3();
+  try {
+    const { t } = useTranslation3(meta.id);
+    const resizable = cell.type === "query";
+    return /* @__PURE__ */ React3.createElement(StackItem.Root, {
+      role: "section",
+      item: cell,
+      draggable: true,
+      classNames: resizable && minSectionHeight
+    }, /* @__PURE__ */ React3.createElement(StackItem.Heading, {
+      classNames: "bs-full p-1 justify-between attention-surface"
+    }, /* @__PURE__ */ React3.createElement(StackItem.DragHandle, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--dots-six-vertical--regular",
+      iconOnly: true,
+      label: "Drag handle"
+    })), /* @__PURE__ */ React3.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React3.createElement(DropdownMenu2.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--dots-three--regular",
+      iconOnly: true,
+      label: t("notebook cell insert label")
+    })), /* @__PURE__ */ React3.createElement(NotebookMenu, {
+      cell,
+      onCellInsert,
+      onCellDelete
+    })), resizable && /* @__PURE__ */ React3.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React3.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      classNames: "overflow-visible bg-groupSurface border border-subduedSeparator"
+    }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+      space,
+      cell: cell2,
+      env,
+      dragging: true
+    }))), /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      classNames: "overflow-visible"
+    }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+      space,
+      cell,
+      env,
+      promptResults,
+      ...props
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  NotebookMenu,
+  NotebookStack
+};
+//# sourceMappingURL=chunk-4M7U2WVT.mjs.map

package/dist/lib/browser/chunk-4M7U2WVT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/NotebookStack/NotebookMenu.tsx", "../../../src/components/NotebookStack/NotebookStack.tsx", "../../../src/components/NotebookStack/NotebookCell.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\n\nexport type NotebookMenuProps = {\n  cell?: Notebook.Cell;\n  onCellInsert?: (type: Notebook.CellType, after: string | undefined) => void;\n  onCellDelete?: (id: string) => void;\n};\n\n// TODO(burdon): Better way to organize menu?\nexport const NotebookMenu = ({ cell, onCellInsert, onCellDelete }: NotebookMenuProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content>\n        <DropdownMenu.Viewport>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('script', cell?.id)}>\n            {t('notebook cell insert script label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('prompt', cell?.id)}>\n            {t('notebook cell insert prompt label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('query', cell?.id)}>\n            {t('notebook cell insert query label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('markdown', cell?.id)}>\n            {t('notebook cell insert markdown label')}\n          </DropdownMenu.Item>\n          {cell && onCellDelete && (\n            <DropdownMenu.Item onClick={() => onCellDelete?.(cell.id)}>\n              {t('notebook cell delete label')}\n            </DropdownMenu.Item>\n          )}\n        </DropdownMenu.Viewport>\n        <DropdownMenu.Arrow />\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { Stack, StackItem, type StackProps } from '@dxos/react-ui-stack';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\nimport { type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { NotebookCell, type NotebookCellProps } from './NotebookCell';\nimport { NotebookMenu } from './NotebookMenu';\n\nconst minSectionHeight = 'min-bs-[16rem]';\n\nexport type NotebookStackProps = ThemedClassName<\n  {\n    notebook?: Notebook.Notebook;\n    onRearrange?: StackProps['onRearrange'];\n  } & (Pick<NotebookSectionProps, 'space' | 'graph' | 'promptResults' | 'onCellInsert' | 'onCellDelete'> &\n    Pick<TypescriptEditorProps, 'env'>)\n>;\n\n// TODO(burdon): Option for narrow rail (with compact buttons that align with first button in toolbar).\nexport const NotebookStack = ({ classNames, notebook, onRearrange, ...props }: NotebookStackProps) => {\n  return (\n    <Stack classNames={classNames} orientation='vertical' size='contain' rail onRearrange={onRearrange}>\n      {notebook?.cells.map((cell, i) => (\n        <NotebookSection key={i} cell={cell} {...props} />\n      ))}\n    </Stack>\n  );\n};\n\ntype NotebookSectionProps = NotebookCellProps;\n\nconst NotebookSection = ({\n  cell,\n  space,\n  env,\n  promptResults,\n  onCellInsert,\n  onCellDelete,\n  ...props\n}: NotebookSectionProps) => {\n  const { t } = useTranslation(meta.id);\n  const resizable = cell.type === 'query';\n\n  return (\n    <StackItem.Root role='section' item={cell} draggable classNames={resizable && minSectionHeight}>\n      <StackItem.Heading classNames='bs-full p-1 justify-between attention-surface'>\n        <StackItem.DragHandle asChild>\n          <IconButton variant='ghost' icon='ph--dots-six-vertical--regular' iconOnly label='Drag handle' />\n        </StackItem.DragHandle>\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              variant='ghost'\n              icon='ph--dots-three--regular'\n              iconOnly\n              label={t('notebook cell insert label')}\n            />\n          </DropdownMenu.Trigger>\n          <NotebookMenu cell={cell} onCellInsert={onCellInsert} onCellDelete={onCellDelete} />\n        </DropdownMenu.Root>\n        {resizable && <StackItem.ResizeHandle />}\n      </StackItem.Heading>\n\n      {/* TODO(burdon): Move drag preview to outer stack (uniformly). */}\n      <StackItem.DragPreview>\n        {({ item: cell }) => (\n          <StackItem.Content classNames='overflow-visible bg-groupSurface border border-subduedSeparator'>\n            <NotebookCell space={space} cell={cell} env={env} dragging />\n          </StackItem.Content>\n        )}\n      </StackItem.DragPreview>\n\n      <StackItem.Content classNames='overflow-visible'>\n        <NotebookCell space={space} cell={cell} env={env} promptResults={promptResults} {...props} />\n      </StackItem.Content>\n    </StackItem.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { invariant } from '@dxos/invariant';\nimport { TemplateEditor } from '@dxos/plugin-assistant';\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport {\n  type BasicExtensionsOptions,\n  EditorContent,\n  type EditorContentProps,\n  createBasicExtensions,\n  createDataExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  decorateMarkdown,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\nimport { type ComputeGraph } from '../../notebook';\nimport { type Notebook } from '../../types';\nimport { TypescriptEditor, type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { type NotebookMenuProps } from './NotebookMenu';\n\nconst editorStyles = 'p-2 pis-3';\nconst valueStyles = 'p-1 pis-3';\n\nexport type NotebookCellProps = {\n  space?: Space;\n  graph?: ComputeGraph;\n  dragging?: boolean;\n  cell: Notebook.Cell;\n  promptResults?: Record<string, string>;\n} & (Pick<NotebookMenuProps, 'onCellInsert' | 'onCellDelete'> & Pick<TypescriptEditorProps, 'env'>);\n\n// TODO(burdon): Show evaluation errors.\nexport const NotebookCell = ({ space, graph, dragging, cell, promptResults, env }: NotebookCellProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const extensions = useMemo(() => {\n    return cell.source?.target\n      ? [\n          createDataExtensions({\n            id: cell.id,\n            text: createDocAccessor(cell.source.target, ['content']),\n          }),\n        ].filter(isNonNullable)\n      : [];\n  }, [cell.source?.target]);\n\n  const view = cell.view?.target;\n\n  const handleQueryChange = useCallback<NonNullable<QueryEditorProps['onChange']>>(\n    (value: string) => {\n      invariant(cell.source?.target);\n      cell.source.target.content = value;\n    },\n    [cell],\n  );\n\n  switch (cell.type) {\n    case 'markdown':\n      if (!cell.source?.target) {\n        return null;\n      }\n\n      return (\n        <NotebookTextEditor\n          id={cell.id}\n          classNames={editorStyles}\n          initialValue={cell.source.target.content}\n          extensions={extensions}\n        />\n      );\n\n    case 'script':\n      if (!cell.source?.target) {\n        return null;\n      }\n\n      return (\n        <>\n          <TypescriptEditor\n            id={cell.id}\n            role='section'\n            classNames={editorStyles}\n            initialValue={cell.source.target.content}\n            extensions={extensions}\n            env={env}\n            options={{\n              placeholder: t('notebook cell placeholder'),\n              highlightActiveLine: false,\n              lineNumbers: false,\n            }}\n          />\n          <NotebookCellValue cell={cell} graph={graph} />\n        </>\n      );\n\n    case 'query':\n      if (!cell.source?.target) {\n        return null;\n      }\n\n      // TODO(burdon): Remove app-framework deps (via render prop).\n      return (\n        <div className={mx('bs-full overflow-hidden grid', view && !dragging && 'grid-rows-[min-content_1fr]')}>\n          <QueryEditor\n            id={cell.id}\n            classNames={[editorStyles, 'border-be border-subduedSeparator']}\n            db={space?.db}\n            value={cell.source.target.content}\n            onChange={handleQueryChange}\n          />\n          {view && !dragging && <Surface role='section' limit={1} data={{ subject: view }} />}\n        </div>\n      );\n\n    // TODO(burdon): Use streaming response from Chat.\n    case 'prompt':\n      if (!cell.prompt?.target) {\n        return null;\n      }\n\n      return (\n        <>\n          <TemplateEditor\n            id={cell.id}\n            template={cell.prompt.target.instructions}\n            lineNumbers={false}\n            classNames={editorStyles}\n          />\n          <NotebookPromptResult cell={cell} promptResults={promptResults} />\n        </>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst NotebookCellValue = ({ cell, graph }: NotebookCellProps) => {\n  const name = graph?.expressions.value[cell.id]?.name;\n  const value = graph?.getValue(cell.id);\n  if (value == null) {\n    return null;\n  }\n\n  return (\n    <div\n      className={mx(\n        'flex is-full bg-groupSurface border-t border-subduedSeparator text-description font-mono',\n        valueStyles,\n      )}\n    >\n      {name && (\n        <>\n          <span className='text-successText'>{name}</span>\n          <span className='text-description'>&nbsp;=&nbsp;</span>\n        </>\n      )}\n      <span>{value}</span>\n    </div>\n  );\n};\n\nconst NotebookPromptResult = ({ cell, promptResults }: NotebookCellProps) => {\n  if (!cell.prompt) {\n    return null;\n  }\n\n  const value = promptResults?.[cell.prompt.dxn.toString()];\n  if (value == null) {\n    return null;\n  }\n\n  return (\n    <div className={mx('flex is-full bg-groupSurface text-description border-t border-subduedSeparator', valueStyles)}>\n      <NotebookTextEditor readOnly value={value} />\n    </div>\n  );\n};\n\nconst NotebookTextEditor = ({\n  extensions: extensionsParam,\n  readOnly,\n  ...props\n}: EditorContentProps & Pick<BasicExtensionsOptions, 'readOnly'>) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n  const extensions = useMemo(() => {\n    return [\n      createBasicExtensions({\n        placeholder: t('notebook markdown placeholder'),\n        readOnly,\n      }),\n      createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n      createMarkdownExtensions(),\n      decorateMarkdown(),\n      extensionsParam,\n    ].filter(isNonNullable);\n  }, [extensionsParam]);\n\n  return <EditorContent {...props} extensions={extensions} selectionEnd />;\n};\n"],
+  "mappings": "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",
+  "names": ["React", "DropdownMenu", "useTranslation", "NotebookMenu", "cell", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "DropdownMenu", "Portal", "Content", "Viewport", "Item", "onClick", "Arrow", "React", "DropdownMenu", "IconButton", "useTranslation", "Stack", "StackItem", "React", "useCallback", "useMemo", "Surface", "invariant", "TemplateEditor", "createDocAccessor", "useThemeContext", "useTranslation", "QueryEditor", "EditorContent", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "decorateMarkdown", "mx", "isNonNullable", "editorStyles", "valueStyles", "NotebookCell", "space", "graph", "dragging", "cell", "promptResults", "env", "t", "useTranslation", "meta", "id", "extensions", "useMemo", "source", "target", "createDataExtensions", "text", "createDocAccessor", "filter", "isNonNullable", "view", "handleQueryChange", "useCallback", "value", "invariant", "content", "type", "React", "NotebookTextEditor", "classNames", "initialValue", "TypescriptEditor", "role", "options", "placeholder", "highlightActiveLine", "lineNumbers", "NotebookCellValue", "div", "className", "mx", "QueryEditor", "db", "onChange", "Surface", "limit", "data", "subject", "prompt", "TemplateEditor", "template", "instructions", "NotebookPromptResult", "name", "expressions", "getValue", "span", "dxn", "toString", "readOnly", "extensionsParam", "props", "themeMode", "useThemeContext", "createBasicExtensions", "createThemeExtensions", "syntaxHighlighting", "createMarkdownExtensions", "decorateMarkdown", "EditorContent", "selectionEnd", "minSectionHeight", "NotebookStack", "classNames", "notebook", "onRearrange", "props", "React", "Stack", "orientation", "size", "rail", "cells", "map", "cell", "i", "NotebookSection", "key", "space", "env", "promptResults", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "resizable", "type", "StackItem", "Root", "role", "item", "draggable", "Heading", "DragHandle", "asChild", "IconButton", "variant", "icon", "iconOnly", "label", "DropdownMenu", "Trigger", "NotebookMenu", "ResizeHandle", "DragPreview", "Content", "NotebookCell", "dragging"]
+}