@dxos/plugin-script 0.9.1-main.c7dcc2e112 → 0.9.1-staging.ee54ba693a

package/dist/lib/neutral/chunk-WAGQ77UQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/anthropic.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/chess-bot.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/commentary.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/data-generator.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/discord.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/email.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/forex-effect.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/forex.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/gmail.ts", "raw-loader:/__w/dxos/dxos/packages/plugins/plugin-script/src/templates/ping.ts", "../../../src/templates/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as LanguageModel from '@effect/ai/LanguageModel';\nimport * as Chunk from 'effect/Chunk';\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\nimport * as Stream from 'effect/Stream';\n\nimport { AiService } from '@dxos/ai';\nimport { Operation } from '@dxos/compute';\nimport { DXN } from '@dxos/keys';\n\nconst Anthropic = Operation.make({\n  meta: {\n    key: DXN.make('org.dxos.script.anthropic'),\n    name: 'Anthropic Chat',\n    description: 'Chat with Anthropic',\n  },\n  input: Schema.Struct({\n    message: Schema.String,\n  }),\n  output: Schema.Any,\n  services: [AiService.AiService],\n});\n\nexport default Anthropic.pipe(\n  Operation.withHandler(\n    Effect.fn(function* ({ message }) {\n      const model = AiService.model('com.anthropic.model.claude-sonnet-4-6.default');\n\n      //\n      // Basic example.\n      //\n      const { text } = yield* LanguageModel.generateText({ prompt: message }).pipe(Effect.provide(model));\n\n      //\n      // Streaming example.\n      //\n      const parts = yield* LanguageModel.streamText({\n        prompt: 'Count from 1 to 5, one number per line.',\n      }).pipe(Stream.runCollect, Effect.map(Chunk.toArray), Effect.provide(model));\n      const textDeltas = parts.filter((p) => p.type === 'text-delta');\n      const fullText = textDeltas.map((p) => (p as { delta: string }).delta).join('');\n\n      return { response: text, streamText: fullText };\n    }),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { Operation } from '@dxos/compute';\nimport { Database, DXN, Obj } from '@dxos/echo';\nimport { Chess } from '@dxos/plugin-chess';\nimport { Game, GameRef, loadGame } from '@dxos/plugin-game';\n\nconst ChessBot = Operation.make({\n  meta: {\n    key: DXN.make('org.dxos.script.chessBot'),\n    name: 'Chess Bot',\n    description: 'Plays a random move in a chess game.',\n  },\n  input: Schema.Struct({\n    game: GameRef(Chess.State).annotations({\n      description: 'The chess game to comment on.',\n    }),\n    player: Schema.optional(Schema.Literal('white', 'black')).annotations({\n      description: 'The player to play the game as.',\n    }),\n  }),\n  output: Schema.Struct({\n    state: Schema.String.annotations({\n      description: 'The state of the game as an ASCII art board.',\n    }),\n  }),\n  types: [Game, Chess.State],\n  services: [Database.Service],\n});\n\nexport default ChessBot.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ game, player = 'black' }) {\n      const { variant } = yield* loadGame(game, Chess.State);\n      const chess = new ChessJS();\n      chess.loadPgn(variant.pgn ?? '');\n      if (chess.turn() !== (player === 'white' ? 'w' : 'b')) {\n        return { state: chess.ascii() };\n      }\n\n      const moves = chess.moves({ verbose: true });\n      const move = moves[Math.floor(Math.random() * moves.length)];\n      if (!move) {\n        return { state: chess.ascii() };\n      }\n\n      chess.move(move.san);\n      const newPgn = chess.pgn();\n      Obj.update(variant, (variant) => {\n        const mutable = variant as Obj.Mutable<typeof variant>;\n        mutable.pgn = newPgn;\n      });\n      yield* Database.flush();\n      return { state: chess.ascii() };\n    }),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as A from '@automerge/automerge';\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Array from 'effect/Array';\nimport * as Effect from 'effect/Effect';\nimport * as Function from 'effect/Function';\nimport * as Layer from 'effect/Layer';\nimport * as Option from 'effect/Option';\nimport * as Schema from 'effect/Schema';\n\nimport { AiService, ConsolePrinter, ToolExecutionService, ToolResolverService } from '@dxos/ai';\nimport { AppAnnotation } from '@dxos/app-toolkit';\nimport { AiRequest, GenerationObserver } from '@dxos/assistant';\nimport { Operation, Trace } from '@dxos/compute';\nimport { Annotation, Collection, Database, DXN, Filter, Obj, Ref, Relation, URI } from '@dxos/echo';\nimport { Doc } from '@dxos/echo-doc';\nimport { registryLayerNoop } from '@dxos/echo/testing';\nimport { log } from '@dxos/log';\nimport { Chess } from '@dxos/plugin-chess';\nimport { Game, GameRef, loadGame } from '@dxos/plugin-game';\nimport { Markdown } from '@dxos/plugin-markdown';\nimport { Text } from '@dxos/schema';\nimport { HasSubject } from '@dxos/types';\nimport { trim } from '@dxos/util';\n\nconst Commentary = Operation.make({\n  meta: {\n    key: DXN.make('org.dxos.function.chess.commentary'),\n    name: 'Commentary',\n    description: 'Adds commentary about the most recent move to a markdown document associated with the chess game.',\n  },\n  input: Schema.Struct({\n    game: GameRef(Chess.State).annotations({\n      description: 'The chess game to comment on.',\n    }),\n  }),\n  output: Schema.Union(\n    Schema.Struct({\n      documentId: URI.Schema.annotations({\n        description: 'The ID of the markdown document that was updated or created.',\n      }),\n      commentary: Schema.String.annotations({\n        description: 'The commentary that was added.',\n      }),\n    }),\n    Schema.Void.annotations({\n      description: 'Function did not find anything to comment on.',\n    }),\n  ),\n  types: [Game, Chess.State, Markdown.Document, Text.Text, HasSubject.HasSubject, Collection.Collection],\n  services: [AiService.AiService, Database.Service],\n});\n\nexport default Commentary.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(\n      function* ({ game: gameRef }) {\n        // Load the game and its Chess variant state.\n        log.info('load game', { gameRef });\n        const { game: chessGame, variant: chessState } = yield* loadGame(gameRef, Chess.State);\n\n        // Load the chess position from PGN or FEN.\n        const chess = new ChessJS();\n        if (chessState.pgn) {\n          chess.loadPgn(chessState.pgn);\n        } else if (chessState.fen) {\n          chess.load(chessState.fen);\n        } else {\n          log.info('Early return: no pgn or fen');\n          return;\n        }\n\n        // Get the most recent move\n        const history = chess.history({ verbose: true });\n        if (history.length === 0) {\n          throw new Error('No moves have been played yet');\n        }\n        const lastMove = history[history.length - 1];\n        const moveNumber = Math.ceil(history.length / 2);\n        const isWhiteMove = history.length % 2 === 1;\n        const player = isWhiteMove ? 'White' : 'Black';\n        const moveNotation = lastMove.san;\n\n        // Generate AI commentary about the move\n        const result = yield* new AiRequest.Request({\n          observer: GenerationObserver.fromPrinter(new ConsolePrinter({ tag: 'chess-commentary' })),\n        }).run({\n          prompt:\n            `Comment on this chess move as if you're commentating a live match for an audience:\\n\\n` +\n            `Move ${moveNumber}: ${player} plays ${moveNotation} (${lastMove.from} to ${lastMove.to})${lastMove.captured ? `, capturing ${lastMove.captured}` : ''}\\n` +\n            `Current position: ${chess.fen()}\\n` +\n            `${chess.isCheck() ? 'The king is in check! ' : ''}` +\n            `${chess.isCheckmate() ? 'CHECKMATE! ' : ''}` +\n            `${chess.isStalemate() ? 'STALEMATE! ' : ''}` +\n            `\\nGame so far:\\n${chess.pgn()}`,\n          system: COMMENTARY_SYSTEM_PROMPT,\n          history: [],\n        });\n\n        const commentaryText = Function.pipe(\n          result,\n          Array.findLast((msg) => msg.sender.role === 'assistant' && msg.blocks.some((block) => block._tag === 'text')),\n          Option.flatMap((msg) =>\n            Function.pipe(\n              msg.blocks,\n              Array.findLast((block) => block._tag === 'text'),\n              Option.map((block) => block.text),\n            ),\n          ),\n          Option.getOrThrowWith(() => new Error('No commentary generated')),\n        );\n\n        const commentary = `## Move ${moveNumber}: ${player} plays ${moveNotation}\\n\\n${commentaryText}\\n\\n`;\n        log.info('commentary', { commentary });\n\n        // TODO(wittjosiah): Functions currently don't support traversals.\n        // const docs = yield* Database.query(\n        //   Query.select(Filter.id(chessGame.id)).targetOf(HasSubject.HasSubject).source(),\n        // ).run.pipe(Effect.map((objects) => objects.filter((object) => Obj.instanceOf(Markdown.Document, object))));\n        const docs = yield* Database.query(Filter.type(HasSubject.HasSubject)).run.pipe(\n          Effect.map((relations) =>\n            relations.filter((relation) => {\n              // TODO(wittjosiah): This is a workaround for getTarget not handling deleted objects.\n              try {\n                log.info('relation', {\n                  source: Obj.getURI(Relation.getTarget(relation)),\n                  game: Obj.getURI(chessGame),\n                });\n                return Obj.getURI(Relation.getTarget(relation)) === Obj.getURI(chessGame);\n              } catch {\n                return false;\n              }\n            }),\n          ),\n          Effect.map((relations) =>\n            relations\n              .map((relation) => {\n                // TODO(wittjosiah): This is a workaround for getSource not handling deleted objects.\n                try {\n                  return Relation.getSource(relation);\n                } catch {\n                  return undefined;\n                }\n              })\n              .filter((source) => source !== undefined),\n          ),\n          Effect.map((sources) => {\n            const docs = sources.filter((source) => Obj.instanceOf(Markdown.Document, source));\n            log.info('docs', { sources, docs });\n            return docs;\n          }),\n        );\n        log.info('docs', { count: docs.length });\n\n        let document: Markdown.Document;\n        if (docs.length === 0) {\n          // TODO(wittjosiah): Deploy fails if `SpaceProperties` schema is imported because its from `client-protocol`.\n          const [properties] = yield* Database.query(Filter.type(DXN.make('org.dxos.type.spaceProperties'))).run;\n          const rootCollectionRef = Annotation.get(properties, AppAnnotation.RootCollectionAnnotation).pipe(\n            Option.getOrUndefined,\n          );\n          const rootCollection = rootCollectionRef\n            ? yield* Database.load<Collection.Collection>(rootCollectionRef)\n            : undefined;\n\n          log.info('rootCollection', { rootCollection });\n\n          // Create a new markdown document\n          const gameName = chessGame.name || 'Chess Game';\n          document = yield* Database.add(\n            Markdown.make({\n              name: `${gameName} Commentary`,\n              content: `# ${gameName} Commentary\\n\\n${commentary}`,\n            }),\n          );\n\n          const documentRef = Ref.make(document);\n          if (rootCollection) {\n            Obj.update(rootCollection, (rootCollection) => {\n              rootCollection.objects.push(documentRef);\n            });\n          }\n\n          // Create the HasSubject relation\n          yield* Database.add(\n            Relation.make(HasSubject.HasSubject, {\n              [Relation.Source]: document,\n              [Relation.Target]: chessGame,\n            }),\n          );\n        } else {\n          document = docs[0];\n\n          // Load the text content and append the commentary\n          const text = yield* Database.load(document.content);\n          const accessor = Doc.createAccessor(text, ['content']);\n          accessor.handle.change((doc: A.Doc<Text.Text>) => {\n            A.splice(doc, accessor.path.slice(), text.content.length, 0, commentary);\n          });\n        }\n\n        log.info('result', { documentId: Obj.getURI(document), commentary });\n\n        yield* Database.flush();\n\n        return {\n          documentId: Obj.getURI(document),\n          commentary,\n        };\n      },\n      Effect.provide(\n        Layer.mergeAll(\n          AiService.model('com.anthropic.model.claude-haiku-4-5.default'),\n          ToolResolverService.layerEmpty,\n          ToolExecutionService.layerEmpty,\n          Trace.writerLayerNoop,\n          Database.notAvailable,\n          Layer.succeed(Operation.Service, {\n            invoke: () => Effect.die('Not available.'),\n            schedule: () => Effect.die('Not available.'),\n            invokePromise: async () => ({ error: new Error('Not available.') }),\n          } as any),\n          registryLayerNoop,\n        ),\n      ),\n    ),\n  ),\n);\n\nconst COMMENTARY_SYSTEM_PROMPT = trim`\n  You are a professional chess commentator providing live commentary for a chess match.\n\n  # Style\n  - Write in an engaging, enthusiastic style as if commentating for a live audience\n  - Be concise but informative (2-4 sentences)\n  - Explain the strategic implications of the move\n  - Note any tactical elements (captures, threats, checks)\n  - Comment on the position and what it means for the game\n\n  # Format\n  - Write in plain text (no markdown formatting in the commentary itself)\n  - Be natural and conversational\n  - Use chess terminology appropriately but keep it accessible\n\n  # Special Situations\n  - If it's checkmate, express excitement about the conclusion\n  - If it's check, note the pressure on the king\n  - If a piece is captured, mention the material exchange\n  - Comment on the development of pieces and control of key squares when relevant\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: 'org.dxos.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    space.db.graph.registry.add([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, EntityId, Filter, 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: EntityId,\n  foreignId: S.Any, // bigint?\n  from: S.String,\n  created: S.String,\n  content: S.String,\n}).pipe(\n  EchoObject({\n    typename: 'com.example.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: 'org.dxos.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('org.dxos.type.accessToken', { source: 'discord.com' })).first(),\n        catch: (e: any) => e,\n      });\n      const { objects } = yield* Effect.tryPromise({\n        try: () => space.queues.queryQueue(DXN.tryMake(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: EntityId.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.tryMake(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\nimport * as FetchHttpClient from '@effect/platform/FetchHttpClient';\nimport * as HttpClient from '@effect/platform/HttpClient';\nimport * as HttpClientRequest from '@effect/platform/HttpClientRequest';\nimport * as Effect from 'effect/Effect';\nimport * as Schedule from 'effect/Schedule';\nimport * as Schema from 'effect/Schema';\n\nimport { Operation } from '@dxos/compute';\nimport { DXN } from '@dxos/keys';\n\nconst ForexEffect = Operation.make({\n  meta: {\n    key: DXN.make('org.dxos.script.forexEffect'),\n    name: 'Forex Effect',\n    description: 'Returns the exchange rate between two currencies.',\n  },\n  input: Schema.Struct({\n    from: Schema.String.annotations({ description: 'The source currency' }),\n    to: Schema.String.annotations({ description: 'The target currency' }),\n  }),\n  output: Schema.Any,\n});\n\nexport default ForexEffect.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ from: rawFrom, to: rawTo }) {\n      const from = rawFrom.toUpperCase();\n      const to = rawTo.toUpperCase();\n      const json: any = yield* HttpClientRequest.get(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`).pipe(\n        HttpClient.execute,\n        Effect.flatMap((response) => response.json),\n        Effect.timeout('5 seconds'),\n        Effect.retry(Schedule.exponential(1_000).pipe(Schedule.compose(Schedule.recurs(3)))),\n        Effect.scoped,\n      );\n\n      const rate = json?.data?.rates?.[to];\n      if (rate == null) {\n        return yield* Effect.fail(new Error(`No rate found for ${from} -> ${to}`));\n      }\n\n      return rate.toString();\n    }, Effect.provide(FetchHttpClient.layer)),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { Operation } from '@dxos/compute';\nimport { DXN } from '@dxos/keys';\n\nconst Forex = Operation.make({\n  meta: {\n    key: DXN.make('org.dxos.script.forex'),\n    name: 'Forex',\n    description: 'Returns the exchange rate between two currencies.',\n  },\n  input: Schema.Struct({\n    from: Schema.String.annotations({ description: 'The source currency' }),\n    to: Schema.String.annotations({ description: 'The target currency' }),\n  }),\n  output: Schema.Any,\n});\n\nexport default Forex.pipe(\n  Operation.withHandler(\n    Effect.fn(function* ({ from: rawFrom, to: rawTo }) {\n      const from = rawFrom.toUpperCase();\n      const to = rawTo.toUpperCase();\n      const res = yield* Effect.promise(() => fetch(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`));\n      const {\n        data: { rates },\n      } = yield* Effect.promise(() => res.json());\n\n      return rates[to].toString();\n    }),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { EchoObject, EntityId, Filter, 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: 'org.dxos.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('org.dxos.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.uri),\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: EntityId.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.uri, 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: EntityId,\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: 'org.dxos.type.message',\n    version: '0.1.0',\n  }),\n);\ntype MessageType = S.Schema.Type<typeof MessageType>;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { Operation } from '@dxos/compute';\nimport { DXN } from '@dxos/keys';\n\nconst Ping = Operation.make({\n  meta: {\n    key: DXN.make('org.dxos.script.ping'),\n    name: 'Ping',\n  },\n  input: Schema.Any,\n  output: Schema.Any,\n});\n\nexport default Ping.pipe(\n  Operation.withHandler(\n    Effect.fn(function* (data) {\n      return data;\n    }),\n  ),\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport anthropic from './anthropic.ts?raw';\nimport chessBot from './chess-bot.ts?raw';\nimport commentary from './commentary.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: 'org.dxos.script.ping',\n    name: 'Ping',\n    source: removeHeader(ping),\n  },\n  {\n    id: 'org.dxos.script.forex',\n    name: 'Forex',\n    source: removeHeader(forex),\n  },\n  {\n    id: 'org.dxos.script.forex-effect',\n    name: 'Forex (Effect)',\n    source: removeHeader(forexEffect),\n  },\n  {\n    id: 'org.dxos.script.chess-bot',\n    name: 'Chess Bot',\n    source: removeHeader(chessBot),\n    presetId: 'org.dxos.function.chess-bot',\n  },\n  {\n    id: 'org.dxos.script.email',\n    name: 'Email',\n    source: removeHeader(email),\n    presetId: 'org.dxos.function.email',\n  },\n  {\n    id: 'org.dxos.script.discord',\n    name: 'Discord',\n    source: removeHeader(discord),\n    presetId: 'org.dxos.function.discord',\n  },\n  {\n    id: 'org.dxos.script.gmail',\n    name: 'Gmail',\n    source: removeHeader(gmail),\n    presetId: 'org.dxos.function.gmail',\n  },\n  {\n    id: 'org.dxos.script.data-generator',\n    name: 'Data Generator',\n    source: removeHeader(dataGenerator),\n    presetId: 'org.dxos.function.data-generator',\n  },\n  {\n    id: 'org.dxos.script.anthropic',\n    name: 'Anthropic',\n    source: removeHeader(anthropic),\n  },\n  {\n    id: 'org.dxos.script.commentary',\n    name: 'Commentary',\n    source: removeHeader(commentary),\n    presetId: 'org.dxos.function.chess.commentary',\n  },\n] as const;\n"],
+  "mappings": ";AAAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACeA,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,iBAAAA;IACrBC,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaM,aAAAA;IACrBD,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaO,eAAAA;IACrBF,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaQ,aAAAA;IACrBH,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaS,sBAAAA;IACrBJ,UAAU;EACZ;EACA;IACER,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaU,iBAAAA;EACvB;EACA;IACEb,IAAI;IACJC,MAAM;IACNC,QAAQC,aAAaW,kBAAAA;IACrBN,UAAU;EACZ;;",
+  "names": ["removeHeader", "str", "split", "slice", "join", "templates", "id", "name", "source", "removeHeader", "ping", "forex", "forexEffect", "chessBot", "presetId", "email", "discord", "gmail", "dataGenerator", "anthropic", "commentary"]
+}

package/dist/lib/neutral/components/index.mjs

@@ -3,9 +3,6 @@ import {
 } from "../chunk-2REUEDUA.mjs";
 import "../chunk-J5LGTIGS.mjs";
 
-// src/components/index.ts
-import { lazy } from "react";
-
 // src/components/NotebookStack/NotebookMenu.tsx
 import React from "react";
 import { DropdownMenu, useTranslation } from "@dxos/react-ui";
@@ -26,20 +23,23 @@ var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
 };
 
 // src/components/NotebookStack/NotebookStack.tsx
-import React4 from "react";
-import { DropdownMenu as DropdownMenu2, IconButton, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import React4, { useCallback as useCallback2, useMemo as useMemo2, useState } from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { DropdownMenu as DropdownMenu2, IconButton, ScrollArea, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { composable as composable2, composableProps as composableProps2 } from "@dxos/react-ui";
-import { Stack, StackItem } from "@dxos/react-ui-stack";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { mx as mx2 } from "@dxos/ui-theme";
+import { arrayMove } from "@dxos/util";
 import { meta as meta3 } from "#meta";
 
 // src/components/NotebookStack/NotebookCell.tsx
 import React3, { useCallback, useMemo } from "react";
 import { Surface } from "@dxos/app-framework/ui";
-import { AppSurface as AppSurface2 } from "@dxos/app-toolkit/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
 import { Obj } from "@dxos/echo";
-import { createDocAccessor } from "@dxos/echo-client";
+import { Doc } from "@dxos/echo-doc";
 import { invariant } from "@dxos/invariant";
-import { TemplateEditor } from "@dxos/plugin-assistant/components";
+import { TemplateEditor } from "@dxos/plugin-routine/components";
 import { useThemeContext as useThemeContext2, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { QueryEditor } from "@dxos/react-ui-components";
 import { Editor } from "@dxos/react-ui-editor";
@@ -60,7 +60,6 @@ import { composeRefs } from "@radix-ui/react-compose-refs";
 import { continueKeymap } from "@valtown/codemirror-continue";
 import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
 import React2 from "react";
-import { AppSurface } from "@dxos/app-toolkit/ui";
 import { useThemeContext } from "@dxos/react-ui";
 import { composable, composableProps } from "@dxos/react-ui";
 import { useTextEditor } from "@dxos/react-ui-editor";
@@ -76,20 +75,20 @@ var TypescriptEditor = composable(({ classNames, id, role = "article", inputMode
     scrollTo,
     extensions: [
       extensions,
+      createThemeExtensions({
+        monospace: true,
+        themeMode,
+        syntaxHighlighting: true
+      }),
       createBasicExtensions({
         highlightActiveLine: true,
         indentWithTab: true,
         lineNumbers: true,
         lineWrapping: false,
-        scrollPastEnd: role !== AppSurface.Section.role,
+        scrollPastEnd: role === "article",
         search: true,
         ...options
       }),
-      createThemeExtensions({
-        monospace: true,
-        themeMode,
-        syntaxHighlighting: true
-      }),
       InputModeExtensions[inputMode],
       javascript({
         typescript: true
@@ -168,11 +167,11 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
     return cell.source?.target ? [
       createDataExtensions({
         id: cell.id,
-        text: createDocAccessor(cell.source.target, [
+        text: Doc.createAccessor(cell.source.target, [
           "content"
         ])
       })
-    ].filter(isNonNullable2) : [];
+    ] : [];
   }, [
     cell.source?.target
   ]);
@@ -200,7 +199,9 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
       if (!cell.source?.target) {
         return null;
       }
-      return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(TypescriptEditor, {
+      return /* @__PURE__ */ React3.createElement("div", {
+        className: "flex flex-col divide-y divide-subdued-separator"
+      }, /* @__PURE__ */ React3.createElement(TypescriptEditor, {
         id: cell.id,
         role: "section",
         classNames: editorStyles,
@@ -224,15 +225,12 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
         className: mx("h-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
       }, /* @__PURE__ */ React3.createElement(QueryEditor, {
         id: cell.id,
-        classNames: [
-          editorStyles,
-          "border-b border-subdued-separator"
-        ],
+        classNames: editorStyles,
         db,
         value: cell.source.target.content,
         onChange: handleQueryChange
       }), explorerGraph && !dragging && /* @__PURE__ */ React3.createElement(Surface.Surface, {
-        type: AppSurface2.Section,
+        type: AppSurface.Section,
         limit: 1,
         data: {
           subject: explorerGraph,
@@ -246,7 +244,7 @@ var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
       }
       return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(TemplateEditor, {
         id: cell.id,
-        source: cell.prompt.target.instructions,
+        source: cell.prompt.target.text,
         lineNumbers: false,
         classNames: editorStyles
       }), /* @__PURE__ */ React3.createElement(NotebookPromptResult, {
@@ -264,7 +262,7 @@ var NotebookCellValue = ({ cell, graph }) => {
     return null;
   }
   return /* @__PURE__ */ React3.createElement("div", {
-    className: mx("flex w-full bg-group-surface border-y border-subdued-separator text-description font-mono", valueStyles)
+    className: mx("flex w-full bg-group-surface text-description font-mono", valueStyles)
   }, name && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("span", {
     className: "text-success-text"
   }, name), /* @__PURE__ */ React3.createElement("span", {
@@ -291,22 +289,26 @@ var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) =>
   const { themeMode } = useThemeContext2();
   const extensions = useMemo(() => {
     return [
-      createBasicExtensions2({
-        placeholder: t("notebook-markdown.placeholder"),
-        readOnly
-      }),
       createThemeExtensions2({
         themeMode,
         syntaxHighlighting: true
       }),
+      createBasicExtensions2({
+        placeholder: t("notebook-markdown.placeholder"),
+        readOnly
+      }),
       createMarkdownExtensions(),
       decorateMarkdown(),
       extensionsProp
     ].filter(isNonNullable2);
   }, [
-    extensionsProp
+    extensionsProp,
+    readOnly,
+    themeMode,
+    t
   ]);
   return /* @__PURE__ */ React3.createElement(Editor.Root, null, /* @__PURE__ */ React3.createElement(Editor.View, {
+    classNames: "border",
     ...props,
     extensions,
     selectionEnd: true
@@ -315,46 +317,86 @@ var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) =>
 
 // src/components/NotebookStack/NotebookStack.tsx
 var minSectionHeight = "min-h-[16rem]";
-var NotebookStack = composable2(({ notebook, onRearrange, db, graph, promptResults, onCellInsert, onCellDelete, env, ...props }, forwardedRef) => {
-  const sectionProps = {
+var getCellId = (cell) => cell.id;
+var NotebookStack = composable2(({ notebook, db, graph, promptResults, onCellInsert, onCellDelete, env, ...props }, forwardedRef) => {
+  const [viewport, setViewport] = useState(null);
+  const Tile = useCallback2((tileProps) => /* @__PURE__ */ React4.createElement(NotebookSection, {
+    ...tileProps,
     db,
     graph,
     promptResults,
     onCellInsert,
     onCellDelete,
     env
-  };
-  return /* @__PURE__ */ React4.createElement(Stack, {
-    ...composableProps2(props),
-    orientation: "vertical",
-    size: "contain",
-    rail: true,
-    onRearrange,
+  }), [
+    db,
+    graph,
+    promptResults,
+    onCellInsert,
+    onCellDelete,
+    env
+  ]);
+  const eventHandler = useMemo2(() => ({
+    id: notebook?.id ?? "notebook",
+    // Only the notebook's own cells are droppable; onDrop only reorders within this notebook.
+    canDrop: ({ source }) => !!notebook && notebook.cells.some((cell) => cell.id === source.id),
+    onDrop: ({ source, target }) => {
+      if (!notebook || !target) {
+        return;
+      }
+      const to = target.type === "tile" || target.type === "placeholder" ? target.location : target.type === "container" ? notebook.cells.length : -1;
+      const insertIndex = typeof to === "number" && to >= 0 ? Math.floor(to) : -1;
+      if (insertIndex < 0) {
+        return;
+      }
+      Obj2.update(notebook, (notebook2) => {
+        const from = notebook2.cells.findIndex((cell) => cell.id === source.id);
+        if (from !== -1) {
+          arrayMove(notebook2.cells, from, insertIndex);
+        }
+      });
+    }
+  }), [
+    notebook
+  ]);
+  return /* @__PURE__ */ React4.createElement(Mosaic.Root, {
     ref: forwardedRef
-  }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React4.createElement(NotebookSection, {
-    key: i,
-    cell,
-    ...sectionProps
-  })));
+  }, /* @__PURE__ */ React4.createElement(Mosaic.Container, {
+    asChild: true,
+    orientation: "vertical",
+    autoScroll: viewport,
+    eventHandler
+  }, /* @__PURE__ */ React4.createElement(ScrollArea.Root, {
+    orientation: "vertical",
+    padding: true,
+    ...composableProps2(props)
+  }, /* @__PURE__ */ React4.createElement(ScrollArea.Viewport, {
+    ref: setViewport
+  }, /* @__PURE__ */ React4.createElement(Mosaic.Stack, {
+    orientation: "vertical",
+    items: notebook?.cells ?? [],
+    getId: getCellId,
+    Tile
+  })))));
 });
-var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
+var NotebookSection = ({ data: cell, db, env, graph, promptResults, onCellInsert, onCellDelete, ...tileProps }) => {
   const { t } = useTranslation3(meta3.profile.key);
   const resizable = cell.type === "query";
-  return /* @__PURE__ */ React4.createElement(StackItem.Root, {
-    role: "section",
-    item: cell,
-    draggable: true,
-    classNames: resizable && minSectionHeight
-  }, /* @__PURE__ */ React4.createElement(StackItem.Heading, {
-    classNames: "h-full p-1 justify-between dx-attention-surface"
-  }, /* @__PURE__ */ React4.createElement(StackItem.DragHandle, {
-    asChild: true
+  const [dragHandle, setDragHandle] = useState(null);
+  return /* @__PURE__ */ React4.createElement(Mosaic.Tile, {
+    ...tileProps,
+    data: cell,
+    dragHandle,
+    classNames: mx2("grid grid-cols-[min-content_1fr] overflow-visible border border-subdued-separator", resizable && minSectionHeight)
+  }, /* @__PURE__ */ React4.createElement("div", {
+    className: "flex flex-col p-1 border-e border-subdued-separator dx-attention-surface"
   }, /* @__PURE__ */ React4.createElement(IconButton, {
+    ref: setDragHandle,
     variant: "ghost",
     icon: "ph--dots-six-vertical--regular",
     iconOnly: true,
     label: "Drag handle"
-  })), /* @__PURE__ */ React4.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React4.createElement(DropdownMenu2.Trigger, {
+  }), /* @__PURE__ */ React4.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React4.createElement(DropdownMenu2.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React4.createElement(IconButton, {
     variant: "ghost",
@@ -365,26 +407,17 @@ var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelet
     cell,
     onCellInsert,
     onCellDelete
-  })), resizable && /* @__PURE__ */ React4.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React4.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React4.createElement(StackItem.Content, {
-    classNames: "overflow-visible bg-group-surface border border-subdued-separator"
-  }, /* @__PURE__ */ React4.createElement(NotebookCell, {
-    db,
-    cell: cell2,
-    env,
-    dragging: true
-  }))), /* @__PURE__ */ React4.createElement(StackItem.Content, {
-    classNames: "overflow-visible"
-  }, /* @__PURE__ */ React4.createElement(NotebookCell, {
+  }))), /* @__PURE__ */ React4.createElement(NotebookCell, {
     db,
     cell,
     env,
-    promptResults,
-    ...props
-  })));
+    graph,
+    promptResults
+  }));
 };
 
 // src/components/QueryEditor/QueryEditor.tsx
-import React5, { useState } from "react";
+import React5, { useState as useState2 } from "react";
 import { ModuleResolutionKind, ScriptTarget } from "typescript";
 import queryApi from "@dxos/echo-query/api.d.ts?raw";
 import { useAsyncEffect } from "@dxos/react-ui";
@@ -402,7 +435,7 @@ var GLOBALS = `
   export {};
 `;
 var QueryEditor2 = (props) => {
-  const [compiler, setCompiler] = useState();
+  const [compiler, setCompiler] = useState2();
   useAsyncEffect(async () => {
     const compiler2 = new Compiler({
       lib: [
@@ -426,8 +459,8 @@ var QueryEditor2 = (props) => {
 
 // src/components/ScriptToolbar/ScriptToolbar.tsx
 import { Atom } from "@effect-atom/atom-react";
-import React6, { useMemo as useMemo2 } from "react";
-import { AppSurface as AppSurface3 } from "@dxos/app-toolkit/ui";
+import React6, { useMemo as useMemo3 } from "react";
+import { AppSurface as AppSurface2 } from "@dxos/app-toolkit/ui";
 import { ElevationProvider, useTranslation as useTranslation4 } from "@dxos/react-ui";
 import { composable as composable3, composableProps as composableProps3 } from "@dxos/react-ui";
 import { Menu, createGapSeparator, useMenuActions } from "@dxos/react-ui-menu";
@@ -438,7 +471,7 @@ var ScriptToolbar = composable3(({ script, attendableId, role, state, ...props }
   const options = useDeployDeps({
     script
   });
-  const menuCreator = useMemo2(() => createToolbarActions({
+  const menuCreator = useMemo3(() => createToolbarActions({
     state,
     script,
     t,
@@ -451,7 +484,7 @@ var ScriptToolbar = composable3(({ script, attendableId, role, state, ...props }
   ]);
   const menuActions = useMenuActions(menuCreator);
   return /* @__PURE__ */ React6.createElement(ElevationProvider, {
-    elevation: role === AppSurface3.Section.role ? "positioned" : "base"
+    elevation: role === AppSurface2.Section.role ? "positioned" : "base"
   }, /* @__PURE__ */ React6.createElement(Menu.Root, {
     ...menuActions,
     attendableId
@@ -487,20 +520,20 @@ var createToolbarActions = ({ state, script, ...options }) => Atom.make((get) =>
 });
 
 // src/components/TestPanel/TestPanel.tsx
-import React7, { forwardRef, useRef, useState as useState2 } from "react";
+import React7, { forwardRef, useRef, useState as useState3 } from "react";
 import { log } from "@dxos/log";
-import { Avatar, Icon, Input, ScrollArea, Toolbar, useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { Avatar, Icon, Input, ScrollArea as ScrollArea2, Toolbar, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { composable as composable4, composableProps as composableProps4 } from "@dxos/react-ui";
 import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
-import { mx as mx2 } from "@dxos/ui-theme";
+import { mx as mx3 } from "@dxos/ui-theme";
 import { meta as meta5 } from "#meta";
 var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
 var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) => {
   const { t } = useTranslation5(meta5.profile.key);
   const inputRef = useRef(null);
-  const [input, setInput] = useState2("");
-  const [state, setState] = useState2(null);
-  const [history, setHistory] = useState2([]);
+  const [input, setInput] = useState3("");
+  const [state, setState] = useState3(null);
+  const [history, setHistory] = useState3([]);
   const scrollerRef = useRef(null);
   const handleScroll = () => {
     if (scrollerRef.current) {
@@ -607,11 +640,11 @@ var TestPanel = composable4(({ classNames, onInvoke, ...props }, forwardedRef) =
   })));
 });
 var MessageThread = /* @__PURE__ */ forwardRef(({ state, history }, forwardedRef) => {
-  return /* @__PURE__ */ React7.createElement(ScrollArea.Root, {
+  return /* @__PURE__ */ React7.createElement(ScrollArea2.Root, {
     orientation: "vertical",
     classNames: "h-full",
     ref: forwardedRef
-  }, /* @__PURE__ */ React7.createElement(ScrollArea.Viewport, {
+  }, /* @__PURE__ */ React7.createElement(ScrollArea2.Viewport, {
     classNames: "gap-6 p-2"
   }, history.map((message, i) => /* @__PURE__ */ React7.createElement("div", {
     key: i,
@@ -636,14 +669,14 @@ var MessageItem = ({ classNames, message }) => {
   const { type, text, data, error } = message;
   const wrapper = "p-1 px-2 rounded-md bg-hover-surface overflow-auto";
   return /* @__PURE__ */ React7.createElement("div", {
-    className: mx2("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+    className: mx3("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
   }, error && /* @__PURE__ */ React7.createElement("div", {
-    className: mx2(wrapper, "whitespace-pre text-error-text")
+    className: mx3(wrapper, "whitespace-pre text-error-text")
   }, String(error)), text !== void 0 && /* @__PURE__ */ React7.createElement("div", {
-    className: mx2(wrapper, type === "request" && "bg-primary-500 dark:bg-primary-600")
+    className: mx3(wrapper, type === "request" && "bg-primary-500 dark:bg-primary-600")
   }, text || "\xD8"), data && /* @__PURE__ */ React7.createElement(JsonHighlighter, {
     data,
-    classNames: mx2(wrapper, "text-xs")
+    classNames: mx3(wrapper, "text-xs")
   }));
 };
 var RobotAvatar = () => /* @__PURE__ */ React7.createElement(Avatar.Root, null, /* @__PURE__ */ React7.createElement(Avatar.Content, {
@@ -651,14 +684,10 @@ var RobotAvatar = () => /* @__PURE__ */ React7.createElement(Avatar.Root, null,
   variant: "circle",
   icon: "ph--drone--regular"
 }));
-
-// src/components/index.ts
-var ScriptPluginSettings = lazy(() => import("../ScriptPluginSettings-5AURDJTI.mjs"));
 export {
   NotebookMenu,
   NotebookStack,
   QueryEditor2 as QueryEditor,
-  ScriptPluginSettings,
   ScriptToolbar,
   TestPanel,
   TypescriptEditor