proposal(artifacts): managed dynamic React runtime

.github/workflows/publish-ee-images.yml

@@ -30,6 +30,7 @@ on:
       - "packages/email/**"
       - "packages/types/**"
       - "packages/ui/**"
+      - "packages/ui-artifact-mcp/**"
       - "pnpm-lock.yaml"
       - "pnpm-workspace.yaml"
       - "package.json"

apps/app/package.json

@@ -40,6 +40,9 @@
     "@ai-sdk/react": "^3.0.148",
     "@base-ui/react": "^1.4.1",
     "@codemirror/commands": "^6.8.0",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-javascript": "^6.2.4",
+    "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lang-markdown": "^6.3.3",
     "@codemirror/language": "^6.11.0",
     "@codemirror/state": "^6.5.2",

apps/app/src/app/lib/den.ts

@@ -2,6 +2,11 @@ import {
   normalizeDesktopConfig,
   type DesktopConfig as SharedDesktopConfig,
 } from "@openwork/types/den/desktop-policies";
+import {
+  uiArtifactPreferencesSchema,
+  type UiArtifactPreferences,
+  type UiArtifactPreferencesUpdate,
+} from "@openwork/types/ui-artifact";
 
 // Re-export the shared schema under the local alias so React consumers
 // (e.g. the cloud domain's desktop-config provider) can import it alongside
