netra-artifacts 0.1.0-alpha.0

package/dist-cjs/iframe/iframeSrcDoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframeSrcDoc.js","sourceRoot":"","sources":["../../src/iframe/iframeSrcDoc.ts"],"names":[],"mappings":"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"}

package/dist-cjs/iframe/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ARTIFACT_CSS = exports.useArtifactStyles = exports.useIframeAutoSize = exports.resolveSandbox = exports.buildSrcDoc = exports.HtmlArtifactCodeView = exports.HtmlArtifactToolbar = exports.HtmlArtifactModal = exports.HtmlArtifactPreview = exports.HtmlArtifactCard = void 0;
+var HtmlArtifactCard_js_1 = require("./HtmlArtifactCard.js");
+Object.defineProperty(exports, "HtmlArtifactCard", { enumerable: true, get: function () { return HtmlArtifactCard_js_1.HtmlArtifactCard; } });
+var HtmlArtifactPreview_js_1 = require("./HtmlArtifactPreview.js");
+Object.defineProperty(exports, "HtmlArtifactPreview", { enumerable: true, get: function () { return HtmlArtifactPreview_js_1.HtmlArtifactPreview; } });
+var HtmlArtifactModal_js_1 = require("./HtmlArtifactModal.js");
+Object.defineProperty(exports, "HtmlArtifactModal", { enumerable: true, get: function () { return HtmlArtifactModal_js_1.HtmlArtifactModal; } });
+var HtmlArtifactToolbar_js_1 = require("./HtmlArtifactToolbar.js");
+Object.defineProperty(exports, "HtmlArtifactToolbar", { enumerable: true, get: function () { return HtmlArtifactToolbar_js_1.HtmlArtifactToolbar; } });
+var HtmlArtifactCodeView_js_1 = require("./HtmlArtifactCodeView.js");
+Object.defineProperty(exports, "HtmlArtifactCodeView", { enumerable: true, get: function () { return HtmlArtifactCodeView_js_1.HtmlArtifactCodeView; } });
+var iframeSrcDoc_js_1 = require("./iframeSrcDoc.js");
+Object.defineProperty(exports, "buildSrcDoc", { enumerable: true, get: function () { return iframeSrcDoc_js_1.buildSrcDoc; } });
+Object.defineProperty(exports, "resolveSandbox", { enumerable: true, get: function () { return iframeSrcDoc_js_1.resolveSandbox; } });
+var iframeSizing_js_1 = require("./iframeSizing.js");
+Object.defineProperty(exports, "useIframeAutoSize", { enumerable: true, get: function () { return iframeSizing_js_1.useIframeAutoSize; } });
+var styles_js_1 = require("./styles.js");
+Object.defineProperty(exports, "useArtifactStyles", { enumerable: true, get: function () { return styles_js_1.useArtifactStyles; } });
+Object.defineProperty(exports, "ARTIFACT_CSS", { enumerable: true, get: function () { return styles_js_1.ARTIFACT_CSS; } });
+//# sourceMappingURL=index.js.map

package/dist-cjs/iframe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/iframe/index.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AAAhD,uHAAA,gBAAgB,OAAA;AACzB,mEAA+D;AAAtD,6HAAA,mBAAmB,OAAA;AAC5B,+DAA2D;AAAlD,yHAAA,iBAAiB,OAAA;AAC1B,mEAA+D;AAAtD,6HAAA,mBAAmB,OAAA;AAC5B,qEAAiE;AAAxD,+HAAA,oBAAoB,OAAA;AAC7B,qDAAgE;AAAvD,8GAAA,WAAW,OAAA;AAAE,iHAAA,cAAc,OAAA;AACpC,qDAAsD;AAA7C,oHAAA,iBAAiB,OAAA;AAC1B,yCAA8D;AAArD,8GAAA,iBAAiB,OAAA;AAAE,yGAAA,YAAY,OAAA"}

package/dist-cjs/iframe/styles.js

