@datalayer/agent-runtimes 1.3.90 → 1.3.93

package/lib/{loop → apps}/plugins/shell/editorChoice.js

@@ -18,7 +18,7 @@
  * whether the choice came from the selector, `/editor`, or the generic
  * cycle command.
  *
- * @module loop/plugins/shell/editorChoice
+ * @module apps/plugins/shell/editorChoice
  */
 import { NONE_VIEW, chooseView, getViewChoice, nextView, seedViewChoice, setViewAnnouncer, setViewOptions, subscribeViewChoice, } from '@datalayer/reactor-shell';
 import { requestSurface } from '../../core/surfaceRequests';

package/lib/{loop → apps}/plugins/shell/index.d.ts

@@ -13,7 +13,7 @@
  *   through the same channel `/notebook` and `/document` use;
  * - it keeps the `/editor` slash command, in the loop's own registry.
  *
- * @module loop/plugins/shell
+ * @module apps/plugins/shell
  */
 import type { JSX } from 'react';
 export declare const SHELL_PLUGIN_NAME = "@datalayer/loop-plugin-shell";

package/lib/{loop → apps}/plugins/shell/useEditorPreviews.d.ts

@@ -15,7 +15,7 @@
  * document — this file must not be the import that drags lexical into every
  * bundle.
  *
