artifactuse 0.2.6 → 0.3.0

package/README.md

@@ -792,6 +792,14 @@ on('media:open', ({ type, src, alt, caption }) => {
 on('edit:save', ({ artifactId, artifact, code }) => {
   console.log('Code saved:', code);
 });
+
+// Console output from HTML artifacts
+on('console:log', ({ artifactId, entry }) => {
+  // entry: { type: 'log'|'warn'|'error'|'info', content: string, timestamp: number, stack?: string }
+  if (entry.type === 'error') {
+    // Send error back to AI for auto-fix
+  }
+});
 ```
 
 ## Programmatic API

package/dist/{index-W575iBkm.js → index-vmcpJRYe.js}

@@ -581,9 +581,9 @@ function Kr(e, t, r, a) {
   if (r === "smartdiff")
     try {
       const v = JSON.parse(t), M = Xr(v.oldCode, v.newCode).split(`
-`), A = M.slice(0, s), S = A.map((B) => B[0] || " "), L = A.map((B) => B.slice(1)), $ = v.language || "plaintext", y = ge($), z = ot(L.join(`
-`), y), j = ae() && window.Prism.languages[y], E = M.length > s, T = n(M.length, E), N = T ? " artifactuse-inline-preview--static" : "", X = T ? ' data-non-clickable="true"' : "", O = o("smartdiff", M.length);
-      return `<div class="artifactuse-inline-preview${E ? " artifactuse-inline-preview--truncated" : ""}${N}" data-artifact-id="${e.id}" data-smartdiff="true" data-smartdiff-markers="${S.join(",")}"${X}><pre class="artifactuse-inline-preview__pre${j ? " language-" + $ : ""}"><code class="language-${$}${j ? " prism-highlighted" : ""}">${z}</code></pre>` + (E ? `<div class="artifactuse-inline-preview__fade"><span class="artifactuse-inline-preview__action">${O}</span></div>` : "") + "</div>";
+`), A = M.slice(0, s), S = A.map((B) => B[0] || " "), L = A.map((B) => B.slice(1)), $ = v.language || "plaintext", k = ge($), z = ot(L.join(`
+`), k), j = ae() && window.Prism.languages[k], P = M.length > s, T = n(M.length, P), N = T ? " artifactuse-inline-preview--static" : "", X = T ? ' data-non-clickable="true"' : "", O = o("smartdiff", M.length);
+      return `<div class="artifactuse-inline-preview${P ? " artifactuse-inline-preview--truncated" : ""}${N}" data-artifact-id="${e.id}" data-smartdiff="true" data-smartdiff-markers="${S.join(",")}"${X}><pre class="artifactuse-inline-preview__pre${j ? " language-" + $ : ""}"><code class="language-${$}${j ? " prism-highlighted" : ""}">${z}</code></pre>` + (P ? `<div class="artifactuse-inline-preview__fade"><span class="artifactuse-inline-preview__action">${O}</span></div>` : "") + "</div>";
     } catch {
     }
   let i = t, u = r;
@@ -716,8 +716,8 @@ function ra() {
     t.forEach(($) => {
       try {
         $(e);
-      } catch (y) {
-        console.error("Artifactuse state subscriber error:", y);
+      } catch (k) {
+        console.error("Artifactuse state subscriber error:", k);
       }
     });
   }