@@ -0,0 +1,218 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ARTIFACT_CSS = void 0;
+exports.useArtifactStyles = useArtifactStyles;
+const React = __importStar(require("react"));
+const STYLE_ID = "aha-artifact-styles";
+/**
+ * Self-contained, premium chrome styles for the artifact card. Injected once
+ * into <head> so components can use hover/focus/dark states without depending
+ * on the host app's CSS. Uses the CSS `light-dark()` function (the card sets
+ * `color-scheme: light dark`) so it adapts to the OS theme automatically.
+ */
+exports.ARTIFACT_CSS = `
+.aha-scope{
+  color-scheme: light dark;
+  --aha-bg: light-dark(#fbfbfc, #0c0c0f);
+  --aha-elev: light-dark(#ffffff, #161619);
+  --aha-fg: light-dark(#15161a, #f4f4f6);
+  --aha-muted: light-dark(#6b7280, #9aa0ab);
+  --aha-faint: light-dark(#9ca3af, #6b7280);
+  --aha-hairline: light-dark(rgba(0,0,0,.07), rgba(255,255,255,.08));
+  --aha-ring: light-dark(oklch(0 0 0 / .08), oklch(1 0 0 / .11));
+  --aha-hover: light-dark(rgba(0,0,0,.05), rgba(255,255,255,.07));
+  --aha-accent: light-dark(#3b3bff, #8aa0ff);
+  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* The premium ring + border + layered shadow treatment (no flat white box). */
+.aha-card{
+  position: relative;
+  border-radius: var(--aha-radius, 22px);
+  background: var(--aha-bg);
+  color: var(--aha-fg);
+  overflow: hidden;
+  box-shadow:
+    0 0 0 1px var(--aha-ring),
+    light-dark(oklch(0 0 0 / .04), oklch(0 0 0 / .20)) 0px 2px 2px -1px,
+    light-dark(oklch(0 0 0 / .035), oklch(0 0 0 / .22)) 0px 10px 20px -6px,
+    light-dark(oklch(0 0 0 / .05), oklch(0 0 0 / .35)) 0px 30px 60px -18px;
+  transition: box-shadow .25s ease, transform .25s ease;
+}
+.aha-card[data-variant="glass"]{
+  background: light-dark(rgba(255,255,255,.72), rgba(22,22,26,.66));
+  backdrop-filter: blur(20px) saturate(140%);
+}
+
+.aha-toolbar{
+  display:flex; align-items:center; gap:10px;
+  padding: 9px 10px 9px 14px;
+  background: light-dark(rgba(252,252,253,.82), rgba(20,20,24,.7));
+  backdrop-filter: blur(12px);
+  border-bottom: 1px solid var(--aha-hairline);
+  position: relative; z-index: 2;
+}
+.aha-dots{ display:inline-flex; gap:6px; margin-right:4px; }
+.aha-dot{ width:11px; height:11px; border-radius:50%; }
+.aha-title{
+  font-size:13px; font-weight:600; letter-spacing:-0.01em;
+  color: var(--aha-fg);
+  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+  min-width:0; flex: 0 1 auto;
+}
+.aha-stream-dot{
+  width:7px;height:7px;border-radius:50%;flex:none;
+  background:#22c55e; box-shadow:0 0 0 0 rgba(34,197,94,.55);
+  animation: aha-pulse 1.5s infinite;
+}
+
+.aha-seg{
+  display:inline-flex; padding:3px; gap:2px; border-radius:11px;
+  background: light-dark(rgba(0,0,0,.05), rgba(255,255,255,.06));
+  box-shadow: inset 0 0 0 1px var(--aha-ring);
+}
+.aha-seg button{
+  appearance:none; border:none; cursor:pointer;
+  font-size:12px; font-weight:600; letter-spacing:-0.01em;
+  padding:5px 13px; border-radius:8px; color: var(--aha-muted);
+  background:transparent; transition: all .15s ease;
+}
+.aha-seg button[data-active="true"]{
+  color: var(--aha-fg);
+  background: var(--aha-elev);
+  box-shadow: 0 1px 2px light-dark(rgba(0,0,0,.10), rgba(0,0,0,.4)), 0 0 0 .5px var(--aha-ring);
+}
+
+.aha-iconbtn{
+  display:inline-flex; align-items:center; justify-content:center;
+  width:32px; height:32px; border-radius:999px; flex:none;
+  border:none; cursor:pointer; padding:0;
+  color: var(--aha-muted); background:transparent;
+  transition: background .15s ease, color .15s ease, transform .1s ease;
+}
+.aha-iconbtn:hover{ background: var(--aha-hover); color: var(--aha-fg); }
+.aha-iconbtn:active{ transform: scale(.94); }
+
+/* Seamless ("camouflage") presentation: chromeless, transparent, inline. The
+   action row stays invisible until hover so the surface reads as native UI. */
+.aha-seamless{ position:relative; }
+.aha-seamless-actions{
+  position:absolute; top:8px; right:8px; z-index:4;
+  display:flex; gap:4px; padding:3px; border-radius:999px;
+  background: color-mix(in srgb, var(--aha-bg) 70%, transparent);
+  border:1px solid var(--aha-border);
+  backdrop-filter: blur(8px);
+  opacity:0; transform: translateY(-2px);
+  transition: opacity .18s ease, transform .18s ease;
+}
+.aha-seamless:hover .aha-seamless-actions,
+.aha-seamless:focus-within .aha-seamless-actions{ opacity:1; transform: translateY(0); }
+
+/* Streaming progress shimmer along the top edge of the preview. */
+.aha-progress{
+  position:absolute; top:0; left:0; right:0; height:2px; z-index:3;
+  background: linear-gradient(90deg, transparent, var(--aha-accent), transparent);
+  background-size: 40% 100%;
+  animation: aha-progress 1.1s linear infinite;
+}
+
+.aha-frame{ display:block; width:100%; border:none; background:transparent; }
+.aha-frame[data-fade="in"]{ animation: aha-fade .45s ease both; }
+
+.aha-skel{
+  display:grid; gap:14px; padding:26px;
+  background: light-dark(linear-gradient(180deg,#fcfcfd,#f4f5f7), linear-gradient(180deg,#121215,#0d0d10));
+}
+.aha-skel .row{
+  height:16px; border-radius:8px;
+  background: light-dark(
+    linear-gradient(90deg, rgba(0,0,0,.05) 25%, rgba(0,0,0,.10) 37%, rgba(0,0,0,.05) 63%),
+    linear-gradient(90deg, rgba(255,255,255,.05) 25%, rgba(255,255,255,.10) 37%, rgba(255,255,255,.05) 63%));
+  background-size: 400% 100%;
+  animation: aha-shimmer 1.4s ease infinite;
+  opacity:0; animation-fill-mode: both;
+}
+/* Stagger the skeleton in so it reads as a layout being built up. */
+.aha-skel .row:nth-child(1){ width:42%; animation-delay:0s,.0s; }
+.aha-skel .row:nth-child(2){ width:88%; }
+.aha-skel .row:nth-child(3){ width:74%; }
+.aha-skel .row:nth-child(4){ height:130px; }
+.aha-skel .row:nth-child(5){ width:60%; }
+.aha-skel .row:nth-child(6){ width:80%; }
+.aha-skel .row{ animation: aha-shimmer 1.4s ease infinite, aha-rise .5s ease both; }
+.aha-skel .row:nth-child(2){ animation-delay: 0s, .07s; }
+.aha-skel .row:nth-child(3){ animation-delay: 0s, .14s; }
+.aha-skel .row:nth-child(4){ animation-delay: 0s, .21s; }
+.aha-skel .row:nth-child(5){ animation-delay: 0s, .28s; }
+.aha-skel .row:nth-child(6){ animation-delay: 0s, .35s; }
+
+.aha-overlay{
+  display:flex; align-items:center; justify-content:center; text-align:center;
+  padding:24px; color: var(--aha-muted); font-size:13px;
+  background: light-dark(rgba(255,255,255,.82), rgba(12,12,15,.82));
+  backdrop-filter: blur(3px);
+}
+
+@keyframes aha-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
+@keyframes aha-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
+@keyframes aha-progress{0%{background-position:120% 0}100%{background-position:-20% 0}}
+@keyframes aha-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
+@keyframes aha-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
+@media (prefers-reduced-motion: reduce){
+  .aha-frame[data-fade="in"], .aha-skel .row, .aha-progress, .aha-stream-dot{ animation: none !important; }
+  .aha-skel .row{ opacity:1; }
+}
+`;
+let injected = false;
+/** Inject the artifact stylesheet once per document. */
+function useArtifactStyles() {
+    React.useEffect(() => {
+        if (injected || typeof document === "undefined")
+            return;
+        if (document.getElementById(STYLE_ID)) {
+            injected = true;
+            return;
+        }
+        const el = document.createElement("style");
+        el.id = STYLE_ID;
+        el.textContent = exports.ARTIFACT_CSS;
+        document.head.appendChild(el);
+        injected = true;
+    }, []);
+}
+//# sourceMappingURL=styles.js.map