@@ -2228,6 +2233,28 @@ export function createDenClient(options: { baseUrl: string; token?: string | nul
       return normalizeDenDesktopConfig(payload);
     },
 
+    async getUiArtifactPreferences(orgId: string): Promise<UiArtifactPreferences> {
+      const payload = await requestJson<unknown>(baseUrls, "/v1/me/ui-artifacts", {
+        method: "GET",
+        token,
+        organizationId: orgId,
+      });
+      return uiArtifactPreferencesSchema.parse(payload);
+    },
+
+    async updateUiArtifactPreferences(
+      orgId: string,
+      update: UiArtifactPreferencesUpdate,
+    ): Promise<UiArtifactPreferences> {
+      const payload = await requestJson<unknown>(baseUrls, "/v1/me/ui-artifacts", {
+        method: "PUT",
+        token,
+        organizationId: orgId,
+        body: update,
+      });
+      return uiArtifactPreferencesSchema.parse(payload);
+    },
+
     async getResourceSnapshot(orgId?: string | null): Promise<DenResourceSnapshot> {
       const payload = await requestJson<unknown>(baseUrls, "/v1/resources", {
         method: "GET",

apps/app/src/app/lib/openwork-server.ts

@@ -6,6 +6,24 @@ import {
   type AgentContextDiagnosticsRequest,
 } from "@openwork/types/agent-context-diagnostics";
 import { normalizeBaseUrl } from "@openwork/types/url";
+import type {
+  UiArtifactBuild,
+  UiArtifactBuildRequest,
+  UiArtifactAgentSkill,
+  UiArtifactInstanceState,
+  UiArtifactIntentRequest,
+  UiArtifactIntentResult,
+  UiArtifactPinnedBuild,
+  UiArtifactProjectFileUpdate,
+  UiArtifactProjectSnapshot,
+  UiArtifactProjectSummary,
+  UiArtifactProjectUpdate,
+  UiArtifactPublishReceipt,
+  UiArtifactPublishRequest,
+  UiArtifactSettings,
+  UiArtifactSettingsUpdate,
+  UiArtifactStateUpdate,
+} from "@openwork/types/ui-artifact-project";
 import {
   AGENT_CONTEXT_DIAGNOSTICS_REQUEST_TIMEOUT_MS,
   requestAgentContextDiagnosticsPayload,
@@ -17,6 +35,25 @@ import type { ExecResult, OpencodeConfigFile, WorkspaceInfo, WorkspaceList } fro
 import type { DenOrgMarketplace, DenOrgPluginResolved, DenResourceSnapshot } from "./den-types";
 import type { CloudImportedMarketplace, CloudImportedPlugin } from "../cloud/import-state";
 
+export type {
+  UiArtifactBuild,
+  UiArtifactBuildRequest,
+  UiArtifactAgentSkill,
+  UiArtifactInstanceState,
+  UiArtifactIntentRequest,
+  UiArtifactIntentResult,
+  UiArtifactPinnedBuild,
+  UiArtifactProjectFileUpdate,
+  UiArtifactProjectSnapshot,
+  UiArtifactProjectSummary,
+  UiArtifactProjectUpdate,
+  UiArtifactPublishReceipt,
+  UiArtifactPublishRequest,
+  UiArtifactSettings,
+  UiArtifactSettingsUpdate,
+  UiArtifactStateUpdate,
+} from "@openwork/types/ui-artifact-project";
+
 export type OpenworkServerCapabilities = {
   skills: { read: boolean; write: boolean; source: "openwork" | "opencode" };
   plugins: { read: boolean; write: boolean };
@@ -2023,6 +2060,123 @@ export function createOpenworkServerClient(options: { baseUrl: string; token?: s
         { token, hostToken, timeoutMs: timeouts.binary },
       ),
 
+    listUiArtifactProjects: (workspaceId: string) =>
+      requestJson<{ items: UiArtifactProjectSummary[] }>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts`,
+        { token, hostToken },
+      ),
+
+    getUiArtifactSettings: (workspaceId: string) =>
+      requestJson<UiArtifactSettings>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/settings`,
+        { token, hostToken },
+      ),
+
+    updateUiArtifactSettings: (workspaceId: string, update: UiArtifactSettingsUpdate) =>
+      requestJson<UiArtifactSettings>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/settings`,
+        { token, hostToken, method: "PUT", body: update },
+      ),
+
+    getUiArtifactAgentSkill: (workspaceId: string) =>
+      requestJson<UiArtifactAgentSkill>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/agent-skill`,
+        { token, hostToken },
+      ),
+
+    getUiArtifactProject: (workspaceId: string, slug: string) =>
+      requestJson<UiArtifactProjectSnapshot>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}`,
+        { token, hostToken },
+      ),
+
+    putUiArtifactProject: (
+      workspaceId: string,
+      slug: string,
+      update: UiArtifactProjectUpdate,
+    ) =>
+      requestJson<UiArtifactProjectSnapshot>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}`,
+        { token, hostToken, method: "PUT", body: update, timeoutMs: timeouts.binary },
+      ),
+
+    putUiArtifactProjectFile: (
+      workspaceId: string,
+      slug: string,
+      update: UiArtifactProjectFileUpdate,
+    ) =>
+      requestJson<UiArtifactProjectSnapshot>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/files`,
+        { token, hostToken, method: "PUT", body: update },
+      ),
+
+    buildUiArtifactProject: (
+      workspaceId: string,
+      slug: string,
+      request: UiArtifactBuildRequest = {},
+    ) =>
+      requestJson<UiArtifactBuild>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/build`,
+        { token, hostToken, method: "POST", body: request, timeoutMs: timeouts.binary },
+      ),
+
+    publishUiArtifactProject: (
+      workspaceId: string,
+      slug: string,
+      request: UiArtifactPublishRequest = {},
+    ) =>
+      requestJson<UiArtifactPublishReceipt>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/publish`,
+        { token, hostToken, method: "POST", body: request, timeoutMs: timeouts.binary },
+      ),
+
+    getUiArtifactBuild: (workspaceId: string, slug: string, projectRevision: string) =>
+      requestJson<UiArtifactPinnedBuild>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/builds/${encodeURIComponent(projectRevision)}`,
+        { token, hostToken },
+      ),
+
+    getUiArtifactInstanceState: (workspaceId: string, slug: string, instanceId: string) =>
+      requestJson<UiArtifactInstanceState>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/instances/${encodeURIComponent(instanceId)}/state`,
+        { token, hostToken },
+      ),
+
+    updateUiArtifactInstanceState: (
+      workspaceId: string,
+      slug: string,
+      instanceId: string,
+      update: UiArtifactStateUpdate,
+    ) =>
+      requestJson<UiArtifactInstanceState>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/instances/${encodeURIComponent(instanceId)}/state`,
+        { token, hostToken, method: "PUT", body: update },
+      ),
+
+    stageUiArtifactIntent: (
+      workspaceId: string,
+      slug: string,
+      instanceId: string,
+      request: UiArtifactIntentRequest,
+    ) =>
+      requestJson<UiArtifactIntentResult>(
+        baseUrl,
+        `/workspace/${encodeURIComponent(workspaceId)}/ui-artifacts/${encodeURIComponent(slug)}/instances/${encodeURIComponent(instanceId)}/intents`,
+        { token, hostToken, method: "POST", body: request },
+      ),
+
     listArtifacts: (workspaceId: string) =>
       requestJson<OpenworkArtifactList>(baseUrl, `/workspace/${encodeURIComponent(workspaceId)}/artifacts`, {
         token,

apps/app/src/components/chat/message-list-provider.tsx

@@ -1,6 +1,7 @@
 "use memo";
 
 import { useSessionActivityStore } from "@/react-app/domains/session/status/session-activity-store"
+import type { OpenworkServerClient } from "@/app/lib/openwork-server"
 import type {
   ChatToolReconnectAction,
   ChatToolReconnectProgress,
@@ -9,6 +10,7 @@ import type {
 import * as React from "react"
 
 interface MessageListContextValue {
+  client: OpenworkServerClient
   workspaceId: string
   sessionId: string
   showThinking: boolean
@@ -18,6 +20,7 @@ interface MessageListContextValue {
   providerConnectedCount: number
   dispatchAction: (action: DispatchAction) => void
   setPrompt: (prompt: string) => void
+  stagePrompt: (prompt: string) => void
   onRevertToUserMessage: (messageId: string) => void
   onForkAtMessage: (messageId: string) => void
   onEditUserMessage: (messageId: string, text: string) => void
@@ -33,6 +36,7 @@ const MessageListContext = React.createContext<MessageListContextValue | null>(n
 
 interface MessageListProviderProps {
   children: React.ReactNode
+  client: OpenworkServerClient
   workspaceId: string
   sessionId: string
   showThinking: boolean
@@ -51,6 +55,7 @@ interface MessageListProviderProps {
   providerConnectedCount: number
   dispatchAction: (action: DispatchAction) => void
   setPrompt: (prompt: string) => void
+  stagePrompt: (prompt: string) => void
 }
 
 export interface DispatchAction {
@@ -61,6 +66,7 @@ export interface DispatchAction {
 
 export function MessageListProvider({
   children,
+  client,
   workspaceId,
   sessionId,
   showThinking,
@@ -70,6 +76,7 @@ export function MessageListProvider({
   providerConnectedCount,
   dispatchAction,
   setPrompt,
+  stagePrompt,
   onRevertToUserMessage,
   onForkAtMessage,
   onEditUserMessage,
@@ -79,6 +86,7 @@ export function MessageListProvider({
 }: MessageListProviderProps) {
   const value = React.useMemo(
     () => ({
+      client,
       workspaceId,
       sessionId,
       showThinking,
@@ -88,6 +96,7 @@ export function MessageListProvider({
       providerConnectedCount,
       dispatchAction,
       setPrompt,
+      stagePrompt,
       onRevertToUserMessage,
       onForkAtMessage,
       onEditUserMessage,
@@ -96,6 +105,7 @@ export function MessageListProvider({
       onMcpRetry,
     }),
     [
+      client,
       workspaceId,
       sessionId,
       showThinking,
@@ -105,6 +115,7 @@ export function MessageListProvider({
       providerConnectedCount,
       dispatchAction,
       setPrompt,
+      stagePrompt,
       onRevertToUserMessage,
       onForkAtMessage,
       onEditUserMessage,