@@ -730,15 +730,15 @@ function ra() {
     return { ...e };
   }
   function n($) {
-    const y = e.artifacts.findIndex((z) => z.id === $.id);
-    if (y === -1)
+    const k = e.artifacts.findIndex((z) => z.id === $.id);
+    if (k === -1)
       e = {
         ...e,
         artifacts: [...e.artifacts, $]
       };
     else {
       const z = [...e.artifacts];
-      z[y] = { ...z[y], ...$ }, e = {
+      z[k] = { ...z[k], ...$ }, e = {
         ...e,
         artifacts: z
       };
@@ -749,26 +749,26 @@ function ra() {
     $.forEach(n);
   }
   function i($) {
-    const y = e.openTabs.filter((E) => E !== $), { [$]: z, ...j } = e.tabViewModes;
+    const k = e.openTabs.filter((P) => P !== $), { [$]: z, ...j } = e.tabViewModes;
     e = {
       ...e,
-      artifacts: e.artifacts.filter((E) => E.id !== $),
+      artifacts: e.artifacts.filter((P) => P.id !== $),
       activeArtifactId: e.activeArtifactId === $ ? null : e.activeArtifactId,
       isPanelOpen: e.activeArtifactId === $ ? !1 : e.isPanelOpen,
-      openTabs: y,
+      openTabs: k,
       tabViewModes: j
     }, r();
   }
   function u($) {
-    return e.artifacts.find((y) => y.id === $) || null;
+    return e.artifacts.find((k) => k.id === $) || null;
   }
   function l() {
     return e.activeArtifactId ? u(e.activeArtifactId) : null;
   }
   function d($) {
-    const y = u($);
+    const k = u($);
     let z = e.tabViewModes[$];
-    z || (z = (y == null ? void 0 : y.isPreviewable) === !1 ? "code" : "preview", y != null && y.tabs && !y.tabs.includes(z) && (z = y.tabs[0])), e = {
+    z || (z = (k == null ? void 0 : k.isPreviewable) === !1 ? "code" : "preview", k != null && k.tabs && !k.tabs.includes(z) && (z = k.tabs[0])), e = {
       ...e,
       activeArtifactId: $,
       viewMode: z,
@@ -793,11 +793,11 @@ function ra() {
       console.warn(`Invalid view mode: ${$}`);
       return;
     }
-    const y = e.activeArtifactId ? { ...e.tabViewModes, [e.activeArtifactId]: $ } : e.tabViewModes;
+    const k = e.activeArtifactId ? { ...e.tabViewModes, [e.activeArtifactId]: $ } : e.tabViewModes;
     e = {
       ...e,
       viewMode: $,
-      tabViewModes: y
+      tabViewModes: k
     }, r();
   }
   function h($) {
@@ -813,39 +813,39 @@ function ra() {
     }, r();
   }
   function g($) {
-    return e.artifacts.filter((y) => y.messageId === $);
+    return e.artifacts.filter((k) => k.messageId === $);
   }
   function m($) {
-    return e.artifacts.filter((y) => y.type === $);
+    return e.artifacts.filter((k) => k.type === $);
   }
   function b() {
     return e.artifacts.length;
   }
   function v($) {
-    const y = u($);
-    if (!y) return;
+    const k = u($);
+    if (!k) return;
     const j = e.openTabs.includes($) ? e.openTabs : [...e.openTabs, $];
-    let E = e.tabViewModes[$];
-    E || (E = y.isPreviewable === !1 ? "code" : "preview", y.tabs && !y.tabs.includes(E) && (E = y.tabs[0])), e = {
+    let P = e.tabViewModes[$];
+    P || (P = k.isPreviewable === !1 ? "code" : "preview", k.tabs && !k.tabs.includes(P) && (P = k.tabs[0])), e = {
       ...e,
       openTabs: j,
       activeArtifactId: $,
-      tabViewModes: { ...e.tabViewModes, [$]: E },
-      viewMode: E
+      tabViewModes: { ...e.tabViewModes, [$]: P },
+      viewMode: P
     }, r();
   }
   function x($) {
-    const y = e.openTabs.indexOf($);
-    if (y === -1) return;
-    const z = e.openTabs.filter((X) => X !== $), { [$]: j, ...E } = e.tabViewModes;
+    const k = e.openTabs.indexOf($);
+    if (k === -1) return;
+    const z = e.openTabs.filter((X) => X !== $), { [$]: j, ...P } = e.tabViewModes;
     let T = e.activeArtifactId;
-    e.activeArtifactId === $ && (z.length === 0 ? T = null : y >= z.length ? T = z[z.length - 1] : T = z[y]);
-    const N = T && E[T] || "preview";
+    e.activeArtifactId === $ && (z.length === 0 ? T = null : k >= z.length ? T = z[z.length - 1] : T = z[k]);
+    const N = T && P[T] || "preview";
     e = {
       ...e,
       openTabs: z,
       activeArtifactId: T,
-      tabViewModes: E,
+      tabViewModes: P,
       viewMode: N
     }, r();
   }
@@ -881,7 +881,7 @@ function ra() {
     }, r();
   }
   function L($) {
-    const y = r;
+    const k = r;
     let z = !1;
     const j = () => {
       z = !0;
@@ -892,7 +892,7 @@ function ra() {
         configurable: !0
       }), $();
     } finally {
-      delete window.__artifactuse_notify__, z && y();
+      delete window.__artifactuse_notify__, z && k();
     }
   }
   return {
@@ -936,113 +936,113 @@ function aa(e = []) {
   const t = Array.isArray(e) ? e : [e].filter(Boolean), r = new Set(t), a = /* @__PURE__ */ new Map();
   let s = null, n = !1, o = !1;
   const i = [];
-  function u(y) {
+  function u(k) {
     if (r.size === 0)
       return console.warn("Artifactuse bridge: No allowed origins configured, accepting all messages"), !0;
-    const z = ut(y);
+    const z = ut(k);
     if (!z) return !1;
     for (const j of r) {
-      const E = ut(j);
-      if (E && E === z || j === z)
+      const P = ut(j);
+      if (P && P === z || j === z)
         return !0;
     }
     return !1;
   }
-  function l(y) {
-    var O, B, k;
-    if (((O = y.data) == null ? void 0 : O.type) === "artifactuse" && (console.log("[Bridge] Message from:", y.origin, "action:", (B = y.data) == null ? void 0 : B.action), console.log("[Bridge] Allowed origins:", w())), !u(y.origin)) {
-      ((k = y.data) == null ? void 0 : k.type) === "artifactuse" && console.warn("[Bridge] Origin NOT allowed:", y.origin);
+  function l(k) {
+    var O, B, y;
+    if (((O = k.data) == null ? void 0 : O.type) === "artifactuse" && (console.log("[Bridge] Message from:", k.origin, "action:", (B = k.data) == null ? void 0 : B.action), console.log("[Bridge] Allowed origins:", w())), !u(k.origin)) {
+      ((y = k.data) == null ? void 0 : y.type) === "artifactuse" && console.warn("[Bridge] Origin NOT allowed:", k.origin);
       return;
     }
-    const { type: z, action: j, data: E, requestId: T } = y.data || {};
+    const { type: z, action: j, data: P, requestId: T } = k.data || {};
     if (z !== "artifactuse") return;
     if (j === "ready" || j === "panel:ready") {
       console.log("[Bridge] panel:ready received, setting isReady=true"), n = !0, o = !0, h();
       return;
     }
-    (a.get(j) || []).forEach((P) => {
+    (a.get(j) || []).forEach((E) => {
       try {
-        P(E, T);
+        E(P, T);
       } catch (R) {
         console.error(`Artifactuse bridge handler error (${j}):`, R);
       }
-    }), (a.get("*") || []).forEach((P) => {
+    }), (a.get("*") || []).forEach((E) => {
       try {
-        P({ action: j, data: E, requestId: T });
+        E({ action: j, data: P, requestId: T });
       } catch (R) {
         console.error("Artifactuse bridge wildcard handler error:", R);
       }
     });
   }
   window.addEventListener("message", l);
-  function d(y) {
-    y && typeof y == "string" && r.add(y);
+  function d(k) {
+    k && typeof k == "string" && r.add(k);
   }
-  function p(y) {
-    y && typeof y == "string" && r.delete(y);
+  function p(k) {
+    k && typeof k == "string" && r.delete(k);
   }
   function w() {
     return [...r];
   }
-  function c(y) {
-    console.log("[Bridge] setIframe called, current isReady:", n, "readySignalReceived:", o, "same iframe:", s === y), s !== y && (s = y, o ? (console.log("[Bridge] Ready signal was already received, keeping isReady=true"), n = !0) : n = !1), console.log("[Bridge] setIframe done, isReady:", n, "pendingMessages:", i.length), h();
+  function c(k) {
+    console.log("[Bridge] setIframe called, current isReady:", n, "readySignalReceived:", o, "same iframe:", s === k), s !== k && (s = k, o ? (console.log("[Bridge] Ready signal was already received, keeping isReady=true"), n = !0) : n = !1), console.log("[Bridge] setIframe done, isReady:", n, "pendingMessages:", i.length), h();
   }
   function h() {
-    console.log("[Bridge] flushPendingMessages: isReady=", n, "hasIframe=", !!(s != null && s.contentWindow), "pending=", i.length), n && (s != null && s.contentWindow) && i.length > 0 && (console.log("[Bridge] Flushing", i.length, "pending messages"), i.forEach((y) => f(y)), i.length = 0);
+    console.log("[Bridge] flushPendingMessages: isReady=", n, "hasIframe=", !!(s != null && s.contentWindow), "pending=", i.length), n && (s != null && s.contentWindow) && i.length > 0 && (console.log("[Bridge] Flushing", i.length, "pending messages"), i.forEach((k) => f(k)), i.length = 0);
   }
-  function f(y, z = "*") {
+  function f(k, z = "*") {
     if (!(s != null && s.contentWindow))
       return console.warn("Artifactuse: No panel iframe available"), !1;
     try {
-      return s.contentWindow.postMessage(y, z), !0;
+      return s.contentWindow.postMessage(k, z), !0;
     } catch (j) {
       return console.error("Artifactuse bridge send error:", j), !1;
     }
   }
-  function g(y, z, j = null, E = "*") {
+  function g(k, z, j = null, P = "*") {
     const T = {
       type: "artifactuse",
-      action: y,
+      action: k,
       data: z,
       requestId: j || dt(),
       timestamp: Date.now()
     };
-    return n ? (f(T, E), T.requestId) : (i.push(T), T.requestId);
+    return n ? (f(T, P), T.requestId) : (i.push(T), T.requestId);
   }
-  function m(y, z, j = 3e4) {
-    return new Promise((E, T) => {
+  function m(k, z, j = 3e4) {
+    return new Promise((P, T) => {
       const N = dt(), X = setTimeout(() => {
-        v(`${y}:response`, O), T(new Error(`Artifactuse bridge request timeout: ${y}`));
-      }, j), O = (B, k) => {
-        k === N && (clearTimeout(X), v(`${y}:response`, O), E(B));
+        v(`${k}:response`, O), T(new Error(`Artifactuse bridge request timeout: ${k}`));
+      }, j), O = (B, y) => {
+        y === N && (clearTimeout(X), v(`${k}:response`, O), P(B));
       };
-      b(`${y}:response`, O), g(y, z, N);
+      b(`${k}:response`, O), g(k, z, N);
     });
   }
-  function b(y, z) {
-    return a.has(y) || a.set(y, []), a.get(y).push(z), () => v(y, z);
+  function b(k, z) {
+    return a.has(k) || a.set(k, []), a.get(k).push(z), () => v(k, z);
   }
-  function v(y, z) {
-    const j = a.get(y);
+  function v(k, z) {
+    const j = a.get(k);
     if (j) {
-      const E = j.indexOf(z);
-      E > -1 && j.splice(E, 1);
+      const P = j.indexOf(z);
+      P > -1 && j.splice(P, 1);
     }
   }
-  function x(y) {
-    return g("load:artifact", y);
+  function x(k) {
+    return g("load:artifact", k);
   }
-  function M(y, z) {
-    return g("update:artifact", { artifactId: y, updates: z });
+  function M(k, z) {
+    return g("update:artifact", { artifactId: k, updates: z });
   }
   function A() {
     return m("save", {});
   }
-  function S(y = "default") {
-    return m("export", { format: y });
+  function S(k = "default") {
+    return m("export", { format: k });
   }
-  function L(y, z) {
-    return g("ai:response", y, z);
+  function L(k, z) {
+    return g("ai:response", k, z);
   }
   function $() {
     window.removeEventListener("message", l), a.clear(), r.clear(), s = null, n = !1, o = !1, i.length = 0;
@@ -1726,23 +1726,23 @@ function ha(e = {}) {
       rectangularSelection: A,
       crosshairCursor: S,
       highlightActiveLine: L
-    } = t.view, { defaultKeymap: $, history: y, historyKeymap: z, indentWithTab: j } = t.commands, {
-      indentOnInput: E,
+    } = t.view, { defaultKeymap: $, history: k, historyKeymap: z, indentWithTab: j } = t.commands, {
+      indentOnInput: P,
       syntaxHighlighting: T,
       bracketMatching: N,
       foldGutter: X,
       foldKeymap: O,
       HighlightStyle: B
     } = t.language, {
-      closeBrackets: k,
-      closeBracketsKeymap: P,
+      closeBrackets: y,
+      closeBracketsKeymap: E,
       autocompletion: R,
       completionKeymap: C
     } = t.autocomplete, D = ((U = t.lezerHighlight) == null ? void 0 : U.tags) || ((ve = t.language) == null ? void 0 : ve.tags), _ = l(c.sdkTheme), q = _ ? s(f) : n(f), J = [
       m(),
       b(),
       v(),
-      y(),
+      k(),
       X({
         openText: "▾",
         closedText: "▸"
@@ -1750,16 +1750,16 @@ function ha(e = {}) {
       x(),
       M(),
       h.allowMultipleSelections.of(!0),
-      E(),
+      P(),
       ...D ? [T(o(B, D, _))] : [],
       N(),
-      k(),
+      y(),
       R(),
       A(),
       S(),
       L(),
       g.of([
-        ...P,
+        ...E,
         ...$,
         ...z,
         ...O,
@@ -3238,9 +3238,9 @@ function ds(e, t = {}) {
   const v = new RegExp(`(?<!["'=])(https?:\\/\\/open\\.spotify\\.com\\/show\\/([a-zA-Z0-9]+))(?!["'])`, "gi");
   e = e.replace(v, (A, S, L) => F("show", L, r));
   const x = /<a[^>]*href="(https?:\/\/music\.apple\.com\/([a-z]{2})\/([a-z-]+)\/[^\/]+\/(\d+)[^"]*)"[^>]*>[^<]*<\/a>/gi;
-  e = e.replace(x, (A, S, L, $, y) => xt(L, $, y));
+  e = e.replace(x, (A, S, L, $, k) => xt(L, $, k));
   const M = new RegExp(`(?<!["'=])(https?:\\/\\/music\\.apple\\.com\\/([a-z]{2})\\/([a-z-]+)\\/[^\\/\\s]+\\/(\\d+))(?!["'])`, "gi");
-  e = e.replace(M, (A, S, L, $, y) => xt(L, $, y));
+  e = e.replace(M, (A, S, L, $, k) => xt(L, $, k));
   for (let A = a.length - 1; A >= 0; A--)
     e = e.replace(`__PROTECTED_${A}__`, a[A]);
   return e;
@@ -4864,6 +4864,9 @@ const Hr = {
   // Show "Open in new tab" button in panel header to open preview URL externally
   // Can be overridden per-artifact via openFile/openCode options or per-component via props
   externalPreview: !1,
+  // Show console panel footer for runtime logs/errors from HTML artifacts
+  // When false, footer UI is hidden but console:log events still emit
+  consolePanel: !0,
   // Enable multi-tab mode (open multiple artifacts as tabs)
   multiTab: !1,
   // Panel configuration
@@ -5021,11 +5024,11 @@ function Ks(e, t) {
 }
 function wn(e = {}) {
   const t = Ir(Ws, e), r = ra(), a = { ...Hr, ...t.panels }, s = Xs(a, t.cdnUrl), n = aa(s), o = ia(t.theme, t.colors || {}), i = Ks(t, n), u = fa(t.sharing), l = ha(t.editor);
-  function d(k, P, R = {}) {
-    let C = V.parse(k);
+  function d(y, E, R = {}) {
+    let C = V.parse(y);
     const D = [], _ = { theme: o.resolved }, q = R.inlinePreview ?? t.inlinePreview ?? null, J = R.inlineCode ?? t.inlineCode ?? null, le = R.tabs ?? t.tabs ?? null, K = R.viewMode ?? t.viewMode ?? null;
     if (t.processors.codeBlocks) {
-      const U = ta(C, P, {
+      const U = ta(C, E, {
         ...t.codeExtraction,
         inlinePreview: q,
         inlineCode: J,
@@ -5041,9 +5044,9 @@ function wn(e = {}) {
       artifacts: D
     };
   }
-  async function p(k = document) {
-    const P = [], R = { theme: o.resolved };
-    t.processors.math && P.push(jr()), t.processors.mermaid && P.push(_r(R)), t.processors.tables && Zs(), t.processors.audio && fs(k), t.syntaxHighlight && (pr(k), (k === document ? document : k).querySelectorAll(".artifactuse-inline-preview[data-smartdiff]").forEach((_) => {
+  async function p(y = document) {
+    const E = [], R = { theme: o.resolved };
+    t.processors.math && E.push(jr()), t.processors.mermaid && E.push(_r(R)), t.processors.tables && Zs(), t.processors.audio && fs(y), t.syntaxHighlight && (pr(y), (y === document ? document : y).querySelectorAll(".artifactuse-inline-preview[data-smartdiff]").forEach((_) => {
       var K;
       const q = _.querySelector("code");
       if (!q || q.dataset.smartdiffProcessed) return;
@@ -5054,27 +5057,27 @@ function wn(e = {}) {
         return Y === "-" ? `<span class="token deleted">${U}</span>` : Y === "+" ? `<span class="token inserted">${U}</span>` : U;
       }).join(`
 `), q.dataset.smartdiffProcessed = "true";
-    })), await Promise.all(P);
+    })), await Promise.all(E);
   }
-  function w(k) {
-    if (k.isInline) {
-      console.warn("Attempted to open inline artifact in panel:", k.id);
+  function w(y) {
+    if (y.isInline) {
+      console.warn("Attempted to open inline artifact in panel:", y.id);
       return;
     }
-    t.multiTab ? r.openTab(k.id) : r.setActiveArtifact(k.id), r.setForceEmptyView(!1), r.setPanelOpen(!0), k.viewMode && r.setViewMode(k.viewMode), T("artifact:opened", k);
+    t.multiTab ? r.openTab(y.id) : r.setActiveArtifact(y.id), r.setForceEmptyView(!1), r.setPanelOpen(!0), y.viewMode && r.setViewMode(y.viewMode), T("artifact:opened", y);
   }
-  function c(k, P, R = {}) {
-    const C = k.split(".").pop(), D = R.language || Ur(C) || C, _ = R.title || k, q = r.getState().artifacts.find((J) => J.title === _ && !J.isInline);
-    return q ? (f(q.id, P, { ...R, title: _ }), w(q), R.viewMode ? r.setViewMode(R.viewMode) : R.tabs && r.setViewMode(R.tabs[0]), r.getArtifact(q.id)) : h(P, D, { ...R, title: _ });
+  function c(y, E, R = {}) {
+    const C = y.split(".").pop(), D = R.language || Ur(C) || C, _ = R.title || y, q = r.getState().artifacts.find((J) => J.title === _ && !J.isInline);
+    return q ? (f(q.id, E, { ...R, title: _ }), w(q), R.viewMode ? r.setViewMode(R.viewMode) : R.tabs && r.setViewMode(R.tabs[0]), r.getArtifact(q.id)) : h(E, D, { ...R, title: _ });
   }
-  function h(k, P, R = {}) {
-    const C = R.messageId || Fr("open"), D = A({ type: P, language: P }) ? P : "txt", _ = $e(k, D, C, 0);
-    return _.title = R.title || _.title, _.isInline = !1, _.editorLanguage = P, R.tabs && (_.tabs = R.tabs), R.panelUrl && (_.panelUrl = R.panelUrl), R.externalPreview !== void 0 && (_.externalPreview = R.externalPreview), r.addArtifact(_), w(_), R.viewMode ? r.setViewMode(R.viewMode) : R.tabs && r.setViewMode(R.tabs[0]), _;
+  function h(y, E, R = {}) {
+    const C = R.messageId || Fr("open"), D = A({ type: E, language: E }) ? E : "txt", _ = $e(y, D, C, 0);
+    return _.title = R.title || _.title, _.isInline = !1, _.editorLanguage = E, R.tabs && (_.tabs = R.tabs), R.panelUrl && (_.panelUrl = R.panelUrl), R.externalPreview !== void 0 && (_.externalPreview = R.externalPreview), r.addArtifact(_), w(_), R.viewMode ? r.setViewMode(R.viewMode) : R.tabs && r.setViewMode(R.tabs[0]), _;
   }
-  function f(k, P, R = {}) {
-    const C = typeof k == "string" ? k : k == null ? void 0 : k.id, D = r.getArtifact(C);
+  function f(y, E, R = {}) {
+    const C = typeof y == "string" ? y : y == null ? void 0 : y.id, D = r.getArtifact(C);
     if (!D) return null;
-    const _ = { ...D, code: P, _refreshToken: Date.now() };
+    const _ = { ...D, code: E, _refreshToken: Date.now() };
     return R.title !== void 0 && (_.title = R.title), R.tabs !== void 0 && (_.tabs = R.tabs), R.panelUrl !== void 0 && (_.panelUrl = R.panelUrl), R.externalPreview !== void 0 && (_.externalPreview = R.externalPreview), r.addArtifact(_), T("artifact:updated", { artifactId: C, artifact: r.getArtifact(C) }), r.getArtifact(C);
   }
   function g() {
@@ -5084,70 +5087,73 @@ function wn(e = {}) {
     r.setPanelOpen(!1), r.setFullscreen(!1), T("panel:closed");
   }
   function b() {
-    const k = !r.getState().isPanelOpen;
-    r.clearActiveArtifact(), r.setPanelOpen(k), k || r.setFullscreen(!1), T("panel:toggled", { isOpen: k });
+    const y = !r.getState().isPanelOpen;
+    r.clearActiveArtifact(), r.setPanelOpen(y), y || r.setFullscreen(!1), T("panel:toggled", { isOpen: y });
   }
   function v() {
-    const k = !r.getState().isFullscreen;
-    r.setFullscreen(k), T("fullscreen:toggled", { isFullscreen: k });
+    const y = !r.getState().isFullscreen;
+    r.setFullscreen(y), T("fullscreen:toggled", { isFullscreen: y });
   }
-  function x(k) {
-    r.setViewMode(k), T("viewMode:changed", { mode: k });
+  function x(y) {
+    r.setViewMode(y), T("viewMode:changed", { mode: y });
   }
-  function M(k, P = {}) {
-    if (!k) return null;
-    if (k.panelUrl) return k.panelUrl;
-    const { type: R, language: C } = k, D = {
-      theme: P.theme || o.resolved
+  function M(y, E = {}) {
+    if (!y) return null;
+    if (y.panelUrl) return y.panelUrl;
+    const { type: R, language: C } = y, D = {
+      theme: E.theme || o.resolved
     }, _ = o.colors;
     _ != null && _.primary && (D.accent = _.primary);
     let q = i.resolve(R, D);
     return !q && C && (q = i.resolve(C, D)), q;
   }
-  function A(k) {
-    return k ? i.has(k.type) || i.has(k.language) : !1;
+  function A(y) {
+    return y ? i.has(y.type) || i.has(y.language) : !1;
   }
-  function S(k, P) {
-    i.register(k, P);
+  function S(y, E) {
+    i.register(y, E);
   }
-  function L(k) {
-    i.unregister(k);
+  function L(y) {
+    i.unregister(y);
   }
   function $() {
     return i.getTypes();
   }
-  function y(k, P) {
-    n.send(k, P);
+  function k(y, E) {
+    n.send(y, E);
   }
   const z = /* @__PURE__ */ new Map();
-  function j(k, P) {
-    return z.has(k) || z.set(k, /* @__PURE__ */ new Set()), z.get(k).add(P), () => {
+  function j(y, E) {
+    return z.has(y) || z.set(y, /* @__PURE__ */ new Set()), z.get(y).add(E), () => {
       var R;
-      (R = z.get(k)) == null || R.delete(P);
+      (R = z.get(y)) == null || R.delete(E);
     };
   }
-  function E(k, P) {
+  function P(y, E) {
     var R;
-    (R = z.get(k)) == null || R.delete(P);
+    (R = z.get(y)) == null || R.delete(E);
   }
-  function T(k, P) {
+  function T(y, E) {
     var R;
-    (R = z.get(k)) == null || R.forEach((C) => {
+    (R = z.get(y)) == null || R.forEach((C) => {
       try {
-        C(P);
+        C(E);
       } catch (D) {
-        console.error(`Artifactuse event handler error (${k}):`, D);
+        console.error(`Artifactuse event handler error (${y}):`, D);
       }
     });
   }
-  n.on("ai:request", (k) => T("ai:request", k)), n.on("save:request", (k) => T("save:request", k)), n.on("export:complete", (k) => T("export:complete", k)), n.on("form:submit", (k) => T("form:submit", k)), n.on("form:cancel", (k) => T("form:cancel", k)), n.on("form:step", (k) => T("form:step", k)), n.on("social:copy", (k) => T("social:copy", k)), n.on("edit:save", (k) => {
-    k != null && k.artifactId && (k == null ? void 0 : k.code) !== void 0 && f(k.artifactId, k.code), T("edit:save", k);
+  n.on("ai:request", (y) => T("ai:request", y)), n.on("save:request", (y) => T("save:request", y)), n.on("export:complete", (y) => T("export:complete", y)), n.on("form:submit", (y) => T("form:submit", y)), n.on("form:cancel", (y) => T("form:cancel", y)), n.on("form:step", (y) => T("form:step", y)), n.on("social:copy", (y) => T("social:copy", y)), n.on("edit:save", (y) => {
+    y != null && y.artifactId && (y == null ? void 0 : y.code) !== void 0 && f(y.artifactId, y.code), T("edit:save", y);
+  }), n.on("console:log", (y) => {
+    const E = r.getState().activeArtifactId;
+    T("console:log", { artifactId: E, ...y });
   });
   function N() {
     o.apply();
   }
-  function X(k) {
-    o.set(k);
+  function X(y) {
+    o.set(y);
   }
   function O() {
     return o.resolved;
@@ -5176,10 +5182,10 @@ function wn(e = {}) {
     toggleFullscreen: v,
     setViewMode: x,
     getPanelUrl: M,
-    sendToPanel: y,
+    sendToPanel: k,
     // Multi-tab
-    closeTab: (k) => r.closeTab(k),
-    closeOtherTabs: (k) => r.closeOtherTabs(k),
+    closeTab: (y) => r.closeTab(y),
+    closeOtherTabs: (y) => r.closeOtherTabs(y),
     closeAllTabs: () => r.closeAllTabs(),
     // Panel management (new)
     hasPanel: A,
@@ -5195,7 +5201,7 @@ function wn(e = {}) {
     getTheme: O,
     // Events
     on: j,
-    off: E,
+    off: P,
     emit: T,
     // Editor (CodeMirror integration)
     editor: l,

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D as s, aJ as r, at as t, J as d, d as c, G as o, a_ as i, am as m, k as l, ar as b, ap as E, ak as n, a6 as p, a7 as g, E as h, ae as M, al as T, m as u, aG as A, X as f, ai as S, aj as C, ad as y, a5 as P, aq as I, a0 as G, a1 as L, N as V, O as D, s as k, af as F, S as z, T as v, a8 as B, V as w, C as K, aO as X, aw as x, au as H, as as O, P as R, a3 as N, _ as U, Y as J, W, aa as Y, ah as _, H as j, I as q, a9 as Q, j as Z, ac as $, l as aa, U as ea, R as sa, ao as ra, y as ta, w as da, z as ca, B as oa, A as ia, L as ma, aZ as la, aI as ba, e as Ea, aL as na, a$ as pa, aT as ga, aB as ha, aW as Ma, aY as Ta, aX as ua, K as Aa, aP as fa, ax as Sa, aM as Ca, h as ya, aS as Pa, aA as Ia, i as Ga, u as La, aQ as Va, ay as Da, aV as ka, n as Fa, p as za, ag as va, F as Ba, a4 as wa, ab as Ka, $ as Xa, q as xa, o as Ha, an as Oa, M as Ra, aN as Na, aU as Ua, av as Ja, aC as Wa, a2 as Ya, Z as _a, Q as ja, aF as qa, x as Qa, t as Za, r as $a, v as ae, aD as ee, aR as se, az as re, aK as te, aH as de, aE as ce } from "./index-W575iBkm.js";
+import { D as s, aJ as r, at as t, J as d, d as c, G as o, a_ as i, am as m, k as l, ar as b, ap as E, ak as n, a6 as p, a7 as g, E as h, ae as M, al as T, m as u, aG as A, X as f, ai as S, aj as C, ad as y, a5 as P, aq as I, a0 as G, a1 as L, N as V, O as D, s as k, af as F, S as z, T as v, a8 as B, V as w, C as K, aO as X, aw as x, au as H, as as O, P as R, a3 as N, _ as U, Y as J, W, aa as Y, ah as _, H as j, I as q, a9 as Q, j as Z, ac as $, l as aa, U as ea, R as sa, ao as ra, y as ta, w as da, z as ca, B as oa, A as ia, L as ma, aZ as la, aI as ba, e as Ea, aL as na, a$ as pa, aT as ga, aB as ha, aW as Ma, aY as Ta, aX as ua, K as Aa, aP as fa, ax as Sa, aM as Ca, h as ya, aS as Pa, aA as Ia, i as Ga, u as La, aQ as Va, ay as Da, aV as ka, n as Fa, p as za, ag as va, F as Ba, a4 as wa, ab as Ka, $ as Xa, q as xa, o as Ha, an as Oa, M as Ra, aN as Na, aU as Ua, av as Ja, aC as Wa, a2 as Ya, Z as _a, Q as ja, aF as qa, x as Qa, t as Za, r as $a, v as ae, aD as ee, aR as se, az as re, aK as te, aH as de, aE as ce } from "./index-vmcpJRYe.js";
 export {
   s as DEFAULT_PANELS,
   r as copyTableToClipboard,

package/dist/react/ArtifactusePanel.d.ts

@@ -4,7 +4,7 @@
  * Side panel for viewing artifact previews and code
  * Flex-based layout - should be a sibling to main content area
  */
-export default function ArtifactusePanel({ onAIRequest, onSave, onExport, className, panelWidth: panelWidthProp, splitPosition: splitPositionProp, externalPreview: externalPreviewProp, }: {
+export default function ArtifactusePanel({ onAIRequest, onSave, onExport, className, panelWidth: panelWidthProp, splitPosition: splitPositionProp, externalPreview: externalPreviewProp, consolePanel: consolePanelProp, }: {
     onAIRequest: any;
     onSave: any;
     onExport: any;
@@ -12,4 +12,5 @@ export default function ArtifactusePanel({ onAIRequest, onSave, onExport, classN
     panelWidth: any;
     splitPosition: any;
     externalPreview: any;
+    consolePanel: any;
 }): any;