package/dist-cjs/iframe/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/iframe/styles.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Kb,8CAaC;AArLD,6CAA+B;AAE/B,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AAEvC;;;;;GAKG;AACU,QAAA,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyJ3B,CAAC;AAEF,IAAI,QAAQ,GAAG,KAAK,CAAC;AAErB,wDAAwD;AACxD,SAAgB,iBAAiB;IAC/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QACxD,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtC,QAAQ,GAAG,IAAI,CAAC;YAChB,OAAO;QACT,CAAC;QACD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC;QACjB,EAAE,CAAC,WAAW,GAAG,oBAAY,CAAC;QAC9B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC9B,QAAQ,GAAG,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/dist-cjs/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSE_HEADERS = exports.createArtifactResponse = exports.createArtifactStream = exports.ArtifactLifecycle = exports.MessageLifecycle = exports.createArtifactId = exports.createMessageId = exports.defaultCircuitStore = exports.MemoryCircuitStore = exports.CircuitBreaker = exports.buildClassifierUserPrompt = exports.CLASSIFIER_SYSTEM_PROMPT = exports.classifyByRules = void 0;
+/**
+ * Root entry — isomorphic exports only (no React, no AI SDK import), safe to
+ * pull into any environment. Use the `./server` and `./client` subpaths for
+ * the AI-SDK and React surfaces respectively.
+ */
+__exportStar(require("./types/index.js"), exports);
+__exportStar(require("./stream/index.js"), exports);
+__exportStar(require("./sanitizer/index.js"), exports);
+__exportStar(require("./artifacts/index.js"), exports);
+__exportStar(require("./constants/index.js"), exports);
+__exportStar(require("./utils/index.js"), exports);
+__exportStar(require("./errors/index.js"), exports);
+__exportStar(require("./prompts/index.js"), exports);
+// Heuristic classifier + prompt are dependency-free; the model-based
+// `classifyMode` lives behind the `./server` entry (it imports the AI SDK).
+var rules_js_1 = require("./classifier/rules.js");
+Object.defineProperty(exports, "classifyByRules", { enumerable: true, get: function () { return rules_js_1.classifyByRules; } });
+var classifierPrompt_js_1 = require("./classifier/classifierPrompt.js");
+Object.defineProperty(exports, "CLASSIFIER_SYSTEM_PROMPT", { enumerable: true, get: function () { return classifierPrompt_js_1.CLASSIFIER_SYSTEM_PROMPT; } });
+Object.defineProperty(exports, "buildClassifierUserPrompt", { enumerable: true, get: function () { return classifierPrompt_js_1.buildClassifierUserPrompt; } });
+// Circuit breaker is isomorphic.
+var index_js_1 = require("./circuit-breaker/index.js");
+Object.defineProperty(exports, "CircuitBreaker", { enumerable: true, get: function () { return index_js_1.CircuitBreaker; } });
+Object.defineProperty(exports, "MemoryCircuitStore", { enumerable: true, get: function () { return index_js_1.MemoryCircuitStore; } });
+Object.defineProperty(exports, "defaultCircuitStore", { enumerable: true, get: function () { return index_js_1.defaultCircuitStore; } });
+// Core stream/response helpers (framework-agnostic).
+var index_js_2 = require("./core/index.js");
+Object.defineProperty(exports, "createMessageId", { enumerable: true, get: function () { return index_js_2.createMessageId; } });
+Object.defineProperty(exports, "createArtifactId", { enumerable: true, get: function () { return index_js_2.createArtifactId; } });
+Object.defineProperty(exports, "MessageLifecycle", { enumerable: true, get: function () { return index_js_2.MessageLifecycle; } });
+Object.defineProperty(exports, "ArtifactLifecycle", { enumerable: true, get: function () { return index_js_2.ArtifactLifecycle; } });
+Object.defineProperty(exports, "createArtifactStream", { enumerable: true, get: function () { return index_js_2.createArtifactStream; } });
+Object.defineProperty(exports, "createArtifactResponse", { enumerable: true, get: function () { return index_js_2.createArtifactResponse; } });
+Object.defineProperty(exports, "SSE_HEADERS", { enumerable: true, get: function () { return index_js_2.SSE_HEADERS; } });
+//# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,mDAAiC;AACjC,oDAAkC;AAClC,uDAAqC;AACrC,uDAAqC;AACrC,uDAAqC;AACrC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AAEnC,qEAAqE;AACrE,4EAA4E;AAC5E,kDAAiF;AAAxE,2GAAA,eAAe,OAAA;AACxB,wEAG0C;AAFxC,+HAAA,wBAAwB,OAAA;AACxB,gIAAA,yBAAyB,OAAA;AAG3B,iCAAiC;AACjC,uDAIoC;AAHlC,0GAAA,cAAc,OAAA;AACd,8GAAA,kBAAkB,OAAA;AAClB,+GAAA,mBAAmB,OAAA;AAGrB,qDAAqD;AACrD,4CAUyB;AATvB,2GAAA,eAAe,OAAA;AACf,4GAAA,gBAAgB,OAAA;AAChB,4GAAA,gBAAgB,OAAA;AAChB,6GAAA,iBAAiB,OAAA;AACjB,gHAAA,oBAAoB,OAAA;AACpB,kHAAA,sBAAsB,OAAA;AACtB,uGAAA,WAAW,OAAA"}