- * @module loop/plugins/shell/useEditorPreviews
+ * @module apps/plugins/shell/useEditorPreviews
  */
 import type { ReactNode } from 'react';
 export type EditorPreview = {

package/lib/{loop → apps}/plugins/subagent-activity/SubagentPulse.d.ts

@@ -8,7 +8,7 @@
  * name is a team member's, and the generic agent mark otherwise; the tooltip
  * says who it is.
  *
- * @module loop/plugins/subagent-activity/SubagentPulse
+ * @module apps/plugins/subagent-activity/SubagentPulse
  */
 import type { JSX } from 'react';
 export declare const PULSE_ANIMATION = "loop-subagent-pulse";

package/lib/{loop → apps}/plugins/subagent-activity/index.js

@@ -11,7 +11,7 @@
  * was a pause: the parent went quiet, and whether anything was happening
  * showed only in a side panel a host may not draw.
  *
- * @module loop/plugins/subagent-activity
+ * @module apps/plugins/subagent-activity
  */
 import { definePlugin } from '@datalayer/reactor';
 import { LoopSlots } from '../../core';

package/lib/{loop → apps}/plugins/view-switch/index.d.ts

@@ -14,7 +14,7 @@
  * not on offer (no notebook plugin, no notebook button). The chat's icon is
  * always there — the conversation is the view that remains.
  *
- * @module loop/plugins/view-switch
+ * @module apps/plugins/view-switch
  */
 import type { ComponentType, JSX } from 'react';
 export type ViewPluginOptions = {

package/lib/{loop → apps}/plugins/window-frame/WindowFrame.d.ts

@@ -14,7 +14,7 @@
  * than passed down: a plugin adds a control without the frame knowing what it
  * is, and without the host that mounted the frame having to forward it.
  *
- * @module loop/plugins/window-frame/WindowFrame
+ * @module apps/plugins/window-frame/WindowFrame
  */
 import type { ReactNode } from 'react';
 export type WindowFrameProps = {

package/lib/{loop → apps}/plugins/window-frame/index.js

@@ -29,7 +29,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * </WindowFrame>
  * ```
  *
- * @module loop/plugins/window-frame
+ * @module apps/plugins/window-frame
  */
 import { definePlugin } from '@datalayer/reactor';
 import { Box } from '@datalayer/primer-addons';

package/lib/{loop → apps}/plugins/window-frame/slots.d.ts

@@ -5,7 +5,7 @@
  * them can each import the names without importing each other — the same
  * reason the graph plugin keeps its view type apart.
  *
- * @module loop/plugins/window-frame/slots
+ * @module apps/plugins/window-frame/slots
  */
 /**
  * The leading edge of the title bar.

package/lib/{loop → apps}/plugins/window-frame/slots.js

@@ -9,7 +9,7 @@
  * them can each import the names without importing each other — the same
  * reason the graph plugin keeps its view type apart.
  *
- * @module loop/plugins/window-frame/slots
+ * @module apps/plugins/window-frame/slots
  */
 /**
  * The leading edge of the title bar.

package/lib/{loop → apps}/presets.d.ts

@@ -17,7 +17,7 @@
  * <LoopWorkspace reactor={reactor} serverUrl={serverUrl} agentId={agentId} />
  * ```
  *
- * @module loop/presets
+ * @module apps/presets
  */
 import { type PluginRef } from '@datalayer/reactor';
 import { type AgentsConfig, type SandboxTarget } from './plugins/agents';

package/lib/{loop → apps}/presets.js

@@ -21,7 +21,7 @@
  * <LoopWorkspace reactor={reactor} serverUrl={serverUrl} agentId={agentId} />
  * ```
  *
- * @module loop/presets
+ * @module apps/presets
  */
 import { configurePlugin } from '@datalayer/reactor';
 import { ThemePlugin } from '@datalayer/primer-addons/lib/reactor';

package/lib/{loop → apps}/shell/LoopWorkspace.d.ts

@@ -17,7 +17,7 @@
  * the same component run as a page, inside the Datalayer app, and later inside
  * a JupyterLab panel.
  *
- * @module loop/shell/LoopWorkspace
+ * @module apps/shell/LoopWorkspace
  */
 import type { JSX } from 'react';
 import type { ReactNode } from 'react';

package/lib/{loop → apps}/shell/PluginToggles.d.ts

@@ -9,7 +9,7 @@
  * Not part of the workspace itself — the workspace has one navigation element
  * and no settings tree (§3.5). This belongs to the examples that demonstrate it.
  *
- * @module loop/shell/PluginToggles
+ * @module apps/shell/PluginToggles
  */
 import type { JSX } from 'react';
 export type PluginTogglesProps = {

package/lib/{loop → apps}/shell/SidebarRail.d.ts

@@ -14,7 +14,7 @@
  * under a generic icon. Every panel stays mounted while another is shown,
  * so a feed keeps its place and a live computer its connection.
  *
- * @module loop/shell/SidebarRail
+ * @module apps/shell/SidebarRail
  */
 import type { ElementType, JSX } from 'react';
 import type { ReactorSlotComponent } from '@datalayer/reactor/react';

package/lib/{loop → apps}/shell/ViewSwitcher.d.ts

@@ -5,7 +5,7 @@
  * is the whole difference from `EphemeralSurfaceControl`: a fifth view costs a
  * plugin, not an edit to a union type.
  *
- * @module loop/shell/ViewSwitcher
+ * @module apps/shell/ViewSwitcher
  */
 import type { JSX } from 'react';
 import type { Contribution } from '@datalayer/reactor';

package/lib/{loop → apps}/shell/WorkspaceFullScreenAction.d.ts

@@ -18,7 +18,7 @@
  * first answer arrives because that is where the reader is looking; a header
  * icon that pulsed would be chrome asking for attention it has not earned.
  *
- * @module loop/shell/WorkspaceFullScreenAction
+ * @module apps/shell/WorkspaceFullScreenAction
  */
 import type { JSX } from 'react';
 export declare function WorkspaceFullScreenAction(): JSX.Element;

package/lib/{loop → apps}/shell/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * The workspace shell: a prompt at the bottom, one view above it.
  *
- * @module loop/shell
+ * @module apps/shell
  */
 export { LoopWorkspace, buildLoopReactor, type LoopWorkspaceProps, } from './LoopWorkspace';
 export { ViewSwitcher, type ViewSwitcherProps } from './ViewSwitcher';

package/lib/{loop → apps}/shell/index.js

@@ -5,7 +5,7 @@
 /**
  * The workspace shell: a prompt at the bottom, one view above it.
  *
- * @module loop/shell
+ * @module apps/shell
  */
 export { LoopWorkspace, buildLoopReactor, } from './LoopWorkspace';
 export { ViewSwitcher } from './ViewSwitcher';

package/lib/{loop → apps}/shell/paneMotion.d.ts

@@ -7,7 +7,7 @@
  * `loop`) gives `0ms`, and nothing moves; nor does anything when the person
  * asked for reduced motion.
  *
- * @module loop/shell/paneMotion
+ * @module apps/shell/paneMotion
  */
 /** The keyframes' name for a pane opening from a side: one per side. */
 export declare const paneOpenKeyframes: (from: "left" | "right") => string;

package/lib/{loop → apps}/shell/paneMotion.js

@@ -11,7 +11,7 @@
  * `loop`) gives `0ms`, and nothing moves; nor does anything when the person
  * asked for reduced motion.
  *
- * @module loop/shell/paneMotion
+ * @module apps/shell/paneMotion
  */
 /** The keyframes' name for a pane opening from a side: one per side. */
 export const paneOpenKeyframes = (from) => from === 'left' ? 'loopPaneOpenLeft' : 'loopPaneOpenRight';

package/lib/{loop → apps}/shell/useWorkspaceFullScreen.d.ts

@@ -19,7 +19,7 @@
  * the two is in play (`usingApi`); painting the overlay stays with the caller,
  * which is the one that knows what it looks like.
  *
- * @module loop/shell/useWorkspaceFullScreen
+ * @module apps/shell/useWorkspaceFullScreen
  */
 import type { RefObject } from 'react';
 export type WorkspaceFullScreen = {

package/lib/chat/ChatLanguage.js

@@ -10,7 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @module chat/ChatLanguage
  */
 import { createContext, useContext, useMemo, } from 'react';
-import { preferredLanguages } from '../loop/apps/language';
+import { preferredLanguages } from '../apps/apps/language';
 import { CHAT_WORDS, chatLanguage } from './words';
 /** The language the host says, as BCP 47 tags it; unsaid, the browser's. */
 const ChatLanguageContext = createContext(undefined);

package/lib/chat/messages/ChatMarkdown.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@datalayer/primer-addons';
 import { Streamdown } from 'streamdown';
+import { REHYPE_PLUGINS_WITHOUT_HTML } from './markdownWithoutHtml';
 import { streamdownMarkdownStyles } from '../styles/streamdownStyles';
 import { normalizeAssistantMarkdown } from './assistantMarkdown';
 export function ChatMarkdown({ text, density = 'comfortable', }) {
@@ -13,6 +14,6 @@ export function ChatMarkdown({ text, density = 'comfortable', }) {
                     '& p:last-child': { marginBottom: 0 },
                 }
                 : {}),
-        }, children: _jsx(Streamdown, { children: normalizeAssistantMarkdown(text) }) }));
+        }, children: _jsx(Streamdown, { rehypePlugins: REHYPE_PLUGINS_WITHOUT_HTML, children: normalizeAssistantMarkdown(text) }) }));
 }
 export default ChatMarkdown;

package/lib/chat/messages/markdownWithoutHtml.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Markdown without markup (STUDIO D-22): what every renderer of an agent's
+ * words hands Streamdown, so that no markup a model or an application writes
+ * reaches the page.
+ *
+ * Streamdown parses the HTML written in markdown (`rehype-raw`) and then
+ * sanitizes it; sanitized markup still reaches the page — an application
+ * hosted on the platform's origin would draw what its model wrote. Here the
+ * HTML is never parsed: each piece of it is shown as the text it is
+ * (`<script>…</script>` reads as those characters), and the rest of
+ * Streamdown's plugins — maths, sanitizing, hardened links — run as before.
+ *
+ * @module chat/messages/markdownWithoutHtml
+ */
+import { type StreamdownProps } from 'streamdown';
+type PluggableList = NonNullable<StreamdownProps['rehypePlugins']>;
+/** A node of the HTML tree, as far as this plugin reads it. */
+type HastNode = {
+    type: string;
+    value?: string;
+    children?: HastNode[];
+};
+/**
+ * A rehype plugin: every piece of HTML written in the markdown (`raw` nodes,
+ * which `remark-rehype` keeps) becomes the text it is.
+ */
+export declare function rehypeHtmlAsText(): (tree: HastNode) => void;
+/**
+ * Streamdown's rehype plugins without `rehype-raw`, the HTML shown as text
+ * first: what every Streamdown of the chat, the page layout and the cards is
+ * given.
+ */
+export declare const REHYPE_PLUGINS_WITHOUT_HTML: PluggableList;
+export {};

package/lib/chat/messages/markdownWithoutHtml.js

@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * Markdown without markup (STUDIO D-22): what every renderer of an agent's
+ * words hands Streamdown, so that no markup a model or an application writes
+ * reaches the page.
+ *
+ * Streamdown parses the HTML written in markdown (`rehype-raw`) and then
+ * sanitizes it; sanitized markup still reaches the page — an application
+ * hosted on the platform's origin would draw what its model wrote. Here the
+ * HTML is never parsed: each piece of it is shown as the text it is
+ * (`<script>…</script>` reads as those characters), and the rest of
+ * Streamdown's plugins — maths, sanitizing, hardened links — run as before.
+ *
+ * @module chat/messages/markdownWithoutHtml
+ */
+import { defaultRehypePlugins } from 'streamdown';
+function htmlAsText(node) {
+    if (!node.children) {
+        return;
+    }
+    node.children = node.children.map(child => {
+        if (child.type === 'raw') {
+            return { type: 'text', value: child.value ?? '' };
+        }
+        htmlAsText(child);
+        return child;
+    });
+}
+/**
+ * A rehype plugin: every piece of HTML written in the markdown (`raw` nodes,
+ * which `remark-rehype` keeps) becomes the text it is.
+ */
+export function rehypeHtmlAsText() {
+    return (tree) => htmlAsText(tree);
+}
+const { raw, ...withoutRaw } = defaultRehypePlugins;
+if (!raw) {
+    // Streamdown no longer names its raw-HTML plugin `raw`: what it parses
+    // has to be read again before these plugins are trusted.
+    throw new Error("Streamdown's rehype plugins have no `raw`: markdownWithoutHtml cannot say what it leaves out.");
+}
+/**
+ * Streamdown's rehype plugins without `rehype-raw`, the HTML shown as text
+ * first: what every Streamdown of the chat, the page layout and the cards is
+ * given.
+ */
+export const REHYPE_PLUGINS_WITHOUT_HTML = [
+    rehypeHtmlAsText,
+    ...Object.values(withoutRaw),
+];

package/lib/chat/parts/ReasoningPart.js

@@ -14,6 +14,7 @@ import { Text, Button } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { ChevronDownIcon } from '@primer/octicons-react';
 import { Streamdown } from 'streamdown';
+import { REHYPE_PLUGINS_WITHOUT_HTML } from '../messages/markdownWithoutHtml';
 import { streamdownMarkdownStyles } from '../styles/streamdownStyles';
 /**
  * ReasoningPart component for displaying AI reasoning/thinking.
@@ -48,6 +49,6 @@ export function ReasoningPart({ text, isStreaming }) {
                     '&:hover': {
                         color: 'fg.default',
                     },
-                }, children: [_jsx(Text, { sx: { fontSize: 1 }, children: "\uD83E\uDDE0" }), _jsx(Text, { sx: { fontSize: 1, fontWeight: 'normal' }, children: isStreaming ? 'Thinking...' : 'Reasoning' }), _jsx(Box, { as: "span", display: "inline-flex", marginLeft: "auto", transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)', transition: "transform 0.2s", children: _jsx(ChevronDownIcon, {}) })] }), isExpanded && (_jsx(Box, { marginTop: 2, padding: 3, backgroundColor: "canvas.inset", borderRadius: 2, border: "1px solid", borderColor: "border.default", color: "fg.muted", sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { children: text }) }))] }));
+                }, children: [_jsx(Text, { sx: { fontSize: 1 }, children: "\uD83E\uDDE0" }), _jsx(Text, { sx: { fontSize: 1, fontWeight: 'normal' }, children: isStreaming ? 'Thinking...' : 'Reasoning' }), _jsx(Box, { as: "span", display: "inline-flex", marginLeft: "auto", transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)', transition: "transform 0.2s", children: _jsx(ChevronDownIcon, {}) })] }), isExpanded && (_jsx(Box, { marginTop: 2, padding: 3, backgroundColor: "canvas.inset", borderRadius: 2, border: "1px solid", borderColor: "border.default", color: "fg.muted", sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { rehypePlugins: REHYPE_PLUGINS_WITHOUT_HTML, children: text }) }))] }));
 }
 export default ReasoningPart;

package/lib/chat/parts/TextPart.js

@@ -3,6 +3,7 @@ import { Text, IconButton } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { CopyIcon, SyncIcon } from '@primer/octicons-react';
 import { Streamdown } from 'streamdown';
+import { REHYPE_PLUGINS_WITHOUT_HTML } from '../messages/markdownWithoutHtml';
 import { streamdownMarkdownStyles } from '../styles/streamdownStyles';
 /**
  * TextPart component for rendering text content with markdown support.
@@ -24,6 +25,6 @@ export function TextPart({ text, message, isLastPart, onRegenerate, }) {
                             fontSize: 1,
                             color: 'fg.muted',
                             textTransform: 'uppercase',
-                        }, children: message.role === 'user' ? 'You' : 'Assistant' }), message.role === 'assistant' && isLastPart && (_jsxs(Box, { display: "flex", gap: 1, children: [_jsx(IconButton, { icon: SyncIcon, "aria-label": "Regenerate", size: "small", variant: "invisible", onClick: () => onRegenerate(message.id) }), _jsx(IconButton, { icon: CopyIcon, "aria-label": "Copy", size: "small", variant: "invisible", onClick: () => copy(text) })] }))] }), _jsx(Box, { sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { children: text }) })] }));
+                        }, children: message.role === 'user' ? 'You' : 'Assistant' }), message.role === 'assistant' && isLastPart && (_jsxs(Box, { display: "flex", gap: 1, children: [_jsx(IconButton, { icon: SyncIcon, "aria-label": "Regenerate", size: "small", variant: "invisible", onClick: () => onRegenerate(message.id) }), _jsx(IconButton, { icon: CopyIcon, "aria-label": "Copy", size: "small", variant: "invisible", onClick: () => copy(text) })] }))] }), _jsx(Box, { sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { rehypePlugins: REHYPE_PLUGINS_WITHOUT_HTML, children: text }) })] }));
 }
 export default TextPart;

package/lib/chat/words.d.ts

@@ -20,6 +20,13 @@ export type ChatWords = {
     demoKeyExpired: string;
     /** The person's key has run out. */
     keyExpired: string;
+    /**
+     * No runtime is assigned to the conversation on Datalayer (the pool had
+     * none, or its launch was refused), with why: nothing is sent.
+     */
+    noRuntime: (reason: string) => string;
+    /** Its runtime is still being assigned: nothing is sent until it is. */
+    runtimeStarting: string;
     /** The empty chat's title. */
     startConversation: string;
     /** The empty chat's line when it has no starters. */

package/lib/chat/words.js

@@ -11,13 +11,13 @@
  * The chat reads them in the language its host says (`ChatLanguage`, which
  * `AppRenderer` and the embed set from their `language`), else in the first
  * the browser prefers that is here, else in English: as an application's own
- * words are picked (`loop/apps/language`).
+ * words are picked (`apps/apps/language`).
  *
  * Pure: no React ({@link useChatWords} is in `ChatLanguage`).
  *
  * @module chat/words
  */
-import { pickLanguage } from '../loop/apps/language';
+import { pickLanguage } from '../apps/apps/language';
 /** The chat's words, by language. Another language reads English. */
 export const CHAT_WORDS = {
     en: {
@@ -30,6 +30,8 @@ export const CHAT_WORDS = {
         suggestedPrompts: 'Suggested prompts',
         demoKeyExpired: 'This demo runs on a shared key, and its time is up. Sign in to keep going.',
         keyExpired: 'Your key has expired. Sign in to keep going.',
+        noRuntime: reason => `No runtime is assigned to this conversation, so nothing can be sent. ${reason}`,
+        runtimeStarting: 'Its runtime is being assigned: you can send once it is.',
         startConversation: 'Start a conversation',
         sendToBegin: 'Send a message to begin chatting',
         copyTurn: 'Copy this turn',
@@ -99,6 +101,8 @@ export const CHAT_WORDS = {
         suggestedPrompts: 'Suggestions de questions',
         demoKeyExpired: 'Cette démo utilise une clé partagée, et son temps est écoulé. Connectez-vous pour continuer.',
         keyExpired: 'Votre clé a expiré. Connectez-vous pour continuer.',
+        noRuntime: reason => `Aucun runtime n’est attribué à cette conversation : rien ne peut être envoyé. ${reason}`,
+        runtimeStarting: 'Son runtime est en cours d’attribution : vous pourrez envoyer une fois qu’il le sera.',
         startConversation: 'Commencer une conversation',
         sendToBegin: 'Envoyez un message pour commencer',
         copyTurn: 'Copier cet échange',
@@ -170,6 +174,8 @@ export const CHAT_WORDS = {
         suggestedPrompts: 'Preguntas sugeridas',
         demoKeyExpired: 'Esta demo usa una clave compartida y su tiempo se ha agotado. Inicia sesión para continuar.',
         keyExpired: 'Tu clave ha caducado. Inicia sesión para continuar.',
+        noRuntime: reason => `No hay ningún runtime asignado a esta conversación, así que no se puede enviar nada. ${reason}`,
+        runtimeStarting: 'Se le está asignando un runtime: podrás enviar cuando lo tenga.',
         startConversation: 'Empieza una conversación',
         sendToBegin: 'Envía un mensaje para empezar',
         copyTurn: 'Copiar este turno',
@@ -241,6 +247,8 @@ export const CHAT_WORDS = {
         suggestedPrompts: 'Vorgeschlagene Fragen',
         demoKeyExpired: 'Diese Demo läuft mit einem geteilten Schlüssel, und ihre Zeit ist abgelaufen. Melde dich an, um weiterzumachen.',
         keyExpired: 'Dein Schlüssel ist abgelaufen. Melde dich an, um weiterzumachen.',
+        noRuntime: reason => `Diesem Gespräch ist keine Runtime zugewiesen, daher kann nichts gesendet werden. ${reason}`,
+        runtimeStarting: 'Eine Runtime wird zugewiesen: Du kannst senden, sobald sie da ist.',
         startConversation: 'Ein Gespräch beginnen',
         sendToBegin: 'Sende eine Nachricht, um zu beginnen',
         copyTurn: 'Diesen Austausch kopieren',
@@ -312,6 +320,8 @@ export const CHAT_WORDS = {
         suggestedPrompts: 'Domande suggerite',
         demoKeyExpired: 'Questa demo usa una chiave condivisa e il suo tempo è scaduto. Accedi per continuare.',
         keyExpired: 'La tua chiave è scaduta. Accedi per continuare.',
+        noRuntime: reason => `Nessun runtime è assegnato a questa conversazione, quindi non si può inviare nulla. ${reason}`,
+        runtimeStarting: 'Gli si sta assegnando un runtime: potrai inviare appena sarà pronto.',
         startConversation: 'Inizia una conversazione',
         sendToBegin: 'Invia un messaggio per iniziare',
         copyTurn: 'Copia questo scambio',
@@ -383,6 +393,8 @@ export const CHAT_WORDS = {
         suggestedPrompts: 'Perguntas sugeridas',
         demoKeyExpired: 'Esta demonstração usa uma chave compartilhada e o tempo dela acabou. Entre para continuar.',
         keyExpired: 'Sua chave expirou. Entre para continuar.',
+        noRuntime: reason => `Nenhum runtime está atribuído a esta conversa, então nada pode ser enviado. ${reason}`,
+        runtimeStarting: 'Um runtime está sendo atribuído: você poderá enviar assim que estiver.',
         startConversation: 'Comece uma conversa',
         sendToBegin: 'Envie uma mensagem para começar',
         copyTurn: 'Copiar esta troca',

package/lib/components/a2ui/custom/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { createComponentImplementation, } from '@a2ui/react/v0_9';
-import { customComponentEntry } from '../../../loop/apps/customComponents';
+import { customComponentEntry } from '../../../apps/apps/customComponents';
 import { componentSchemaOf } from '../datalayer/schema';
 import { BlockFrame, Problem } from '../datalayer/parts';
 import { CUSTOM_FRAME_SANDBOX, FRAME_TAG, customFrameDocument, customModule, frameNonce, fromFrame, } from './sandbox';
@@ -62,13 +62,11 @@ export function CustomComponentView({ component, props, fetcher, }) {
         };
         window.addEventListener('message', listen);
         return () => window.removeEventListener('message', listen);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [component, fetcher]);
     useEffect(() => {
         if (ready) {
             tell({ tag: FRAME_TAG, kind: 'props', props: given });
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [ready, given]);
     return (_jsxs(BlockFrame, { label: component.description || component.name, weight: props.weight, testId: `custom-${component.name}`, children: [problem ? _jsx(Problem, { children: problem }) : null, _jsx("iframe", { ref: frame, title: component.description || component.name, sandbox: CUSTOM_FRAME_SANDBOX, srcDoc: srcDoc, referrerPolicy: "no-referrer", style: {
                     width: '100%',

package/lib/components/a2ui/datalayer/FileUpload.js

@@ -21,7 +21,7 @@ import { UploadIcon } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
 import { BlockFrame, CARD_RADIUS, Problem, Quiet, isRecord } from './parts';
 import { ownImplementation } from './implementation';
-import { acceptsFile } from '../../../loop/apps/uploads';
+import { acceptsFile } from '../../../apps/apps/uploads';
 /** The default the catalog gives `max_mb`. */
 const MAX_MB = 25;
 /**

package/lib/components/a2ui/styles.js

@@ -36,21 +36,32 @@ export const A2UI_RENDER_SCOPE_SX = {
     '& .a2ui-caption': {
         color: 'var(--a2ui-text-caption-color, var(--a2ui-color-on-surface, #656d76))',
     },
+    /*
+     * A button is the theme's filled button (STUDIO P-04, T-30): its fill and
+     * its label are Primer's primary-button properties, which every theme and
+     * an application's accent set together (`themeAccentVars`), so the label
+     * is always the accent's own text on it. The label is a Text inside the
+     * button, which the `.a2ui-text` rule above paints in the surface's ink —
+     * a dark label on Spatial's dark accent — so it inherits the button's.
+     */
     '& .a2ui-button': {
         appearance: 'none',
         cursor: 'pointer',
-        border: '1px solid var(--a2ui-color-primary, #1f883d)',
-        background: 'var(--a2ui-color-primary, #1f883d)',
-        color: 'var(--a2ui-color-on-primary, #ffffff)',
+        border: '1px solid var(--button-primary-bgColor-rest)',
+        background: 'var(--button-primary-bgColor-rest)',
+        color: 'var(--button-primary-fgColor-rest)',
         borderRadius: 'var(--a2ui-button-border-radius, 6px)',
         padding: 'var(--a2ui-button-padding, 5px 16px)',
         fontWeight: 'var(--a2ui-button-font-weight, 500)',
         boxShadow: 'var(--a2ui-button-box-shadow, none)',
         transition: 'background-color 0.15s ease, border-color 0.15s ease',
     },
+    '& .a2ui-button .a2ui-text': {
+        color: 'inherit',
+    },
     '& .a2ui-button:hover': {
-        background: 'var(--a2ui-color-primary-hover, #1a7f37)',
-        borderColor: 'var(--a2ui-color-primary-hover, #1a7f37)',
+        background: 'var(--button-primary-bgColor-hover)',
+        borderColor: 'var(--button-primary-bgColor-hover)',
     },
     '& .a2ui-button:disabled': {
         opacity: 0.6,

package/lib/components/cards/NotificationEventCard.js

@@ -9,6 +9,7 @@ import { Box } from '@datalayer/primer-addons';
 import { ChevronDownIcon, DownloadIcon, EyeClosedIcon, EyeIcon, TrashIcon, } from '@primer/octicons-react';
 import { createMarkdownDownloadPayload, downloadTextPayload, formatDurationMs, formatRelativeTime, } from '@datalayer/core/lib/utils';
 import { Streamdown } from 'streamdown';
+import { REHYPE_PLUGINS_WITHOUT_HTML } from '../../chat/messages/markdownWithoutHtml';
 import { streamdownMarkdownStyles } from '../../chat/styles/streamdownStyles';
 const EVENT_KIND_VARIANT = {
     'agent-start-requested': 'attention',
@@ -100,7 +101,7 @@ export function NotificationEventCard({ event, onToggleRead, onDelete, onOpenAge
                                                                 color: 'fg.muted',
                                                                 minWidth: 0,
                                                                 flex: 1,
-                                                            }, children: outputText })] }) }), _jsx(Box, { mt: 2, children: _jsx(Box, { sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { children: outputText }) }) })] }) }), _jsx(Button, { size: "small", variant: "invisible", sx: { p: 1, flexShrink: 0 }, title: "Download output markdown", "aria-label": "Download output markdown", onClick: () => {
+                                                            }, children: outputText })] }) }), _jsx(Box, { mt: 2, children: _jsx(Box, { sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { rehypePlugins: REHYPE_PLUGINS_WITHOUT_HTML, children: outputText }) }) })] }) }), _jsx(Button, { size: "small", variant: "invisible", sx: { p: 1, flexShrink: 0 }, title: "Download output markdown", "aria-label": "Download output markdown", onClick: () => {
                                         const payload = createMarkdownDownloadPayload(outputText, `${runtimeId}-output`);
                                         downloadTextPayload(payload);
                                     }, children: _jsx(DownloadIcon, { size: 12 }) })] }) })), _jsx(Box, { mt: 2, p: 2, borderRadius: 2, border: "1px solid", borderColor: "border.muted", bg: "canvas.subtle", children: _jsxs("details", { open: isDetailsExpanded, children: [_jsx("summary", { onClick: e => {

package/lib/components/cards/OutputCard.js

@@ -9,6 +9,7 @@ import { Box } from '@datalayer/primer-addons';
 import { ChevronDownIcon, DownloadIcon, EyeClosedIcon, EyeIcon, TrashIcon, } from '@primer/octicons-react';
 import { createMarkdownDownloadPayload, downloadTextPayload, formatDurationMs, formatRelativeTime, } from '@datalayer/core/lib/utils';
 import { Streamdown } from 'streamdown';
+import { REHYPE_PLUGINS_WITHOUT_HTML } from '../../chat/messages/markdownWithoutHtml';
 import { streamdownMarkdownStyles } from '../../chat/styles/streamdownStyles';
 export function OutputCard({ event, onToggleRead, onDelete, onOpenAgent, }) {
     const [isOutputExpanded, setIsOutputExpanded] = useState(false);
@@ -42,7 +43,7 @@ export function OutputCard({ event, onToggleRead, onDelete, onOpenAgent, }) {
                                                         color: 'fg.muted',
                                                         minWidth: 0,
                                                         flex: 1,
-                                                    }, children: outputText })] }) }), _jsx(Box, { mt: 2, children: _jsx(Box, { sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { children: outputText }) }) })] }) }), _jsx(Button, { size: "small", variant: "invisible", sx: { p: 1, flexShrink: 0 }, title: "Download output markdown", "aria-label": "Download output markdown", onClick: () => {
+                                                    }, children: outputText })] }) }), _jsx(Box, { mt: 2, children: _jsx(Box, { sx: streamdownMarkdownStyles, children: _jsx(Streamdown, { rehypePlugins: REHYPE_PLUGINS_WITHOUT_HTML, children: outputText }) }) })] }) }), _jsx(Button, { size: "small", variant: "invisible", sx: { p: 1, flexShrink: 0 }, title: "Download output markdown", "aria-label": "Download output markdown", onClick: () => {
                                 const payload = createMarkdownDownloadPayload(outputText, `${runtimeId}-output`);
                                 downloadTextPayload(payload);
                             }, children: _jsx(DownloadIcon, { size: 12 }) })] }) }))] }));

package/lib/components/teams/AnswerSurfaces.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from 'react';
 import { Text } from '@primer/react';
-import { answerAction } from '../../loop/plugins/a2ui-surface/toolResult';
+import { answerAction } from '../../apps/plugins/a2ui-surface/toolResult';
 /** The renderer itself: A2UI and the catalog, loaded when a surface is drawn. */
 const AnswerSurfacesView = lazy(() => import('./AnswerSurfacesView'));
 /**

package/lib/components/teams/AnswerSurfacesView.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { Spinner, Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { InlineSurface, SURFACE_CATALOG_ID, } from '../../loop/plugins/a2ui-surface/InlineSurface';
-import { readA2uiToolResult } from '../../loop/plugins/a2ui-surface/toolResult';
+import { InlineSurface, SURFACE_CATALOG_ID, } from '../../apps/plugins/a2ui-surface/InlineSurface';
+import { readA2uiToolResult } from '../../apps/plugins/a2ui-surface/toolResult';
 import { pressedOf } from './AnswerSurfaces';
 function OneSurface({ surface, name, onPress, }) {
     const parsed = useMemo(() => readA2uiToolResult(surface.artifact.data, SURFACE_CATALOG_ID), [surface.artifact.data]);

package/lib/components/teams/TeamNotebookView.d.ts

@@ -1,7 +1,7 @@
 /**
  * The notebook a member of the team gave, on the browser sandbox.
  *
- * What the loop's notebook view does (`loop/plugins/notebook/NotebookView`),
+ * What the loop's notebook view does (`apps/plugins/notebook/NotebookView`),
  * for a notebook that arrived over A2A: the browser sandbox
  * (`createBrowserSandboxService`, a JupyterLite Pyodide kernel in the page)
  * is started, and `EphemeralNotebook` is bound to its manager and its

package/lib/components/teams/TeamNotebookView.js

@@ -7,7 +7,7 @@ import { Box } from '@datalayer/primer-addons';
 import { useSignalValue } from '@datalayer/reactor/react';
 import { notebookStore } from '@datalayer/jupyter-react';
 import { EphemeralNotebook } from '../../chat/notebook/EphemeralNotebook';
-import { createBrowserSandboxService } from '../../loop/plugins/agents/browserService';
+import { createBrowserSandboxService } from '../../apps/plugins/agents/browserService';
 import { teamNotebookKernel } from './teamNotebookKernel';
 /** Each notebook drawn has its own id in jupyter-react's store. */
 let drawn = 0;