rivet-design 0.28.1 → 0.28.3

package/dist/cli/commands/libraryOpen.js

@@ -93,6 +93,7 @@ const handleLibraryOpen = async (args, io, options = {}) => {
         const editorUrl = await (0, browserLaunch_1.createLibraryLaunchUrl)({
             hub,
             path: `/rivet/library${projectSuffix}`,
+            callerAgent: context.handoff?.agent,
         });
         const browser = await (0, browser_1.requestBrowserOpen)({
             url: editorUrl,

package/dist/cli/commands/mcpServe.js

@@ -184,6 +184,7 @@ const buildMcpServer = async (options = {}) => {
                 ...(0, telemetry_1.variantContextMetadataForArgs)(command, rest),
                 ...(0, telemetry_1.verificationMetadataForEnvelope)(result.envelope),
                 ...callerFields,
+                error: result.cause,
                 source: 'mcp',
             });
         }
@@ -455,7 +456,10 @@ const handleMcpServe = async (rest, io) => {
         await built.mcp.connect(new StdioServerTransport());
     }
     catch (error) {
-        return (0, envelope_1.errorResult)('mcp', 'OPERATION_FAILED', `Could not start the MCP server: ${(0, errorMessage_1.errorMessage)(error)}`);
+        return {
+            ...(0, envelope_1.errorResult)('mcp', 'OPERATION_FAILED', `Could not start the MCP server: ${(0, errorMessage_1.errorMessage)(error)}`),
+            cause: error,
+        };
     }
     let isClosing = false;
     const shutdown = () => {

package/dist/cli/commands/open.js

@@ -40,6 +40,7 @@ exports.ensureProjectRuntime = exports.validateProjectOpen = exports.PROJECT_RUN
 const projectRuntimeUpgrade_1 = require("../projectRuntimeUpgrade");
 const child_process_1 = require("child_process");
 const subprocessEnvironment_1 = require("../../utils/subprocessEnvironment");
+const launchRuntime_1 = require("../../utils/launchRuntime");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const envelope_1 = require("../envelope");
@@ -70,6 +71,7 @@ const SERVER_START_TIMEOUT_ENV = 'RIVET_SERVER_START_TIMEOUT_MS';
 const LOCK_WAIT_TIMEOUT_ENV = 'RIVET_LOCK_WAIT_TIMEOUT_MS';
 const OPEN_RETRY_DELAY_MS = 1_000;
 const APP_HEALTH_TIMEOUT_MS = 10_000;
+const APP_HEALTH_TIMEOUT_ENV = 'RIVET_APP_HEALTH_TIMEOUT_MS';
 const RETRY_OPEN_RECOVERY = {
     isRecoverable: true,
     nextAction: { action: 'retry', delayMs: OPEN_RETRY_DELAY_MS },
@@ -172,7 +174,7 @@ const serveEnvFor = (handoff, baseEnv) => ({
         }
         : {}),
 });
-const openedData = async (attached, wasAlreadyRunning) => {
+const openedData = async ({ attached, wasAlreadyRunning, callerAgent, }) => {
     let session;
     try {
         const status = await (0, client_1.requestServer)(attached, '/api/cli/status');
@@ -185,7 +187,7 @@ const openedData = async (attached, wasAlreadyRunning) => {
         attached: true,
         alreadyRunning: wasAlreadyRunning,
         rivetPort: attached.handshake.rivetPort,
-        editorUrl: (0, client_1.editorUrlFor)(attached),
+        editorUrl: (0, launchRuntime_1.withLaunchRuntime)((0, client_1.editorUrlFor)(attached), callerAgent),
         sessionId: session?.sessionId ?? attached.handshake.sessionId,
         applyMode: attached.handshake.applyMode,
         resolvedRunner: session?.resolvedRunner ?? null,
@@ -247,6 +249,7 @@ const ensureProjectRuntime = async (context, io, dependencies = {}) => {
     const env = dependencies.env ?? process.env;
     const serverStartTimeoutMs = timeoutFromEnv(env, SERVER_START_TIMEOUT_ENV, DEFAULT_SERVER_START_TIMEOUT_MS);
     const lockWaitTimeoutMs = timeoutFromEnv(env, LOCK_WAIT_TIMEOUT_ENV, DEFAULT_LOCK_WAIT_TIMEOUT_MS);
+    const appHealthTimeoutMs = timeoutFromEnv(env, APP_HEALTH_TIMEOUT_ENV, Math.min(serverStartTimeoutMs, APP_HEALTH_TIMEOUT_MS));
     const validation = await (0, exports.validateProjectOpen)({
         context,
         io,
@@ -292,9 +295,13 @@ const ensureProjectRuntime = async (context, io, dependencies = {}) => {
                 }, RETRY_OPEN_RECOVERY);
             }
             if (replacement.outcome === 'attach') {
-                const readinessError = await verifyRuntimeReadiness(existing, Math.min(serverStartTimeoutMs, APP_HEALTH_TIMEOUT_MS));
+                const readinessError = await verifyRuntimeReadiness(existing, appHealthTimeoutMs);
                 if (!readinessError) {
-                    return finishProjectOpen(await openedData(existing, true), io);
+                    return finishProjectOpen(await openedData({
+                        attached: existing,
+                        wasAlreadyRunning: true,
+                        callerAgent: context.handoff?.agent,
+                    }), io);
                 }
                 if ((0, telemetry_1.serverUnavailableReasonForEnvelope)(readinessError.envelope) !==
                     'app_health_failed')
@@ -346,10 +353,14 @@ const ensureProjectRuntime = async (context, io, dependencies = {}) => {
                 ...(0, serverVersion_1.versionEnvelopeFields)(attached.handshake),
             });
         }
-        const readinessError = await verifyRuntimeReadiness(attached, Math.min(serverStartTimeoutMs, APP_HEALTH_TIMEOUT_MS));
+        const readinessError = await verifyRuntimeReadiness(attached, appHealthTimeoutMs);
         if (readinessError)
             return readinessError;
-        const data = await openedData(attached, false);
+        const data = await openedData({
+            attached,
+            wasAlreadyRunning: false,
+            callerAgent: context.handoff?.agent,
+        });
         return finishProjectOpen({ ...data, ...(interruptedWork ? { interruptedWork } : {}) }, io);
     }
     finally {

package/dist/cli/commands/profile.js

@@ -16,11 +16,18 @@ const envelope_1 = require("../envelope");
 const callerRunnerPaths_1 = require("../callerRunnerPaths");
 const errorMessage_1 = require("../../utils/errorMessage");
 const subprocessEnvironment_1 = require("../../utils/subprocessEnvironment");
+const profileDisconnect_1 = require("./profileDisconnect");
 const PROFILE_REQUEST_TIMEOUT_MS = 55_000;
 const PROFILE_SEARCH_TIMEOUT_MS = 120_000;
 const handleProfile = async (args) => {
     const action = args[0] ?? 'status';
     const command = `profile.${action}`;
+    if (action === 'disconnect') {
+        const context = (0, shared_1.parseCommandContext)(command, args.slice(1));
+        return (0, shared_1.isCommandResult)(context)
+            ? context
+            : (0, profileDisconnect_1.handleProfileDisconnect)(context.flags.positionals);
+    }
     const context = (0, shared_1.parseCommandContext)(command, args.slice(1), {
         runtime: { takesValue: true },
         detail: { takesValue: false },
@@ -266,7 +273,7 @@ const handleProfile = async (args) => {
                 };
                 break;
             default:
-                return (0, envelope_1.errorResult)(command, 'USAGE_ERROR', 'Usage: rivet profile <status|diagnostics|discover|plan|import|onboarding|rebuild-index|enable|disable|connect|refresh|pause|resume|retry|add-text|add-images|pins|add-variant|inspect|references|reference|search|include|exclude|remove|suggest>');
+                return (0, envelope_1.errorResult)(command, 'USAGE_ERROR', 'Usage: rivet profile <status|diagnostics|discover|plan|import|onboarding|rebuild-index|enable|disable|connect|disconnect|refresh|pause|resume|retry|add-text|add-images|pins|add-variant|inspect|references|reference|search|include|exclude|remove|suggest>');
         }
         const hub = await (0, HubClient_1.ensureHub)({
             root: (0, ProjectLibrary_1.currentLibraryRoot)(),

package/dist/cli/commands/profileDisconnect.d.ts

@@ -0,0 +1,3 @@
+import { type CliCommandResult } from '../envelope';
+export declare const handleProfileDisconnect: (positionals: string[]) => Promise<CliCommandResult>;
+//# sourceMappingURL=profileDisconnect.d.ts.map

package/dist/cli/commands/profileDisconnect.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleProfileDisconnect = void 0;
+const zod_1 = require("zod");
+const ConfigManager_1 = require("../../services/ConfigManager");
+const IntegrationsClient_1 = require("../../services/IntegrationsClient");
+const reference_connectors_1 = require("../../types/reference-connectors");
+const envelope_1 = require("../envelope");
+const COMMAND = 'profile.disconnect';
+const handleProfileDisconnect = async (positionals) => {
+    const selected = zod_1.z
+        .tuple([reference_connectors_1.AuthenticatedReferenceProviderSchema])
+        .safeParse(positionals);
+    if (!selected.success)
+        return (0, envelope_1.errorResult)(COMMAND, 'USAGE_ERROR', 'Usage: rivet profile disconnect <pinterest|arena|x>');
+    try {
+        const config = (0, ConfigManager_1.getConfigManager)();
+        const accountId = config.getUserId();
+        if (!accountId || !config.isAuthenticated())
+            return (0, envelope_1.errorResult)(COMMAND, 'AUTH_REQUIRED', 'Sign in to Rivet before disconnecting a reference account.');
+        const provider = selected.data[0];
+        const result = await new IntegrationsClient_1.IntegrationsClient().disconnect(provider, accountId);
+        if (result.status === 'ok')
+            return (0, envelope_1.okResult)(COMMAND, { provider, isDisconnected: true });
+        if (config.getUserId() !== accountId)
+            return (0, envelope_1.errorResult)(COMMAND, 'OPERATION_FAILED', 'Rivet account changed. Retry with the intended account.', { reason: 'account_changed' });
+        return (0, envelope_1.errorResult)(COMMAND, result.reason === 'auth_required' ? 'AUTH_REQUIRED' : 'OPERATION_FAILED', result.message, { reason: result.reason });
+    }
+    catch {
+        return (0, envelope_1.errorResult)(COMMAND, 'OPERATION_FAILED', 'Could not confirm reference account disconnection. Check your Rivet sign-in and connection, then retry.');
+    }
+};
+exports.handleProfileDisconnect = handleProfileDisconnect;
+//# sourceMappingURL=profileDisconnect.js.map

package/dist/cli/commands/serve.js

@@ -200,6 +200,7 @@ const handleServe = async (args, io) => {
                     previewPort,
                     agentApplyMode: 'external',
                     rivetPort,
+                    resolveProjectName: (targetPath) => library.registry.findByPath(targetPath)?.name,
                     resolveLibraryOrigin: () => {
                         const hub = hubDiscovery.read();
                         return hub?.port && (0, pid_1.isPidAlive)(hub.pid)
@@ -212,6 +213,7 @@ const handleServe = async (args, io) => {
                             return null;
                         return (0, browserLaunch_1.createLibraryLaunchUrl)({
                             hub,
+                            callerAgent: handoff?.agent,
                             path: view === 'references'
                                 ? '/rivet/library/references'
                                 : '/rivet/library',

package/dist/cli/commands/shared.js

@@ -17,7 +17,10 @@ const pluginContext_1 = require("../../hosts/pluginContext");
 const commandErrorResult = (command, error) => error instanceof pluginContext_1.PluginContextMismatchError ||
     error instanceof telemetryPolicy_1.TelemetryPolicyMismatchError
     ? (0, envelope_1.errorResult)(command, 'SERVER_UNAVAILABLE', error.message, { serverUnavailableReason: error.reason }, { isRecoverable: false })
-    : (0, envelope_1.errorResult)(command, 'OPERATION_FAILED', (0, errorMessage_1.errorMessage)(error));
+    : {
+        ...(0, envelope_1.errorResult)(command, 'OPERATION_FAILED', (0, errorMessage_1.errorMessage)(error)),
+        cause: error,
+    };
 exports.commandErrorResult = commandErrorResult;
 exports.SHARED_FLAG_SPEC = {
     project: { takesValue: true },

package/dist/cli/envelope.d.ts

@@ -55,6 +55,7 @@ export type CliEnvelope<TData = unknown> = CliOkEnvelope<TData> | CliErrorEnvelo
 export type CliCommandResult = {
     envelope: CliEnvelope;
     exitCode: CliExitCode;
+    cause?: unknown;
 };
 export declare const okResult: (command: string, data: unknown) => CliCommandResult;
 export declare const loginRecovery: (authUrl?: string) => CliErrorRecovery;

package/dist/cli/router.js

@@ -52,8 +52,9 @@ const COMMAND_USAGE = {
         'resolve [--guidance auto|off] [--exclude-guidance <JSON IDs>] returns current effective text and native paths without a model call. inspect <workId> --project <path> reads retained generation context. Guidance above 32 KiB emits an advisory warning, not a truncation or rejection. The HTTP request limit remains 50 MiB.',
     ],
     profile: [
-        'rivet profile <status|diagnostics|discover|plan|import|onboarding|rebuild-index|enable|disable|connect|refresh|pause|resume|retry|add-text|add-images|pins|add-variant|inspect|references|reference|search|include|exclude|remove|suggest> [options]',
+        'rivet profile <status|diagnostics|discover|plan|import|onboarding|rebuild-index|enable|disable|connect|disconnect|refresh|pause|resume|retry|add-text|add-images|pins|add-variant|inspect|references|reference|search|include|exclude|remove|suggest> [options]',
         'Search saved references by design intent with rivet profile search "<query>" [--source <sourceId>] [--limit N]. Results include stable keys for exact profile reference lookup and whether each source is included in automatic generation.',
+        'Disconnect a linked account with rivet profile disconnect <pinterest|arena|x>. This removes the signed-in Rivet account’s provider connection and keeps saved references. Exactly one provider is required. It needs no running editor or worker runtime. Provider authorization revocation varies by provider.',
         'Resolve copied references in one batch with rivet profile reference <profileId> <shortId@revision>... . Default output is compact metadata. Add --detail only when full text, analysis, sources, and validated image paths are needed. No model work.',
         'Manage saved design references, including Pinterest, Are.na, public Cosmos collections, and X bookmarks (https://x.com/i/bookmarks). A disconnected X account returns an authorization URL; sign in and repeat connect. Connect reference accounts with discover pinterest|arena|x, or discover <public Cosmos profile URL>. Complete OAuth if requested and repeat discovery. Use plan <discoveryId> --collections <JSON>, then import <planId> --revision <revision> --approve after user consent. Onboarding preferences accept --provider cosmos|pinterest|arena|x. Read a saved preview with plan <planId>. Model work uses the selected agent runtime.',
     ],
@@ -264,6 +265,10 @@ const dispatch = async (command, rest, io, options = {}) => {
     return (0, envelope_1.errorResult)(command, 'USAGE_ERROR', `Unknown command: ${command}`);
 };
 exports.dispatch = dispatch;
+const stdoutReservedForProtocolIO = (io) => ({
+    ...io,
+    writeEnvelope: (envelope) => io.writeProgress((0, envelope_1.serializeEnvelope)(envelope)),
+});
 const runCliControlCommand = async (args, io = io_1.processCliIO) => {
     const { redirectLogsToStderr } = await Promise.resolve().then(() => __importStar(require('../utils/logger')));
     redirectLogsToStderr();
@@ -290,7 +295,7 @@ const runCliControlCommand = async (args, io = io_1.processCliIO) => {
     catch (error) {
         result = (0, shared_1.commandErrorResult)(command, error);
     }
-    const exitCode = (0, io_1.emitResult)(io, result);
+    const exitCode = (0, io_1.emitResult)(command === 'mcp' ? stdoutReservedForProtocolIO(io) : io, result);
     if (!rest.includes('--no-telemetry') &&
         !(command === '__hub' && process.env.RIVET_LIBRARY_TELEMETRY === '0')) {
         try {
@@ -311,6 +316,7 @@ const runCliControlCommand = async (args, io = io_1.processCliIO) => {
                 ...(0, telemetry_1.browserMetadataForEnvelope)(result.envelope),
                 ...(0, telemetry_1.verificationMetadataForEnvelope)(result.envelope),
                 ...(0, handoff_1.callerTelemetryFieldsFromArgs)(rest),
+                error: result.cause,
             });
             telemetry.reportInstallRefActivations();
             await telemetry.shutdown(result.envelope.command === 'variants.get'

package/dist/jest.globalSetup.d.ts

@@ -0,0 +1,3 @@
+declare const ensureRivetPageShells: () => void;
+export default ensureRivetPageShells;
+//# sourceMappingURL=jest.globalSetup.d.ts.map

package/dist/jest.globalSetup.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const rivetPage_1 = require("./utils/rivetPage");
+const ensureRivetPageShells = () => {
+    fs_1.default.mkdirSync(rivetPage_1.RIVET_PAGE_SHELL_DIRECTORY, { recursive: true });
+    for (const shellFile of rivetPage_1.RIVET_PAGE_SHELL_FILES) {
+        const builtShell = path_1.default.join(rivetPage_1.RIVET_PAGE_SHELL_DIRECTORY, shellFile);
+        if (!fs_1.default.existsSync(builtShell)) {
+            fs_1.default.copyFileSync(path_1.default.join(__dirname, 'ui', shellFile), builtShell);
+        }
+    }
+};
+exports.default = ensureRivetPageShells;
+//# sourceMappingURL=jest.globalSetup.js.map

package/dist/library/browserLaunch.d.ts

@@ -1,6 +1,7 @@
 import { type ConnectedHub } from './HubClient';
-export declare const createLibraryLaunchUrl: ({ hub, path, }: {
+export declare const createLibraryLaunchUrl: ({ hub, path, callerAgent, }: {
     hub: ConnectedHub;
     path: string;
+    callerAgent?: string;
 }) => Promise<string>;
 //# sourceMappingURL=browserLaunch.d.ts.map

package/dist/library/browserLaunch.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createLibraryLaunchUrl = void 0;
 const HubClient_1 = require("./HubClient");
-const createLibraryLaunchUrl = async ({ hub, path, }) => {
+const launchRuntime_1 = require("../utils/launchRuntime");
+const createLibraryLaunchUrl = async ({ hub, path, callerAgent, }) => {
     const { code } = await (0, HubClient_1.requestHub)({
         hub,
         endpoint: '/launch-codes',
@@ -11,7 +12,7 @@ const createLibraryLaunchUrl = async ({ hub, path, }) => {
     const url = new URL(path, hub.url);
     url.hostname = 'localhost';
     url.hash = new URLSearchParams({ code }).toString();
-    return url.toString();
+    return (0, launchRuntime_1.withLaunchRuntime)(url.toString(), callerAgent);
 };
 exports.createLibraryLaunchUrl = createLibraryLaunchUrl;
 //# sourceMappingURL=browserLaunch.js.map

package/dist/proxy-middleware/proxy-config.d.ts

@@ -14,7 +14,6 @@ export declare const resolveTargetAddressedPreview: (args: {
     resolveVariantPreviewPort?: ResolveVariantPreviewPort;
 }) => TargetAddressedPreview | null;
 export declare const markPreviewBridgeDocumentUncacheable: (proxyRes: IncomingMessage) => void;
-export declare const buildPreviewHoldingPage: () => string;
 export declare const createUserDevServerProxy: (userPort: number, userHost?: string, options?: {
     isPreviewBridgeEnabled?: boolean;
     expectedPreviewParentOrigin?: string;

package/dist/proxy-middleware/proxy-config.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createUserDevServerProxy = exports.buildPreviewHoldingPage = exports.markPreviewBridgeDocumentUncacheable = exports.resolveTargetAddressedPreview = void 0;
+exports.createUserDevServerProxy = exports.markPreviewBridgeDocumentUncacheable = exports.resolveTargetAddressedPreview = void 0;
 const http_proxy_middleware_1 = require("http-proxy-middleware");
 const crypto_1 = require("crypto");
 const logger_1 = require("../utils/logger");
+const rivetPage_1 = require("../utils/rivetPage");
 const htmlDocument_1 = require("../utils/htmlDocument");
 const preview_connections_1 = require("./preview-connections");
 const preview_bridge_1 = require("./preview-bridge");
@@ -74,36 +75,6 @@ const markPreviewBridgeDocumentUncacheable = (proxyRes) => {
     proxyRes.headers['cache-control'] = 'no-cache, no-store';
 };
 exports.markPreviewBridgeDocumentUncacheable = markPreviewBridgeDocumentUncacheable;
-const buildPreviewHoldingPage = () => `<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>Preview — waiting for dev server</title>
-<style>
-  html, body { height: 100%; margin: 0; }
-  body {
-    display: flex; align-items: center; justify-content: center;
-    background: #0f0f10; color: #a1a1aa;
-    font: 14px/1.5 ui-sans-serif, system-ui, -apple-system, sans-serif;
-  }
-  .wrap { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 24px; text-align: center; }
-  .spinner {
-    width: 22px; height: 22px; border: 2px solid #2a2a2e; border-top-color: #a1a1aa;
-    border-radius: 50%; animation: rivet-preview-spin 0.8s linear infinite;
-  }
-  @keyframes rivet-preview-spin { to { transform: rotate(360deg); } }
-  @media (prefers-reduced-motion: reduce) { .spinner { animation: none; } }
-</style>
-</head>
-<body>
-  <div class="wrap">
-    <div class="spinner" aria-hidden="true"></div>
-    <div>Waiting for the preview dev server…</div>
-  </div>
-</body>
-</html>`;
-exports.buildPreviewHoldingPage = buildPreviewHoldingPage;
 const createUserDevServerProxy = (userPort, userHost = 'localhost', options = {}) => {
     let variantTarget = null;
     const requestTargets = new WeakMap();
@@ -311,9 +282,10 @@ const createUserDevServerProxy = (userPort, userHost = 'localhost', options = {}
             if ('writeHead' in res && !res.headersSent) {
                 if (isPreviewBridgeEnabled && (0, preview_bridge_1.isHtmlDocumentRequest)(req)) {
                     log.debug(`Serving preview holding page — no upstream yet (userPort=${userPort}).`);
-                    const body = (0, preview_bridge_1.injectPreviewBridge)((0, exports.buildPreviewHoldingPage)(), {
-                        expectedParentOrigin: options.expectedPreviewParentOrigin,
-                    });
+                    const body = (0, preview_bridge_1.injectPreviewBridge)((0, rivetPage_1.renderRivetPage)({
+                        page: { kind: 'preview-waiting' },
+                        head: { title: 'Preview — waiting for dev server' },
+                    }), { expectedParentOrigin: options.expectedPreviewParentOrigin });
                     res.writeHead(200, {
                         'Content-Type': 'text/html; charset=utf-8',
                         'Cache-Control': 'no-cache, no-store',

package/dist/routes/agentVariants.js

@@ -23,6 +23,7 @@ const express_1 = require("express");
 const v3_1 = require("zod/v3");
 const api_responses_1 = require("../types/api-responses");
 const logger_1 = require("../utils/logger");
+const rivetPage_1 = require("../utils/rivetPage");
 const agent_variants_1 = require("../agent-variants");
 const changeBatchClassification_1 = require("../mcp/changeBatchClassification");
 const createAgentVariantsOrchestrator_1 = require("../services/createAgentVariantsOrchestrator");
@@ -167,22 +168,6 @@ const HISTORY_STATUSES = new Set([
 ]);
 const VARIANT_SHARE_TITLE_FALLBACK = 'Prototype';
 const CANVAS_SHARE_TITLE_FALLBACK = 'Prototype canvas';
-const escapeHtml = (value) => value.replace(/[&<>"']/g, (char) => {
-    switch (char) {
-        case '&':
-            return '&amp;';
-        case '<':
-            return '&lt;';
-        case '>':
-            return '&gt;';
-        case '"':
-            return '&quot;';
-        case "'":
-            return '&#39;';
-        default:
-            return char;
-    }
-});
 const getVariantShareTitle = (manifest) => {
     const title = [manifest.label, manifest.brief, manifest.sessionPrompt].find((candidate) => candidate.trim().length > 0);
     return (0, PrototypeDeployService_1.normalizePrototypeShareTitle)(title) ?? VARIANT_SHARE_TITLE_FALLBACK;
@@ -190,165 +175,27 @@ const getVariantShareTitle = (manifest) => {
 const getCanvasShareTitle = (sessionPrompt) => {
     return ((0, PrototypeDeployService_1.normalizePrototypeShareTitle)(sessionPrompt) ?? CANVAS_SHARE_TITLE_FALLBACK);
 };
-const CANVAS_IFRAME_SANDBOX = 'allow-scripts allow-forms allow-popups';
 const RIVET_SOCIAL_IMAGE_URL = 'https://rivet.design/images/rivet-social.png';
 const RIVET_DEFAULT_SHARE_DESCRIPTION = 'Built with Rivet — the visual editor for design';
 const UNSUPPORTED_PROTOTYPE_DEPLOY_MESSAGE = "This prototype can't be deployed — only buildable app directions or static previews are supported.";
-const buildCanvasShareHtml = (args) => {
-    const prompt = args.sessionPrompt.trim();
-    const variantCards = args.variants
-        .map((variant, index) => {
-        const label = variant.label.trim() || `Direction ${index + 1}`;
-        const brief = variant.brief.trim();
-        return `<article class="variant-card">
-  <header>
-    <div>
-      <p class="eyebrow">Direction ${index + 1}</p>
-      <h2>${escapeHtml(label)}</h2>
-    </div>
-    <a href="${escapeHtml(variant.shareUrl)}" target="_blank" rel="noreferrer">Open</a>
-  </header>
-  ${brief ? `<p class="brief">${escapeHtml(brief)}</p>` : ''}
-  <iframe title="${escapeHtml(label)}" src="${escapeHtml(variant.shareUrl)}" loading="lazy" sandbox="${CANVAS_IFRAME_SANDBOX}"></iframe>
-</article>`;
-    })
-        .join('\n');
-    const canvasTitle = `Rivet Canvas — ${args.variants.length} directions`;
-    const escapedTitle = escapeHtml(canvasTitle);
-    const escapedDesc = escapeHtml(RIVET_DEFAULT_SHARE_DESCRIPTION);
-    return `<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>${escapedTitle}</title>
-  <meta name="description" content="${escapedDesc}" />
-  <meta property="og:type" content="website" />
-  <meta property="og:title" content="${escapedTitle}" />
-  <meta property="og:description" content="${escapedDesc}" />
-  <meta property="og:image" content="${RIVET_SOCIAL_IMAGE_URL}" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content="${escapedTitle}" />
-  <meta name="twitter:description" content="${escapedDesc}" />
-  <meta name="twitter:image" content="${RIVET_SOCIAL_IMAGE_URL}" />
-  <style>
-    :root {
-      color-scheme: light;
-      --bg: #f6f4ef;
-      --card: #ffffff;
-      --ink: #161615;
-      --muted: #6f6a60;
-      --border: #ded8cc;
-      --accent: #ff5a1f;
-    }
-    * { box-sizing: border-box; }
-    body {
-      margin: 0;
-      background: var(--bg);
-      color: var(--ink);
-      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-    }
-    main {
-      width: min(1440px, calc(100vw - 32px));
-      margin: 0 auto;
-      padding: 32px 0 48px;
-    }
-    .hero {
-      display: flex;
-      align-items: flex-end;
-      justify-content: space-between;
-      gap: 24px;
-      margin-bottom: 24px;
-    }
-    h1 {
-      margin: 0;
-      font-size: clamp(32px, 5vw, 64px);
-      letter-spacing: -0.06em;
-      line-height: 0.95;
-    }
-    .prompt {
-      max-width: 720px;
-      color: var(--muted);
-      font-size: 15px;
-      line-height: 1.5;
-    }
-    .grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
-      gap: 18px;
-    }
-    .variant-card {
-      overflow: hidden;
-      border: 1px solid var(--border);
-      border-radius: 18px;
-      background: var(--card);
-      box-shadow: 0 20px 60px rgba(22, 22, 21, 0.08);
-    }
-    .variant-card header {
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      gap: 16px;
-      padding: 18px 18px 0;
-    }
-    .eyebrow {
-      margin: 0 0 6px;
-      color: var(--accent);
-      font-size: 11px;
-      font-weight: 700;
-      letter-spacing: 0.12em;
-      text-transform: uppercase;
-    }
-    h2 {
-      margin: 0;
-      font-size: 20px;
-      letter-spacing: -0.03em;
-    }
-    a {
-      color: var(--ink);
-      font-size: 13px;
-      font-weight: 700;
-      text-decoration: none;
-      border-bottom: 1px solid currentColor;
-    }
-    .brief {
-      margin: 10px 18px 16px;
-      color: var(--muted);
-      font-size: 13px;
-      line-height: 1.45;
-    }
-    iframe {
-      display: block;
-      width: 100%;
-      height: 720px;
-      border: 0;
-      border-top: 1px solid var(--border);
-      background: white;
-    }
-    @media (max-width: 640px) {
-      main { width: min(100vw - 20px, 1440px); padding-top: 20px; }
-      .hero { display: block; }
-      .grid { grid-template-columns: 1fr; }
-      iframe { height: 560px; }
-    }
-  </style>
-</head>
-<body>
-  <main>
-    <section class="hero">
-      <div>
-        <p class="eyebrow">Rivet Canvas</p>
-        <h1>${args.variants.length} directions</h1>
-      </div>
-      ${prompt ? `<p class="prompt">${escapeHtml(prompt)}</p>` : ''}
-    </section>
-    <section class="grid">
-${variantCards}
-    </section>
-  </main>
-</body>
-</html>`;
-};
+const buildCanvasSharePage = (args) => (0, rivetPage_1.renderRivetPage)({
+    page: {
+        kind: 'canvas-share',
+        prompt: args.sessionPrompt.trim(),
+        directions: args.variants.map((variant, index) => ({
+            label: variant.label.trim() || `Direction ${index + 1}`,
+            brief: variant.brief.trim(),
+            shareUrl: variant.shareUrl,
+        })),
+    },
+    head: {
+        title: `Rivet Canvas — ${args.variants.length} directions`,
+        shareCard: {
+            description: RIVET_DEFAULT_SHARE_DESCRIPTION,
+            imageUrl: RIVET_SOCIAL_IMAGE_URL,
+        },
+    },
+});
 const generatedProjectWorkspaceRoot = (projectPath) => {
     const normalized = path_1.default.normalize(projectPath);
     const segments = normalized.split(path_1.default.sep);
@@ -1811,7 +1658,7 @@ const createAgentVariantsRouter = (orchestrator, bridge, telemetry, variantHisto
                 }
                 deployedVariants.push(deployed.variant);
             }
-            const html = buildCanvasShareHtml({
+            const html = buildCanvasSharePage({
                 sessionPrompt,
                 variants: deployedVariants,
             });

package/dist/routes/referenceProfiles.js

@@ -6,7 +6,7 @@ const zod_1 = require("zod");
 const HubClient_1 = require("../library/HubClient");
 const ProjectLibrary_1 = require("../services/ProjectLibrary");
 const ConfigManager_1 = require("../services/ConfigManager");
-const cosmos_1 = require("../types/cosmos");
+const reference_connectors_1 = require("../types/reference-connectors");
 const reference_onboarding_1 = require("../types/reference-onboarding");
 const design_profile_1 = require("../types/design-profile");
 const errorMessage_1 = require("../utils/errorMessage");
@@ -28,11 +28,11 @@ const createReferenceProfilesRouter = () => {
         }));
     });
     router.post('/reference-profiles/discoveries', async (req, res) => {
-        const url = cosmos_1.CosmosProfileUrlSchema.parse(req.body?.url);
+        const input = reference_connectors_1.ReferenceDiscoveryRequestSchema.parse(req.body);
         res.status(201).json(await (0, HubClient_1.requestHub)({
             hub: await connectedHub(),
             endpoint: '/profile/discoveries',
-            body: { url },
+            body: input,
         }));
     });
     router.post('/reference-profiles/import-plans', async (req, res) => {

package/dist/routes/static.js

@@ -42,7 +42,7 @@ const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const logger_1 = require("../utils/logger");
 const preview_bridge_1 = require("../proxy-middleware/preview-bridge");
-const emptyStatePage_1 = require("./emptyStatePage");
+const rivetPage_1 = require("../utils/rivetPage");
 const log = (0, logger_1.createLogger)('StaticRoutes');
 const createStaticRoutes = (staticService, _projectPath, options = {}) => {
     const router = (0, express_1.Router)();
@@ -62,7 +62,13 @@ const createStaticRoutes = (staticService, _projectPath, options = {}) => {
         res.sendFile(entryFileName, { root: basePath });
     };
     const sendEmptyState = (res) => {
-        res.status(200).type('html').send((0, emptyStatePage_1.renderEmptyState)());
+        res
+            .status(200)
+            .type('html')
+            .send((0, rivetPage_1.renderRivetPage)({
+            page: { kind: 'empty-project' },
+            head: { title: 'Empty project' },
+        }));
     };
     router.get('/static', (_req, res) => {
         const entryPath = path_1.default.join(basePath, entryFileName);