package/dist-cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist-cjs/prompts/htmlArtifactPrompt.js

@@ -0,0 +1,252 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML_ARTIFACT_SYSTEM_PROMPT = void 0;
+exports.buildHtmlArtifactPrompt = buildHtmlArtifactPrompt;
+const systemPrompt_js_1 = require("./systemPrompt.js");
+const defaults_js_1 = require("../constants/defaults.js");
+function buildOutputFormat(presentation) {
+    if (presentation === "seamless") {
+        return `You are answering in HTML_ARTIFACT mode. Output EXACTLY two sections and nothing else:
+
+<assistant_message>
+A short (1-2 sentence) chat message. Mention the aesthetic direction you chose, naturally.
+</assistant_message>
+
+<html_artifact title="A concise human-readable title">
+<!DOCTYPE html>
+<html lang="en" style="background:transparent;margin:0;padding:0;">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>...</title>
+</head>
+<body style="background:transparent;margin:0;padding:0;">
+<!-- content with inline style attributes on elements; do not output any <style> tag -->
+</body>
+</html>
+</html_artifact>`;
+    }
+    return `You are answering in HTML_ARTIFACT mode. Output EXACTLY two sections and nothing else:
+
+<assistant_message>
+A short (1-2 sentence) chat message. Mention the aesthetic direction you chose, naturally.
+</assistant_message>
+
+<html_artifact title="A concise human-readable title">
+<!DOCTYPE html>
+<html lang="en" style="margin:0;padding:0">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<title>...</title>
+</head>
+<body style="margin:0; /* declare your OWN design tokens + page background inline here (e.g. --bg/--fg/--accent), then set background + color from them. Pick the palette that best fits — light, dark, or vivid; never plain white-on-white */">
+<!-- content with ALL styling inline via style="" on each element; no <style> tag. Make it fully responsive with intrinsic CSS (see responsive rules). -->
+</body>
+</html>
+</html_artifact>`;
+}
+const HARD_RULES = `HARD RULES — the artifact renders in a sandboxed iframe with NO JavaScript:
+- Output a COMPLETE, valid HTML document (<!DOCTYPE html>, <html>, <head>, <body>, meta charset, meta viewport).
+- You are already in HTML_ARTIFACT mode. ALWAYS emit the <html_artifact> block. Never answer with explanation-only prose, even if the user says "check", "test", "show", "demo", or repeats the request messily.
+- 100% static HTML + CSS. NO JavaScript, NO <script>, NO event handlers (onclick/onload/...), NO javascript: URLs, NO external JS.
+- NO markdown code fences. NO prose outside <assistant_message>. NO placeholders ("data will load here") — PRECOMPUTE and write every value directly into the HTML.
+- Reset body margins (body{margin:0}). Avoid fixed body heights and fixed/overlay positioning that breaks inside an iframe. Content flows top-to-bottom and is fully responsive.
+- Semantic HTML and accessible labels (label/for, alt text, aria where helpful). Maintain strong color contrast.`;
+function buildInlineOnlyRule() {
+    return `INLINE CSS ONLY — THIS IS A HARD CONSTRAINT FOR EVERY ARTIFACT (read carefully):
+Any <style> tag you write is DELETED before the artifact renders. CSS placed in a <style> tag, a :root block, or any stylesheet rule WILL NOT APPLY and your design will appear broken/unstyled. The ONLY styling that survives is a style="" attribute on the element it affects. Keep markup bare-minimum.
+
+ALLOWED:
+- A style="" attribute on every element you want to style.
+- CSS custom properties declared inline on <html style="--bg:...;--fg:...;..."> and referenced from descendants via var(), e.g. style="color:var(--fg)".
+- Inline layout — this is how you make it responsive WITHOUT media queries:
+  - Fluid grid that reflows by itself: style="display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))"
+  - Wrapping rows / navs: style="display:flex;flex-wrap:wrap;gap:12px;align-items:center"
+  - Fluid type/space with clamp(): style="font-size:clamp(1.5rem,1rem+3vw,3rem)"
+  - Wide tables/timelines: wrap in style="overflow-x:auto" so they scroll instead of overflowing the page.
+- SVG via presentation attributes (fill, stroke, …) and inline style="" on SVG nodes.
+- <link> to Google Fonts in <head> (font loading only); apply font-family inline.
+
+FORBIDDEN (none work without a stylesheet — never emit them):
+- <style> tags anywhere. :root{} blocks. Class/ID/element/attribute CSS selectors.
+- @media, @keyframes, @font-face, @supports, @container.
+- Pseudo-classes/elements: :hover, :focus, :active, ::before, ::after, ::marker.
+- "Utility classes" (Tailwind-style) — class="" does NOTHING here; style inline. Omit class attributes.
+- A click-toggle "burger" menu (needs a stylesheet/JS). For navs, use a single wrapping/scrolling row instead (flex-wrap, or overflow-x:auto).
+
+CONCRETE RESPONSIVE PATTERN (inline auto-fit grid — reflows from 3-up to 1-up by itself):
+<div style="display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))">
+  <div style="padding:18px 20px;border-radius:16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10)">
+    <div style="font-size:13px;letter-spacing:.04em;color:var(--muted,rgba(255,255,255,.55))">Revenue</div>
+    <div style="font-size:clamp(24px,2vw+16px,34px);font-weight:700;color:var(--fg,#f4f4f8)">$48.9K</div>
+    <div style="font-size:13px;color:#34d399">▲ 4.2%</div>
+  </div>
+</div>
+Every property is on the element. Do this for the entire artifact.`;
+}
+const DESIGN_DIRECTION = `DESIGN DIRECTION — make it genuinely beautiful, not generic. Avoid "AI slop" at all costs.
+
+1. COMMIT TO A BOLD, COHESIVE AESTHETIC. Pick ONE clear direction that fits the content and execute it precisely. Examples to draw from (do not always pick the same one — vary across generations): editorial/magazine, refined luxury, brutalist/raw, retro-futuristic, organic/natural, soft pastel, industrial/utilitarian, art-deco/geometric, dark premium, warm minimal. Intentionality beats intensity.
+
+2. DESIGN TOKENS FIRST. Declare your token system INLINE on <html style="--bg:...;--fg:...;--accent:...;--space:...;--radius:..."> (never a :root block or <style> tag) and reference everywhere via var(). A dominant color + 1-2 sharp accents, a spacing scale, radii, shadows. Pick light OR dark deliberately; do not default to white.
+
+3. ANTI-SLOP — NEVER do these:
+   - NO purple/violet gradients on white (the #1 AI cliché).
+   - NO uniform rounded corners on everything; vary radii with intent.
+   - NO everything-centered layouts. Use real composition.
+   - NO generic system/Inter/Arial/Roboto-only typography.
+
+4. SPATIAL COMPOSITION. Use asymmetry, overlap, a clear visual hierarchy, deliberate negative space OR controlled density. Break the grid intentionally. Strong type scale: large confident headings, comfortable body, small-caps/labels where fitting.
+
+5. DEPTH & ATMOSPHERE. Don't settle for flat solid fills. Add tasteful depth: layered subtle gradients or gradient meshes (radial-gradient), soft grain/noise via SVG data-URI background, fine 1px hairlines, dramatic-but-tasteful shadows, glassmorphism only where it earns it. Keep it refined.
+
+6. MOTION. CSS animation (@keyframes) and hover need a stylesheet, which isn't available (inline-only) — DO NOT rely on them. Win with strong STATIC craft: confident type scale, layered depth, gradients, shadows, precise spacing.
+
+7. REAL CONTENT. Use realistic, specific, precomputed data (names, numbers, dates, copy). Never lorem ipsum, never "Item 1 / Item 2".
+
+DATA VISUALS (no JS, no chart libraries): use SVG (paths, bars, polylines, arcs), CSS bars, conic-gradient donuts, linear-gradient progress, semantic tables, stat cards, timelines, funnels, comparison cards — all with precomputed values.
+ACCORDIONS: native <details><summary>…</summary>…</details>, styled with CSS only.`;
+function buildFontRule(allowExternalFonts) {
+    if (allowExternalFonts) {
+        return `TYPOGRAPHY — use DISTINCTIVE fonts (this is what separates premium from slop):
+- Load fonts from Google Fonts only, via <link> in <head> (e.g. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=...&display=swap" rel="stylesheet">). Other external resources are blocked.
+- Pair a CHARACTERFUL display/heading font with a clean, readable body font. Forbidden as primary fonts: Inter, Roboto, Arial, plain system stacks.
+- Strong, varied pairings to consider (pick one that matches the aesthetic; vary across generations): "Fraunces" + "Inter Tight"; "Clash Display"-style → use "Bricolage Grotesque" + "Newsreader"; "Space Grotesk" + "Spline Sans" (use sparingly); "Instrument Serif" + "Geist"; "Libre Caslon Display" + "Public Sans"; "Sora" + "IBM Plex Sans"; "DM Serif Display" + "DM Sans"; "Syne" + "Manrope".
+- LIMIT to AT MOST 3 font styles total per artifact (e.g. one display + one body, each in up to ~2 weights). Pick ONE pairing and commit; do not scatter many families/weights. Apply font-family inline on elements.
+- Always include a robust fallback in font-family (serif/sans-serif). Set sensible font sizes with clamp() for fluid scaling.`;
+    }
+    return `TYPOGRAPHY: external fonts are disabled — build character through scale, weight, letter-spacing, and small-caps using this system stack only (at most 3 distinct text styles total):\nfont-family: ${defaults_js_1.SYSTEM_FONT_STACK};`;
+}
+function buildFormRule(allowForms) {
+    if (allowForms) {
+        return `FORMS: native HTML controls only (form, label, input, textarea, select, button) with native validation (required, pattern, min, max, type=email/tel/...). Style inputs to match the aesthetic — custom focus states, generous hit areas. No JavaScript validation.`;
+    }
+    return `FORMS: avoid interactive controls; present information as polished static content.`;
+}
+function buildStyleProfileRule(profile) {
+    if (!profile) {
+        return `STYLE PROFILE: none specified — YOU choose a bold, context-appropriate aesthetic and a distinctive color + type system. Do not play it safe and do not default to a light, centered, purple-on-white layout.`;
+    }
+    const parts = [];
+    if (profile.aesthetic)
+        parts.push(`aesthetic: ${profile.aesthetic}`);
+    if (profile.mood)
+        parts.push(`mood: ${profile.mood}`);
+    if (profile.density)
+        parts.push(`density: ${profile.density}`);
+    if (profile.radius)
+        parts.push(`base radius: ${profile.radius}`);
+    if (profile.font)
+        parts.push(`type feel: ${profile.font}`);
+    if (profile.colorScheme)
+        parts.push(`color scheme: ${profile.colorScheme}`);
+    if (profile.visualComplexity)
+        parts.push(`visual complexity: ${profile.visualComplexity}`);
+    return `STYLE PROFILE — honor these as the creative brief, then push further: ${parts.join(", ")}. Translate them into a concrete palette, type pairing, spacing, and motion. Make it feel intentionally designed for THIS content.`;
+}
+function buildThemeRule(theme, presentation) {
+    if (!theme)
+        return "";
+    const tokens = [];
+    if (theme.colorScheme)
+        tokens.push(`color scheme: ${theme.colorScheme}`);
+    if (theme.background)
+        tokens.push(`page background: ${theme.background}`);
+    if (theme.foreground)
+        tokens.push(`text/foreground: ${theme.foreground}`);
+    if (theme.primary)
+        tokens.push(`primary/brand: ${theme.primary}`);
+    if (theme.accent)
+        tokens.push(`accent: ${theme.accent}`);
+    if (theme.muted)
+        tokens.push(`muted text: ${theme.muted}`);
+    if (theme.border)
+        tokens.push(`borders/hairlines: ${theme.border}`);
+    if (theme.surface)
+        tokens.push(`surfaces/cards: ${theme.surface}`);
+    if (theme.radius)
+        tokens.push(`base radius: ${theme.radius}`);
+    if (theme.fontFamily)
+        tokens.push(`font family: ${theme.fontFamily}`);
+    if (presentation === "seamless") {
+        return `HOST THEME — this artifact is embedded INSIDE a host application, not shown standalone. Match the host's visual system precisely so it looks native and consistent. Put these host values directly into the <html style="..."> custom properties and stay strictly within this palette — do NOT introduce clashing or unrelated colors:
+- ${tokens.join("\n- ")}${theme.notes ? `\n- brand notes: ${theme.notes}` : ""}
+Use these values through inline style attributes only, e.g. style="color:var(--foreground);border-color:var(--border);background:rgba(255,255,255,0.045)". Do not create a :root block or <style> tag.`;
+    }
+    return `HOST THEME — this artifact is embedded INSIDE a host application, not shown standalone. Match the host's visual system precisely so it looks native and consistent. Build your :root tokens from these exact values and stay strictly within this palette — do NOT introduce clashing or unrelated colors:
+- ${tokens.join("\n- ")}${theme.notes ? `\n- brand notes: ${theme.notes}` : ""}
+These host values are also available inside the iframe as CSS variables: --background, --foreground, --primary, --accent, --muted, --border, --surface, --radius, --font. Prefer referencing them (e.g. color: var(--foreground)) so the artifact tracks the host theme. Apply your design craft WITHIN these constraints — cohesive, on-brand, never off-palette.`;
+}
+function buildPresentationRule(presentation) {
+    if (presentation !== "seamless")
+        return "";
+    return `SEAMLESS / EMBEDDED RENDERING (critical) — this artifact is dropped directly into the page flow as if it were native chat content:
+- If the user asks to test/check/show "camouflage", "transparent background", "generative UI", or "all combinations", create a rich visual showcase of multiple UI combinations inside the transparent shell. Do not explain the property; demonstrate it visually.
+- TRANSPARENT background everywhere at the top level: html{background:transparent} and body{background:transparent;margin:0}. NEVER paint a page/background color, white sheet, or gradient on html or body.
+- For camouflage/seamless requests, put ALL styling directly on elements with inline style="" attributes. Do not output a <style> tag.
+- Do NOT wrap the whole artifact in an outer card/sheet/panel/frame/border/box-shadow/"window". The single outermost element must have NO background of its own — the host surface shows through. (Inner cards/sections for actual content are fine and encouraged.)
+- This is a DARK host UI. Use the host theme colors above: light text on the transparent dark surface. NEVER use a light/white background or dark-text-on-white — that would look like a pasted white box. If you need contrast, use subtle translucent surfaces (e.g. rgba(255,255,255,0.05)), not opaque white.
+- Keep it compact and content-sized: no min-height:100vh, no full-viewport hero. Occupy only the height the content needs and flow inline.`;
+}
+function buildArtifactIdentityRule(presentation) {
+    if (presentation === "seamless") {
+        return `CAMOUFLAGE QUALITY BAR:
+- The outer document and first wrapper must be transparent, but the artifact must still feel designed. Put the visual identity INSIDE the transparent shell: translucent panels, CSS/SVG charts, accent gradients, badges, cards, timelines, and dense real content.
+- The artifact is its own custom object, not a copy of the host website. Host theme values are guardrails for contrast and embedding only; choose a distinct dark, premium artifact palette and composition when the request asks for a custom UI/artifact.
+- Never use an opaque full-page white/light background. Never rely on the host page as the only design. The result should read as a polished artifact embedded in the chat, not a pasted webpage screenshot.`;
+    }
+    return `ARTIFACT QUALITY BAR: when rendering a standalone artifact, give it its own complete visual world: deliberate page background, palette, typography, composition, and data. It should not merely clone the host website theme unless explicitly requested.`;
+}
+const IMAGES_RULE = `IMAGES — when the design needs a photo/illustration (hero, avatar, card media, gallery, background), use Picsum random placeholders (the ONLY allowed external image host):
+- URL: https://picsum.photos/{width}/{height} — e.g. <img src="https://picsum.photos/1920/1080" …>.
+- For DIFFERENT images across multiple slots, add a unique seed: https://picsum.photos/seed/{word}/{width}/{height} (same seed = same image, so vary the word per slot, e.g. /seed/nova/800/600, /seed/atlas/800/600). For avatars use a square like /seed/amy/96/96.
+- Request a size close to the rendered size (don't fetch 1920×1080 for a thumbnail) so it streams fast.
+- Always responsive + shift-free: style="display:block;width:100%;height:auto;object-fit:cover" and set aspect-ratio (e.g. aspect-ratio:16/9 or 1/1). Give every image meaningful alt text.
+- Do NOT hotlink any other image host; only picsum.photos.`;
+const STREAMING_RULE = `STREAM-FRIENDLY OUTPUT (so the UI paints instantly and never blocks) — the artifact renders progressively as you stream it:
+- Keep <head> TINY: only <meta> tags and (optionally) a single Google Fonts <link>. Put NOTHING in <head> that must finish before content shows — no big CSS block, no token sheet. A large head buffers the whole document before anything paints.
+- ALL styling is inline on body elements, so each element paints the moment its tokens arrive. This is the main reason styling is inline, not just a constraint.
+- Write the body TOP-TO-BOTTOM in visual order, most important content first (header → key content → details), so the very first streamed tokens already render something meaningful.
+- Declare shared tokens once on <html style="--…"> (it streams first, in one short tag), then reference via var() inline below.`;
+const RESPONSIVE_RULE = `FORCE RESPONSIVE — the artifact MUST look perfect at any width (the viewer can preview it at phone / tablet / desktop), with NO horizontal page overflow:
+- Fluid & intrinsic (works inline, zero media queries): clamp() for type + spacing; repeat(auto-fit,minmax(min(100%,X),1fr)) for any grid of cards/stats/features; flex-wrap for rows and navs; %/fr/ch for sizing; gap (never margins) for rhythm.
+- NEVER overflow horizontally: no fixed px widths on containers; use width:100%/max-width with min(100%,…). Long words → overflow-wrap:break-word. Wide tables/timelines/charts/carousels → wrap in a box with overflow-x:auto so THAT scrolls, not the page.
+- Media: img/svg/video → max-width:100%; height:auto; display:block. Reserve space with aspect-ratio.
+- Tap targets ≥ 44px. Use 100dvh/100svh (never 100vh) if a full-height region is truly needed; prefer content height.
+- Result: fills its frame on desktop, reflows to one clean column on phones — automatically, no breakpoints, no burger toggle (use a wrapping/scrolling nav instead).`;
+/** Build the HTML-artifact system prompt, tuned by style profile and flags. */
+function buildHtmlArtifactPrompt(options = {}) {
+    const { styleProfile, allowExternalFonts = false, allowForms = true, theme, presentation, } = options;
+    return [
+        systemPrompt_js_1.BASE_SYSTEM_PROMPT,
+        "",
+        buildOutputFormat(presentation),
+        "",
+        HARD_RULES,
+        "",
+        buildInlineOnlyRule(),
+        "",
+        STREAMING_RULE,
+        "",
+        RESPONSIVE_RULE,
+        "",
+        IMAGES_RULE,
+        "",
+        DESIGN_DIRECTION,
+        "",
+        buildFontRule(allowExternalFonts),
+        buildFormRule(allowForms),
+        buildStyleProfileRule(styleProfile),
+        buildThemeRule(theme, presentation),
+        buildPresentationRule(presentation),
+        buildArtifactIdentityRule(presentation),
+        "",
+        "Think like a senior product designer with a strong point of view. Do not hold back — show what an exceptional, hand-crafted interface looks like — while honoring the host theme and rendering constraints above.",
+    ]
+        .filter(Boolean)
+        .join("\n");
+}
+/** Default prompt with no style profile, system fonts, forms allowed. */
+exports.HTML_ARTIFACT_SYSTEM_PROMPT = buildHtmlArtifactPrompt();
+//# sourceMappingURL=htmlArtifactPrompt.js.map

package/dist-cjs/prompts/htmlArtifactPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlArtifactPrompt.js","sourceRoot":"","sources":["../../src/prompts/htmlArtifactPrompt.ts"],"names":[],"mappings":"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"}

package/dist-cjs/prompts/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./systemPrompt.js"), exports);
+__exportStar(require("./markdownPrompt.js"), exports);
+__exportStar(require("./htmlArtifactPrompt.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist-cjs/prompts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/prompts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,0DAAwC"}