@noodleseed/assistant 1.25.0 → 1.26.0

package/dist/react.cjs

@@ -15197,7 +15197,7 @@ __export(react_exports, {
 module.exports = __toCommonJS(react_exports);
 var import_react2 = require("react");
 
-// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_supports-color@7.2.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js
+// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js
 init_v4();
 var RELATED_TASK_META_KEY = "io.modelcontextprotocol/related-task";
 var JSONRPC_VERSION = "2.0";
@@ -20594,7 +20594,7 @@ var pipelineType = ZodPipeline.create;
 // ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/mini/parse.js
 init_core2();
 
-// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_supports-color@7.2.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-compat.js
+// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-compat.js
 function isZ4Schema(s2) {
   const schema = s2;
   return !!schema._zod;
@@ -20657,7 +20657,7 @@ function getLiteralValue(schema) {
   return void 0;
 }
 
-// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_supports-color@7.2.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/interfaces.js
+// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/experimental/tasks/interfaces.js
 function isTerminal(status) {
   return status === "completed" || status === "failed" || status === "cancelled";
 }
@@ -20665,7 +20665,7 @@ function isTerminal(status) {
 // ../../node_modules/.pnpm/zod-to-json-schema@3.25.2_zod@4.4.3/node_modules/zod-to-json-schema/dist/esm/parsers/string.js
 var ALPHA_NUMERIC = new Set("ABCDEFGHIJKLMNOPQRSTUVXYZabcdefghijklmnopqrstuvxyz0123456789");
 
-// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_supports-color@7.2.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-json-schema-compat.js
+// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/server/zod-json-schema-compat.js
 function getMethodLiteral(schema) {
   const shape = getObjectShape(schema);
   const methodSchema = shape?.method;
@@ -20686,7 +20686,7 @@ function parseWithCompat(schema, data) {
   return result.data;
 }
 
-// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_supports-color@7.2.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/protocol.js
+// ../../node_modules/.pnpm/@modelcontextprotocol+sdk@1.29.0_zod@4.4.3/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/protocol.js
 var DEFAULT_REQUEST_TIMEOUT_MSEC = 6e4;
 var Protocol = class {
   constructor(_options) {
@@ -21798,15 +21798,6 @@ var E = class {
   sessionId;
   setProtocolVersion;
 };
-function AZ(X2) {
-  if (!X2) return "";
-  let Y = [];
-  if (X2.camera) Y.push("camera");
-  if (X2.microphone) Y.push("microphone");
-  if (X2.geolocation) Y.push("geolocation");
-  if (X2.clipboardWrite) Y.push("clipboard-write");
-  return Y.join("; ");
-}
 var KX = [j];
 var DX = class extends _ {
   _client;
@@ -22077,131 +22068,34 @@ function GX(X2, Y) {
   return JSON.stringify(X2) === JSON.stringify(Y);
 }
 
-// src/app-sandbox-policy.ts
-var MAX_DOMAINS_PER_DIRECTIVE = 32;
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function isLoopback(hostname3) {
-  return hostname3 === "localhost" || hostname3 === "127.0.0.1" || hostname3 === "[::1]";
-}
-function normalizeDomain(value, connect) {
-  if (value.length > 512 || /[;\r\n'"\s]/u.test(value)) return void 0;
-  try {
-    const parsed = new URL(value);
-    const secure = parsed.protocol === "https:" || connect && parsed.protocol === "wss:";
-    const local = isLoopback(parsed.hostname) && (parsed.protocol === "http:" || connect && parsed.protocol === "ws:");
-    if (!secure && !local) return void 0;
-    if (parsed.username || parsed.password || parsed.pathname !== "/" || parsed.search || parsed.hash) {
-      return void 0;
-    }
-    return parsed.origin;
-  } catch {
-    return void 0;
-  }
-}
-function normalizeDomains(values, connect) {
-  const normalized = [
-    ...new Set(
-      values.slice(0, MAX_DOMAINS_PER_DIRECTIVE).map((value) => typeof value === "string" ? normalizeDomain(value, connect) : void 0).filter((value) => value !== void 0)
-    )
-  ];
-  return normalized;
-}
-function resolveAssistantAppSandboxPolicy(resourceMeta) {
-  if (!isRecord(resourceMeta)) return {};
-  const rawCsp = resourceMeta.csp;
-  const csp = isRecord(rawCsp) ? {
-    ...Array.isArray(rawCsp.connectDomains) ? { connectDomains: normalizeDomains(rawCsp.connectDomains, true) } : {},
-    ...Array.isArray(rawCsp.resourceDomains) ? { resourceDomains: normalizeDomains(rawCsp.resourceDomains, false) } : {},
-    ...Array.isArray(rawCsp.frameDomains) ? { frameDomains: normalizeDomains(rawCsp.frameDomains, false) } : {},
-    ...Array.isArray(rawCsp.baseUriDomains) ? { baseUriDomains: normalizeDomains(rawCsp.baseUriDomains, false) } : {}
-  } : void 0;
-  const rawPermissions = resourceMeta.permissions;
-  const permissions = isRecord(rawPermissions) ? {
-    ...isRecord(rawPermissions.camera) ? { camera: {} } : {},
-    ...isRecord(rawPermissions.microphone) ? { microphone: {} } : {},
-    ...isRecord(rawPermissions.geolocation) ? { geolocation: {} } : {},
-    ...isRecord(rawPermissions.clipboardWrite) ? { clipboardWrite: {} } : {}
-  } : void 0;
-  const allowAttribute = AZ(permissions);
-  return {
-    ...csp === void 0 ? {} : { csp },
-    ...permissions === void 0 ? {} : { permissions },
-    ...allowAttribute ? { allowAttribute } : {}
-  };
-}
-function assistantAppSandboxUrl(sandboxUrl, policy) {
-  const parsed = new URL(sandboxUrl);
-  if (policy.csp) parsed.searchParams.set("csp", JSON.stringify(policy.csp));
-  const parentOrigin = globalThis.location?.origin;
-  if (parentOrigin && parentOrigin !== "null") {
-    parsed.hash = new URLSearchParams({ parentOrigin }).toString();
-  }
-  return parsed.href;
-}
-
 // src/app-host.ts
-var PROXY_DOCUMENT = `<!doctype html><meta charset="utf-8"><style>html,body,iframe{border:0;margin:0;width:100%;height:100%;overflow:hidden}body{background:transparent}</style><body><script>
-let inner,loaded=false;
-if(self===top)throw new Error('The assistant sandbox relay must be embedded');
-const standardSandbox='allow-scripts allow-same-origin allow-forms';
-const rawParentOrigin=new URLSearchParams(location.hash.slice(1)).get('parentOrigin');
-let expectedParentOrigin;
-try{const parsed=new URL(rawParentOrigin||'');if(parsed.origin===rawParentOrigin&&/^https?:$/.test(parsed.protocol))expectedParentOrigin=parsed.origin}catch{}
-const parentTarget=expectedParentOrigin||'*';
-const ownOrigin=self.origin;
+var PROXY_DOCUMENT = `<!doctype html><meta charset="utf-8"><style>html,body,iframe{border:0;margin:0;width:100%;height:100%;overflow:hidden}body{background:transparent}</style><script>
+let inner;
 const ready={jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}};
 // Re-announce until the host acknowledges with the resource: when this document is hosted
 // cross-origin, the first announcement can arrive before the host's load handler is listening.
-const announce=setInterval(()=>parent.postMessage(ready,parentTarget),120);
+const announce=setInterval(()=>parent.postMessage(ready,'*'),120);
 setTimeout(()=>clearInterval(announce),15000);
 addEventListener('message',(event)=>{
   if(event.source===parent){
-    if(expectedParentOrigin&&event.origin!==expectedParentOrigin)return;
     const message=event.data;
     if(message?.method==='ui/notifications/sandbox-resource-ready'){
       clearInterval(announce);
-      if(loaded)return;
-      loaded=true;
-      const requestedSandbox=message.params?.sandbox;
+      if(inner)return;
       inner=document.createElement('iframe');
-      inner.setAttribute('sandbox',requestedSandbox===standardSandbox?standardSandbox:'allow-scripts');
+      inner.setAttribute('sandbox',message.params?.sandbox||'allow-scripts');
       inner.setAttribute('referrerpolicy','no-referrer');
-      const permissions=message.params?.permissions;
-      const allow=[];
-      if(permissions?.camera)allow.push('camera');
-      if(permissions?.microphone)allow.push('microphone');
-      if(permissions?.geolocation)allow.push('geolocation');
-      if(permissions?.clipboardWrite)allow.push('clipboard-write');
-      if(allow.length)inner.setAttribute('allow',allow.join('; '));
-      document.body.append(inner);
-      let html=String(message.params?.html||'');
-      const csp=message.params?.csp;
-      if(csp&&typeof csp==='object'){
-        const list=(value,fallback)=>Array.isArray(value)&&value.length?value.join(' '):fallback;
-        const resources=Array.isArray(csp.resourceDomains)?csp.resourceDomains:[];
-        const suffix=resources.length?' '+resources.join(' '):'';
-        const policy=["default-src 'none'","script-src 'unsafe-inline'"+suffix,"style-src 'unsafe-inline'"+suffix,'img-src data: blob:'+suffix,'font-src data: blob:'+suffix,'media-src data: blob:'+suffix,'worker-src blob:'+suffix,'connect-src '+list(csp.connectDomains,"'none'"),'frame-src '+list(csp.frameDomains,"'none'"),"object-src 'none'","form-action 'none'",'base-uri '+list(csp.baseUriDomains,"'none'")].join('; ');
-        const meta='<meta http-equiv="Content-Security-Policy" content="'+policy.replace(/&/g,'&amp;').replace(/"/g,'&quot;')+'">';
-        const doctype=html.match(/^\\s*<!doctype[^>]*>/i);
-        html=doctype?html.slice(0,doctype[0].length)+meta+html.slice(doctype[0].length):meta+html;
-      }
-      try{
-        const doc=inner.contentDocument||inner.contentWindow?.document;
-        if(!doc)throw new Error('document unavailable');
-        doc.open();doc.write(html);doc.close();
-      }catch{inner.srcdoc=html}
+      inner.srcdoc=String(message.params?.html||'');
+      document.body.replaceChildren(inner);
       return;
     }
     inner?.contentWindow?.postMessage(message,'*');
   } else if(inner && event.source===inner.contentWindow) {
-    if(event.origin!==ownOrigin)return;
-    parent.postMessage(event.data,parentTarget);
+    parent.postMessage(event.data,'*');
   }
 });
-parent.postMessage(ready,parentTarget);
-</script></body>`;
+parent.postMessage(ready,'*');
+</script>`;
 function isAllowedAppLink(value, allowedDomains, baseUrl) {
   try {
     const parsed = new URL(value, baseUrl);
@@ -22228,42 +22122,16 @@ function createAssistantAppHostContext(theme, allowFullscreen = false, displayMo
 }
 var APP_RENDER_TIMEOUT_MS = 1e4;
 var APP_TEARDOWN_TIMEOUT_MS = 1e3;
-var STANDARD_SANDBOX = "allow-scripts allow-same-origin allow-forms";
 var mountedApps = /* @__PURE__ */ new WeakMap();
 function resolveSandboxUrl(value) {
   if (!value) return void 0;
   try {
     const parsed = new URL(value);
-    const loopback = parsed.hostname === "localhost" || parsed.hostname === "127.0.0.1" || parsed.hostname === "[::1]";
-    const permittedProtocol = parsed.protocol === "https:" || parsed.protocol === "http:" && loopback;
-    const embedderOrigin = globalThis.location?.origin;
-    if (!permittedProtocol || embedderOrigin && embedderOrigin !== "null" && parsed.origin === embedderOrigin) {
-      return void 0;
-    }
-    return parsed.href;
+    return parsed.protocol === "https:" || parsed.protocol === "http:" ? parsed.href : void 0;
   } catch {
     return void 0;
   }
 }
-function copyAppJson(value, depth = 0) {
-  if (depth > 64) throw new Error("App payload nesting exceeds the host limit");
-  if (value === null || typeof value === "string" || typeof value === "boolean") return value;
-  if (typeof value === "number") {
-    if (!Number.isFinite(value)) throw new Error("App payload numbers must be finite");
-    return value;
-  }
-  if (Array.isArray(value)) return value.map((entry) => copyAppJson(entry, depth + 1));
-  const copied = {};
-  for (const [key, entry] of Object.entries(value)) {
-    Object.defineProperty(copied, key, {
-      value: copyAppJson(entry, depth + 1),
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  }
-  return copied;
-}
 function mountAssistantApp(detail, actions, options = {}) {
   if (!detail.html) return void 0;
   const card = document.createElement("section");
@@ -22284,25 +22152,16 @@ function mountAssistantApp(detail, actions, options = {}) {
   const frame = document.createElement("iframe");
   frame.className = "noodle-app-frame";
   frame.title = detail.title ?? detail.tool;
-  const policy = resolveAssistantAppSandboxPolicy(detail.resourceMeta);
+  frame.setAttribute("sandbox", "allow-scripts");
   frame.setAttribute("referrerpolicy", "no-referrer");
   const sandboxUrl = resolveSandboxUrl(options.sandboxUrl);
-  const appliedPolicy = sandboxUrl ? policy : { csp: policy.csp ?? {} };
-  if (sandboxUrl) {
-    frame.setAttribute("sandbox", STANDARD_SANDBOX);
-    if (policy.allowAttribute) frame.setAttribute("allow", policy.allowAttribute);
-    frame.src = assistantAppSandboxUrl(sandboxUrl, policy);
-  } else {
-    frame.setAttribute("sandbox", "allow-scripts");
-    frame.srcdoc = PROXY_DOCUMENT;
-  }
+  if (sandboxUrl) frame.src = sandboxUrl;
+  else frame.srcdoc = PROXY_DOCUMENT;
   card.append(frame);
   let mountedBridge;
   let mountedTransport;
   let destroyed = false;
   let initialized = false;
-  let renderFailed = false;
-  let renderStage = "sandbox_load";
   let currentTheme = actions.theme;
   let displayMode = "inline";
   let hostContext = createAssistantAppHostContext(
@@ -22311,15 +22170,6 @@ function mountAssistantApp(detail, actions, options = {}) {
     displayMode
   );
   let destroyPromise;
-  let transportClosePromise;
-  let renderTimer;
-  const closeTransport = () => {
-    if (transportClosePromise) return transportClosePromise;
-    const closing = mountedTransport?.close().catch(() => {
-    }) ?? Promise.resolve();
-    transportClosePromise = closing;
-    return closing;
-  };
   const applyDisplayMode = (requestedMode) => {
     displayMode = requestedMode === "fullscreen" && options.allowFullscreen === true ? "fullscreen" : "inline";
     card.toggleAttribute("data-fullscreen", displayMode === "fullscreen");
@@ -22337,26 +22187,18 @@ function mountAssistantApp(detail, actions, options = {}) {
     applyDisplayMode("inline");
     frame.focus();
   });
-  const showRenderFailure = (code) => {
-    if (code === "view_render_timeout" && initialized || destroyed || renderFailed || !frame.isConnected)
-      return;
-    renderFailed = true;
-    clearTimeout(renderTimer);
+  const renderTimer = setTimeout(() => {
+    if (initialized || !frame.isConnected) return;
     const note = document.createElement("div");
     note.className = "noodle-app-fallback";
     note.textContent = "This app view could not be displayed.";
     frame.replaceWith(note);
-    options.onRenderFailure?.({ code, retryable: false, stage: renderStage });
-    void closeTransport();
-  };
-  renderTimer = setTimeout(() => {
-    showRenderFailure("view_render_timeout");
+    options.onRenderFailure?.({ code: "view_render_timeout", retryable: false });
   }, APP_RENDER_TIMEOUT_MS);
   frame.addEventListener(
     "load",
     () => {
-      if (destroyed || renderFailed) return;
-      renderStage = "sandbox_proxy";
+      if (destroyed) return;
       const target = frame.contentWindow;
       if (!target) return;
       const bridge = new DX(
@@ -22367,11 +22209,7 @@ function mountAssistantApp(detail, actions, options = {}) {
           serverTools: {},
           serverResources: {},
           updateModelContext: { text: {}, structuredContent: {} },
-          message: { text: {} },
-          sandbox: {
-            ...appliedPolicy.csp === void 0 ? {} : { csp: appliedPolicy.csp },
-            ...appliedPolicy.permissions === void 0 ? {} : { permissions: appliedPolicy.permissions }
-          }
+          message: { text: {} }
         },
         {
           hostContext
@@ -22379,15 +22217,13 @@ function mountAssistantApp(detail, actions, options = {}) {
       );
       mountedBridge = bridge;
       bridge.onsandboxready = () => {
-        if (destroyed || renderFailed) return;
-        renderStage = "app_initialize";
+        if (destroyed) return;
         const current = options.getDetail?.() ?? detail;
         void bridge.sendSandboxResourceReady({
           html: current.html,
-          sandbox: sandboxUrl ? STANDARD_SANDBOX : "allow-scripts",
-          ...appliedPolicy.csp === void 0 ? {} : { csp: appliedPolicy.csp },
-          ...appliedPolicy.permissions === void 0 ? {} : { permissions: appliedPolicy.permissions }
-        }).catch(() => showRenderFailure("view_bridge_error"));
+          sandbox: "allow-scripts",
+          ...current.resourceMeta ?? {}
+        });
       };
       bridge.onsizechange = ({ height }) => {
         if (destroyed) return;
@@ -22451,30 +22287,21 @@ function mountAssistantApp(detail, actions, options = {}) {
         return await actions.client.requestApp("resources/read", params);
       };
       bridge.oninitialized = () => {
-        if (destroyed || renderFailed) return;
-        try {
-          const current = options.getDetail?.() ?? detail;
-          const copiedArguments = copyAppJson(current.arguments ?? {});
-          const copiedResult = copyAppJson(current.result);
-          const argumentsRecord = typeof copiedArguments === "object" && copiedArguments !== null && !Array.isArray(copiedArguments) ? copiedArguments : {};
-          initialized = true;
-          clearTimeout(renderTimer);
-          bridge.setHostContext(hostContext);
-          void Promise.all([
-            bridge.sendToolInput({ arguments: argumentsRecord }),
-            bridge.sendToolResult({
-              content: [{ type: "text", text: JSON.stringify(copiedResult) }],
-              ...typeof copiedResult === "object" && copiedResult !== null && !Array.isArray(copiedResult) ? { structuredContent: copiedResult } : {}
-            })
-          ]).catch(() => showRenderFailure("view_bridge_error"));
-        } catch {
-          showRenderFailure("view_bridge_error");
-        }
+        if (destroyed) return;
+        initialized = true;
+        clearTimeout(renderTimer);
+        bridge.setHostContext(hostContext);
+        const current = options.getDetail?.() ?? detail;
+        void bridge.sendToolInput({ arguments: current.arguments ?? {} });
+        void bridge.sendToolResult({
+          content: [{ type: "text", text: JSON.stringify(current.result) }],
+          ...typeof current.result === "object" && current.result !== null && !Array.isArray(current.result) ? { structuredContent: current.result } : {}
+        });
       };
       const transport = new E(target, target);
       mountedTransport = transport;
       void bridge.connect(transport).catch(() => {
-        showRenderFailure("view_bridge_error");
+        void destroy();
       });
     },
     { once: true }
@@ -22500,7 +22327,8 @@ function mountAssistantApp(detail, actions, options = {}) {
         }
       } catch {
       }
-      await closeTransport();
+      await mountedTransport?.close().catch(() => {
+      });
       card.remove();
       mountedApps.delete(card);
     })();
@@ -22518,7 +22346,7 @@ function unmountAssistantApp(card) {
 
 // src/appearance.ts
 var common = {
-  fontFamily: "inherit",
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
   monoFontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
   baseFontSize: 15,
   messageFontSize: 15,
@@ -22529,7 +22357,7 @@ var common = {
   buttonRadius: 999,
   launcherRadius: 999,
   spacing: 8,
-  backdropBlur: 18,
+  backdropBlur: 6,
   motionScale: 1
 };
 var DEFAULT_APPEARANCE = {
@@ -22549,7 +22377,7 @@ var DEFAULT_APPEARANCE = {
       accent: "#C2410C",
       accentText: "#FFFFFF",
       link: "#9A3412",
-      divider: "#E4E4E7",
+      divider: "rgba(0, 0, 0, 0.1)",
       focus: "#C2410C",
       success: "#16835D",
       warning: "#A45B00",
@@ -22557,7 +22385,7 @@ var DEFAULT_APPEARANCE = {
       overlay: "#18181B66",
       code: "#F1F1F3",
       widgetFrame: "#E4E4E7",
-      shadow: "0 4px 16px rgba(0, 0, 0, 0.06), 0 24px 70px rgba(0, 0, 0, 0.10)"
+      shadow: "0 4px 16px rgba(0, 0, 0, 0.06)"
     },
     dark: {
       ...common,
@@ -22572,7 +22400,7 @@ var DEFAULT_APPEARANCE = {
       accent: "#FB923C",
       accentText: "#1C0A02",
       link: "#FDBA74",
-      divider: "#292524",
+      divider: "rgba(255, 255, 255, 0.1)",
       focus: "#FB923C",
       success: "#58C69A",
       warning: "#F2B45F",
@@ -22580,15 +22408,15 @@ var DEFAULT_APPEARANCE = {
       overlay: "#00000099",
       code: "#26262C",
       widgetFrame: "#34343B",
-      shadow: "0 8px 32px rgba(0, 0, 0, 0.48)"
+      shadow: "0 8px 32px rgba(0, 0, 0, 0.4)"
     }
   },
   layout: {
     mode: "floating",
-    position: "bottom-right",
-    panelWidth: 520,
-    panelMinHeight: 540,
-    panelMaxHeight: 820,
+    position: "bottom-center",
+    panelWidth: 970,
+    panelMinHeight: 0,
+    panelMaxHeight: 1025,
     edgeOffset: 20,
     zIndex: 2147483e3,
     density: "comfortable",
@@ -22601,11 +22429,13 @@ var DEFAULT_APPEARANCE = {
     showLauncher: true,
     showHeader: true,
     showAvatars: true,
-    showTimestamps: false
+    showTimestamps: false,
+    showPoweredBy: true
   },
   labels: {
-    welcomeHeading: "How can I help?",
+    welcomeHeading: "",
     welcomeMessage: "",
+    launcherPlaceholder: "Chat with us",
     composerPlaceholder: "Ask a question\u2026",
     thinking: "Thinking",
     send: "Send",
@@ -22639,11 +22469,12 @@ var DEFAULT_APPEARANCE = {
   },
   presentation: {
     panel: {
-      surface: "glass",
+      surface: "solid",
       elevation: "soft",
       border: "subtle"
     },
     launcher: {
+      style: "pill",
       icon: "brand-mark",
       size: "md",
       status: "none",
@@ -22653,7 +22484,11 @@ var DEFAULT_APPEARANCE = {
     composer: { leadingIcon: "none", sendIcon: "arrow-up", shape: "pill" },
     messages: { userStyle: "bubble", assistantStyle: "plain" }
   },
-  suggestedPrompts: [],
+  suggestedPrompts: [
+    "What products do you have?",
+    "Tell me about your business",
+    "How can I get in touch?"
+  ],
   locale: "en",
   direction: "auto"
 };
@@ -22669,7 +22504,7 @@ function resolveAppearance(input = {}) {
       mark: themedAsset(branding?.mark)
     },
     theme: {
-      defaultMode: branding?.colorScheme ?? DEFAULT_APPEARANCE.theme.defaultMode,
+      defaultMode: assistant?.theme ?? branding?.colorScheme ?? DEFAULT_APPEARANCE.theme.defaultMode,
       light: resolveTheme("light", branding),
       dark: resolveTheme("dark", branding)
     },
@@ -22680,9 +22515,17 @@ function resolveAppearance(input = {}) {
       ...assistant?.layout?.edgeOffset === void 0 ? {} : { edgeOffset: boundedNumber(assistant.layout.edgeOffset, 0, 96) }
     },
     behavior: { ...DEFAULT_APPEARANCE.behavior, ...assistant?.behavior },
-    labels: { ...DEFAULT_APPEARANCE.labels, ...assistant?.labels },
+    labels: {
+      ...DEFAULT_APPEARANCE.labels,
+      ...branding?.name ? { launcherPlaceholder: `Chat with ${branding.name}` } : {},
+      ...assistant?.labels
+    },
     presentation: resolvePresentation(assistant?.presentation),
-    suggestedPrompts: assistant?.suggestedPrompts ?? DEFAULT_APPEARANCE.suggestedPrompts,
+    suggestedPrompts: assistant?.suggestedPrompts ?? (branding?.name ? [
+      "What products do you have?",
+      `Tell me about ${branding.name}`,
+      "How can I get in touch?"
+    ] : DEFAULT_APPEARANCE.suggestedPrompts),
     ...assistant?.privacyUrl ? { privacyUrl: assistant.privacyUrl } : {},
     ...assistant?.termsUrl ? { termsUrl: assistant.termsUrl } : {},
     locale: assistant?.locale ?? DEFAULT_APPEARANCE.locale,
@@ -24953,6 +24796,10 @@ async function resolve(value) {
   return Promise.resolve(value);
 }
 
+// ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/index.js
+init_external();
+init_external();
+
 // ../../node_modules/.pnpm/ai@6.0.201_zod@4.4.3/node_modules/ai/dist/index.mjs
 init_v4();
 init_v4();
@@ -27502,14 +27349,14 @@ function toChatError(error51) {
 }
 function readErrorDetail(error51) {
   const detail = Reflect.get(error51, "detail");
-  if (!isRecord2(detail) || typeof detail.code !== "string") return void 0;
+  if (!isRecord(detail) || typeof detail.code !== "string") return void 0;
   return {
     code: detail.code,
     ...typeof detail.status === "number" ? { status: detail.status } : {},
     retryable: detail.retryable === true
   };
 }
-function isRecord2(value) {
+function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
@@ -27536,7 +27383,7 @@ var AssistantClientError = class extends Error {
   }
 };
 function parseSession(value) {
-  if (!isRecord3(value) || !isRecord3(value.endpoints)) {
+  if (!isRecord2(value) || !isRecord2(value.endpoints)) {
     throw clientError("session_failed", "Assistant session response is invalid", true);
   }
   const interactions = value.endpoints.interactions;
@@ -27557,11 +27404,11 @@ function parseSession(value) {
       ...typeof sandbox === "string" ? { sandbox } : {},
       ...typeof transcript === "string" ? { transcript } : {}
     },
-    ...isRecord3(value.configuration) ? { configuration: value.configuration } : {},
-    ...isRecord3(value.resume) && typeof value.resume.tool === "string" ? { resume: { tool: value.resume.tool } } : {}
+    ...isRecord2(value.configuration) ? { configuration: value.configuration } : {},
+    ...isRecord2(value.resume) && typeof value.resume.tool === "string" ? { resume: { tool: value.resume.tool } } : {}
   };
 }
-function isRecord3(value) {
+function isRecord2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 async function readStableErrorCode(response) {
@@ -27571,7 +27418,7 @@ async function readStableErrorCode(response) {
   } catch {
     return void 0;
   }
-  if (!isRecord3(value) || typeof value.code !== "string") return void 0;
+  if (!isRecord2(value) || typeof value.code !== "string") return void 0;
   return /^[A-Za-z0-9_.-]{1,64}$/.test(value.code) ? value.code : void 0;
 }
 function clientError(code, message, retryable, status, options, serviceCode) {
@@ -27602,12 +27449,12 @@ function toAssistantClientEvent(event) {
       }
       break;
     case "tool_proposed":
-      if (hasString(value, "id") && hasString(value, "tool") && hasOptionalString(value.title) && hasOptionalString(value.description) && hasOptionalJson(value.arguments) && (value.reviewSchema === void 0 || isRecord4(value.reviewSchema)) && hasOptionalString(value.expiresAt) && (value.requiresConfirmation === void 0 || value.requiresConfirmation === true) && hasOptionalTurnId(value)) {
+      if (hasString(value, "id") && hasString(value, "tool") && hasOptionalString(value.title) && hasOptionalString(value.description) && hasOptionalJson(value.arguments) && (value.reviewSchema === void 0 || isRecord3(value.reviewSchema)) && hasOptionalString(value.expiresAt) && (value.requiresConfirmation === void 0 || value.requiresConfirmation === true) && hasOptionalTurnId(value)) {
         return event;
       }
       break;
     case "input_requested":
-      if (hasString(value, "id") && hasString(value, "message") && isRecord4(value.requestedSchema) && hasString(value, "expiresAt") && hasOptionalTurnId(value)) {
+      if (hasString(value, "id") && hasString(value, "message") && isRecord3(value.requestedSchema) && hasString(value, "expiresAt") && hasOptionalTurnId(value)) {
         return event;
       }
       break;
@@ -27651,7 +27498,7 @@ function toAssistantClientEvent(event) {
   return { event: "unrecognized", data: { name: event.event, payload: value } };
 }
 function isViewAvailableDetail(value) {
-  return hasString(value, "id") && hasString(value, "tool") && typeof value.resourceUri === "string" && value.resourceUri.startsWith("ui://") && hasOptionalString(value.title) && (value.replayed === void 0 || value.replayed === true) && isJsonValue(value.result, 0) && hasOptionalJson(value.arguments) && hasOptionalString(value.html) && (value.resourceMeta === void 0 || isRecord4(value.resourceMeta)) && (value.allowedOpenDomains === void 0 || Array.isArray(value.allowedOpenDomains) && value.allowedOpenDomains.every(isHttpsUrl)) && hasOptionalTurnId(value);
+  return hasString(value, "id") && hasString(value, "tool") && typeof value.resourceUri === "string" && value.resourceUri.startsWith("ui://") && hasOptionalString(value.title) && (value.replayed === void 0 || value.replayed === true) && isJsonValue(value.result, 0) && hasOptionalJson(value.arguments) && hasOptionalString(value.html) && (value.resourceMeta === void 0 || isRecord3(value.resourceMeta)) && (value.allowedOpenDomains === void 0 || Array.isArray(value.allowedOpenDomains) && value.allowedOpenDomains.every(isHttpsUrl)) && hasOptionalTurnId(value);
 }
 function isHttpsUrl(value) {
   if (typeof value !== "string") return false;
@@ -27684,17 +27531,22 @@ function isJsonValue(value, depth) {
   if (Array.isArray(value)) {
     return value.length <= 256 && value.every((entry) => isJsonValue(entry, depth + 1));
   }
-  if (!isRecord4(value)) return false;
+  if (!isRecord3(value)) return false;
   const entries2 = Object.entries(value);
   return entries2.length <= 256 && entries2.every(([, entry]) => isJsonValue(entry, depth + 1));
 }
-function isRecord4(value) {
+function isRecord3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
 // src/session-source.ts
 var NOODLE_CLOUD_URL = "https://cloud.noodleseed.dev";
 var PUBLIC_SESSION_PATH = "/v1/assistant/public-sessions";
+var PUBLIC_CONFIGURATION_PATH = "/v1/assistant/public-configurations";
+function publicConfigurationUrl(serviceUrl, embedId) {
+  const base = (serviceUrl || NOODLE_CLOUD_URL).replace(/\/+$/, "");
+  return `${base}${PUBLIC_CONFIGURATION_PATH}/${encodeURIComponent(embedId)}`;
+}
 function resolveSessionSource(options) {
   const { sessionEndpoint, embedId, serviceUrl } = options;
   if (Boolean(embedId) === Boolean(sessionEndpoint)) {
@@ -27855,15 +27707,15 @@ function parseFrame(frame) {
   if (event === "done" && !isValidDonePayload(parsed)) {
     throw invalidStream("assistant event stream contained an invalid done event");
   }
-  return { event, data: isRecord5(parsed) ? parsed : { value: parsed } };
+  return { event, data: isRecord4(parsed) ? parsed : { value: parsed } };
 }
 function normalizeLineEndings(input) {
   return input.replaceAll("\r\n", "\n").replaceAll("\r", "\n");
 }
 function isValidDonePayload(value) {
-  return isRecord5(value) && (value.turnId === void 0 || typeof value.turnId === "string" && value.turnId.length > 0);
+  return isRecord4(value) && (value.turnId === void 0 || typeof value.turnId === "string" && value.turnId.length > 0);
 }
-function isRecord5(value) {
+function isRecord4(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function invalidStream(message, cause) {
@@ -28382,10 +28234,10 @@ function authorizedHeaders(token, accept) {
   };
 }
 function parseAppInteraction(value) {
-  if (!isRecord3(value) || !isRecord3(value.interaction)) return void 0;
+  if (!isRecord2(value) || !isRecord2(value.interaction)) return void 0;
   const event = value.interaction.event;
   const data = value.interaction.data;
-  if (event !== "tool_proposed" && event !== "input_requested" || !isRecord3(data)) {
+  if (event !== "tool_proposed" && event !== "input_requested" || !isRecord2(data)) {
     return void 0;
   }
   const parsed = toAssistantClientEvent({ event, data });
@@ -29206,11 +29058,11 @@ function createDOMPurify() {
   const originalDocument = document2;
   const currentScript = originalDocument.currentScript;
   window2.DocumentFragment;
-  const HTMLTemplateElement = window2.HTMLTemplateElement, Node = window2.Node, Element = window2.Element, NodeFilter = window2.NodeFilter, _window$NamedNodeMap = window2.NamedNodeMap;
+  const HTMLTemplateElement = window2.HTMLTemplateElement, Node = window2.Node, Element2 = window2.Element, NodeFilter = window2.NodeFilter, _window$NamedNodeMap = window2.NamedNodeMap;
   _window$NamedNodeMap === void 0 ? window2.NamedNodeMap || window2.MozNamedAttrMap : _window$NamedNodeMap;
   window2.HTMLFormElement;
   const DOMParser = window2.DOMParser, trustedTypes = window2.trustedTypes;
-  const ElementPrototype = Element.prototype;
+  const ElementPrototype = Element2.prototype;
   const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
   const remove = lookupGetter(ElementPrototype, "remove");
   const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
@@ -31584,7 +31436,7 @@ var AssistantElementEventController = class {
     if (event.event === "unrecognized") return;
     const { event: name21, data } = event;
     if (name21 === "session_started") {
-      if (isRecord6(data.configuration)) {
+      if (isRecord5(data.configuration)) {
         this.#host.applyConfiguration(data.configuration);
       }
       this.#host.element.dispatchEvent(
@@ -31652,10 +31504,10 @@ var AssistantElementEventController = class {
       this.#appendToolProposal(
         String(data.id ?? ""),
         String(data.tool ?? "action"),
-        isRecord6(data.arguments) ? data.arguments : void 0,
+        isRecord5(data.arguments) ? data.arguments : void 0,
         typeof data.title === "string" ? data.title : void 0,
         "description" in data && typeof data.description === "string" ? data.description : void 0,
-        "reviewSchema" in data && isRecord6(data.reviewSchema) ? data.reviewSchema : void 0
+        "reviewSchema" in data && isRecord5(data.reviewSchema) ? data.reviewSchema : void 0
       );
       return;
     }
@@ -31668,7 +31520,7 @@ var AssistantElementEventController = class {
       );
       return;
     }
-    if (name21 === "input_requested" && isRecord6(data.requestedSchema)) {
+    if (name21 === "input_requested" && isRecord5(data.requestedSchema)) {
       this.#appendInputRequest(
         String(data.id ?? ""),
         String(data.message ?? "More information is required"),
@@ -31839,7 +31691,7 @@ var AssistantElementEventController = class {
     this.#host.revealLatest();
   }
 };
-function isRecord6(value) {
+function isRecord5(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
@@ -31860,19 +31712,40 @@ function queryRequired(root, selector) {
   if (!element) throw new Error(`assistant renderer is missing ${selector}`);
   return element;
 }
-function assistantElementMarkup(appearance, open, styles) {
+function assistantElementMarkup(appearance, styles) {
   return `${styles}
-      <button class="launcher" type="button" aria-label="${escapeAttribute(appearance.labels.open)}" aria-controls="assistant-panel" aria-expanded="${String(open)}"><slot name="launcher-icon"></slot><span class="visually-hidden" data-session-status aria-live="polite" hidden></span></button>
+      <div class="launcher">
+        <slot name="launcher-icon"></slot>
+        <span class="launcher-loader" aria-hidden="true"></span>
+        <button class="launcher-trigger" type="button" aria-label="${escapeAttribute(appearance.labels.open)}" aria-controls="assistant-launcher-form" aria-expanded="false">
+          <span class="launcher-label">${escapeAttribute(appearance.labels.launcherPlaceholder)}</span>
+          <span class="launcher-arrow" aria-hidden="true"></span>
+        </button>
+        <form class="launcher-form" id="assistant-launcher-form" aria-hidden="true" autocomplete="off">
+          <input class="launcher-input" type="text" aria-label="${escapeAttribute(appearance.labels.launcherPlaceholder)}" placeholder="${escapeAttribute(appearance.labels.launcherPlaceholder)}" tabindex="-1">
+          <button class="launcher-send" type="submit" aria-label="${escapeAttribute(appearance.labels.send)}"></button>
+        </form>
+        <span class="visually-hidden" data-session-status aria-live="polite" hidden></span>
+      </div>
       <section class="panel" id="assistant-panel" role="dialog" aria-label="${escapeAttribute(appearance.brand.name)}">
         <header><slot name="header-leading"></slot><img class="brand-logo" alt=""><strong></strong><slot name="header-actions"></slot><button class="close" type="button" aria-label="${escapeAttribute(appearance.labels.close)}"></button></header>
         <div class="welcome"><slot name="empty-state"></slot></div>
-        <div class="suggested-prompts"></div>
         <div class="messages-region">
           <div class="messages" aria-live="polite"></div>
           <button class="new-messages" type="button" aria-label="${escapeAttribute(appearance.labels.newMessages)}" hidden></button>
         </div>
-        <form><slot name="composer-leading"></slot><textarea rows="1"></textarea><button class="send" type="submit"></button><slot name="composer-trailing"></slot></form>
+        <div class="input-section">
+          <div class="suggested-prompts"></div>
+          <form class="composer"><slot name="composer-leading"></slot><textarea rows="1"></textarea><button class="send" type="submit"></button><slot name="composer-trailing"></slot></form>
+        </div>
         <nav class="legal" aria-label="Legal"></nav>
+        <div class="powered-by-row">
+          <a class="powered-by" href="https://noodleseed.com" target="_blank" rel="noopener noreferrer">
+            <span>Powered by</span>
+            <span class="powered-by-icon" aria-hidden="true"><svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.12"></rect><path d="M8.58023 12.8485C6.27833 12.8463 4.41315 11.0141 4.42117 8.75681L4.43588 4.61714L8.66254 4.62118C10.9644 4.62339 12.8296 6.45561 12.8216 8.71287C12.8135 10.9975 10.9128 12.8507 8.58023 12.8485Z" fill="currentColor"></path><path d="M8.82627 4.76869C11.1282 4.7709 12.9933 6.60312 12.9853 8.86038L12.9706 13L8.74395 12.996C6.44206 12.9938 4.57687 11.1616 4.5849 8.90432C4.59302 6.6197 6.49364 4.76646 8.82627 4.76869Z" fill="currentColor"></path><ellipse cx="3.69536" cy="3.68106" rx="0.695363" ry="0.681056" fill="currentColor"></ellipse></svg></span>
+            <span class="powered-by-name">Noodle Seed</span>
+          </a>
+        </div>
         <slot name="conversation-footer"></slot>
       </section>`;
 }
@@ -31891,6 +31764,230 @@ function appendLegalLinks(legal, appearance) {
   }
 }
 
+// src/element-theme-resolution.ts
+function resolveAssistantTheme(input) {
+  if (input.configured === "light" || input.configured === "dark") return input.configured;
+  const hostMode = resolveHostTheme(input.host, input.media);
+  return input.configured === "invert" ? opposite(hostMode) : hostMode;
+}
+function resolveHostTheme(host, media) {
+  const view = host.ownerDocument.defaultView;
+  for (let node = host.parentElement; node; node = node.parentElement) {
+    const declared = declaredTheme(node);
+    if (declared) return declared;
+    const computed = computedTheme(view?.getComputedStyle(node).colorScheme);
+    if (computed) return computed;
+  }
+  return media?.matches ? "dark" : "light";
+}
+function computedTheme(colorScheme) {
+  const modes = colorScheme?.split(/\s+/) ?? [];
+  if (modes.includes("dark") && !modes.includes("light")) return "dark";
+  if (modes.includes("light") && !modes.includes("dark")) return "light";
+  return void 0;
+}
+function declaredTheme(element) {
+  const value = element.getAttribute("data-theme") ?? element.getAttribute("data-color-scheme") ?? element.getAttribute("data-mode");
+  if (value === "dark" || value === "light") return value;
+  if (element.classList.contains("dark")) return "dark";
+  if (element.classList.contains("light")) return "light";
+  return void 0;
+}
+function opposite(mode) {
+  return mode === "dark" ? "light" : "dark";
+}
+
+// src/element-host-environment-controller.ts
+var AssistantElementHostEnvironmentController = class {
+  #host;
+  #appearance;
+  #applyTheme;
+  #close;
+  #media;
+  #themeObserver;
+  constructor(options) {
+    this.#host = options.host;
+    this.#appearance = options.appearance;
+    this.#applyTheme = options.applyTheme;
+    this.#close = options.close;
+  }
+  get media() {
+    return this.#media;
+  }
+  resolvedTheme() {
+    return resolveAssistantTheme({
+      host: this.#host,
+      configured: this.#host.getAttribute("theme") ?? this.#appearance().theme.defaultMode,
+      ...this.#media ? { media: this.#media } : {}
+    });
+  }
+  connect() {
+    this.disconnect();
+    this.#media = globalThis.matchMedia?.("(prefers-color-scheme: dark)");
+    this.#media?.addEventListener("change", this.#applyTheme);
+    this.#themeObserver = new MutationObserver(this.#applyTheme);
+    for (let node = this.#host.parentElement; node; node = node.parentElement) {
+      this.#themeObserver.observe(node, {
+        attributes: true,
+        attributeFilter: ["class", "data-theme", "data-color-scheme", "data-mode", "style"]
+      });
+    }
+    document.addEventListener("keydown", this.#handleDocumentKeydown);
+    document.addEventListener("pointerdown", this.#handleDocumentPointerDown);
+  }
+  disconnect() {
+    this.#media?.removeEventListener("change", this.#applyTheme);
+    this.#media = void 0;
+    this.#themeObserver?.disconnect();
+    this.#themeObserver = void 0;
+    document.removeEventListener("keydown", this.#handleDocumentKeydown);
+    document.removeEventListener("pointerdown", this.#handleDocumentPointerDown);
+  }
+  #handleDocumentKeydown = (event) => {
+    if (event.key === "Escape" && this.#host.hasAttribute("open") && this.#appearance().behavior.closeOnEscape) {
+      this.#close();
+    }
+  };
+  #handleDocumentPointerDown = (event) => {
+    if (this.#host.hasAttribute("open") && this.#appearance().behavior.closeOnOutsideClick && !event.composedPath().includes(this.#host)) {
+      this.#close();
+    }
+  };
+};
+
+// src/element-launcher-controller.ts
+var AssistantElementLauncherController = class {
+  #host;
+  #appearance;
+  #openPanel;
+  #sendMessage;
+  #root;
+  constructor(options) {
+    this.#host = options.host;
+    this.#appearance = options.appearance;
+    this.#openPanel = options.openPanel;
+    this.#sendMessage = options.sendMessage;
+  }
+  connect(root) {
+    this.disconnect();
+    this.#root = root;
+    queryRequired(root, ".launcher").addEventListener(
+      "click",
+      this.#handleLauncherClick
+    );
+    queryRequired(root, ".launcher-trigger").addEventListener(
+      "click",
+      this.#handleTrigger
+    );
+    queryRequired(root, ".launcher-form").addEventListener(
+      "submit",
+      this.#handleSubmit
+    );
+    queryRequired(root, ".launcher-input").addEventListener(
+      "keydown",
+      this.#handleInputKeydown
+    );
+    document.addEventListener("pointerdown", this.#handleDocumentPointerDown);
+    this.sync();
+  }
+  disconnect() {
+    document.removeEventListener("pointerdown", this.#handleDocumentPointerDown);
+    this.#root = void 0;
+  }
+  sync() {
+    const root = this.#root;
+    if (!root) return;
+    const appearance = this.#appearance();
+    const style = appearance.presentation.launcher.style;
+    this.#host.dataset.launcherStyle = style;
+    const trigger = queryRequired(root, ".launcher-trigger");
+    const label = queryRequired(root, ".launcher-label");
+    const input = queryRequired(root, ".launcher-input");
+    label.textContent = appearance.labels.launcherPlaceholder;
+    input.placeholder = appearance.labels.launcherPlaceholder;
+    input.setAttribute("aria-label", appearance.labels.launcherPlaceholder);
+    trigger.setAttribute("aria-label", appearance.labels.open);
+    queryRequired(root, ".launcher-send").setAttribute(
+      "aria-label",
+      appearance.labels.send
+    );
+    queryRequired(root, ".launcher").hidden = !appearance.behavior.showLauncher;
+    queryRequired(root, ".powered-by-row").hidden = !appearance.behavior.showPoweredBy;
+    if (style === "bubble" || this.#host.hasAttribute("open")) this.collapse(true);
+  }
+  collapse(force = false) {
+    const root = this.#root;
+    if (!root) return;
+    const input = queryRequired(root, ".launcher-input");
+    if (!force && input.value.trim()) return;
+    this.#host.removeAttribute("launcher-expanded");
+    const form = queryRequired(root, ".launcher-form");
+    const trigger = queryRequired(root, ".launcher-trigger");
+    form.setAttribute("aria-hidden", "true");
+    trigger.setAttribute("aria-expanded", "false");
+    input.tabIndex = -1;
+    input.blur();
+  }
+  focusTrigger() {
+    this.#root?.querySelector(".launcher-trigger")?.focus();
+  }
+  #expand() {
+    const root = this.#root;
+    if (!root || this.#appearance().presentation.launcher.style === "bubble") return;
+    this.#host.setAttribute("launcher-expanded", "");
+    const form = queryRequired(root, ".launcher-form");
+    const trigger = queryRequired(root, ".launcher-trigger");
+    const input = queryRequired(root, ".launcher-input");
+    form.setAttribute("aria-hidden", "false");
+    trigger.setAttribute("aria-expanded", "true");
+    input.tabIndex = 0;
+    requestAnimationFrame(() => {
+      if (this.#host.hasAttribute("launcher-expanded")) input.focus();
+    });
+  }
+  #handleTrigger = () => {
+    if (this.#appearance().presentation.launcher.style === "bubble") {
+      this.#openPanel();
+      return;
+    }
+    this.#expand();
+  };
+  #handleLauncherClick = (event) => {
+    if (event.composedPath().some(
+      (target) => target instanceof Element && target.matches(".launcher-trigger, .launcher-form")
+    )) {
+      return;
+    }
+    this.#handleTrigger();
+  };
+  #handleSubmit = (event) => {
+    event.preventDefault();
+    const input = this.#root?.querySelector(".launcher-input");
+    const message = input?.value.trim() ?? "";
+    if (input) input.value = "";
+    this.#openPanel();
+    if (message) this.#sendMessage(message);
+  };
+  #handleInputKeydown = (event) => {
+    if (event.key === "Enter" && !event.isComposing) {
+      event.preventDefault();
+      this.#root?.querySelector(".launcher-form")?.requestSubmit();
+      return;
+    }
+    if (event.key !== "Escape") return;
+    event.preventDefault();
+    event.stopPropagation();
+    const input = this.#root?.querySelector(".launcher-input");
+    if (input) input.value = "";
+    this.collapse(true);
+    this.focusTrigger();
+  };
+  #handleDocumentPointerDown = (event) => {
+    if (event.composedPath().includes(this.#host)) return;
+    this.collapse();
+  };
+};
+
 // src/element-page-context-controller.ts
 var AssistantElementPageContextController = class {
   #snapshot;
@@ -31944,10 +32041,12 @@ var AssistantElementPresentationGate = class {
   syncOpenState() {
     const open = this.#host.hasAttribute("open");
     const presentationReady = this.#host.hasAttribute("data-presentation-ready");
-    const launcher = this.#host.shadowRoot?.querySelector(".launcher");
-    launcher?.setAttribute("aria-expanded", String(open && presentationReady));
-    launcher?.setAttribute("aria-busy", String(open && !presentationReady));
-    if (launcher) launcher.disabled = open && !presentationReady;
+    const publicConfigurationLoading = this.#host.hasAttribute("data-public-configuration-loading");
+    const presentationBlocked = !presentationReady && (open || publicConfigurationLoading);
+    const launcher = this.#host.shadowRoot?.querySelector(".launcher-trigger");
+    launcher?.setAttribute("aria-busy", String(presentationBlocked));
+    if (launcher) launcher.disabled = presentationBlocked;
+    this.#host.shadowRoot?.querySelector(".panel")?.setAttribute("aria-hidden", String(!(open && presentationReady)));
     if (open && this.#host.isConnected) this.#primeSession();
   }
   reveal() {
@@ -31958,6 +32057,233 @@ var AssistantElementPresentationGate = class {
   }
 };
 
+// src/assistant-configuration-schema.ts
+var hexColorSchema = external_exports.string().regex(/^#[0-9A-Fa-f]{6}$/);
+var browserAssetUrlSchema = external_exports.string().trim().url().refine(isSecureBrowserAssetUrl, "must use https (http is allowed only for loopback testing)");
+var httpsUrlSchema = external_exports.string().trim().url().refine(isHttpsUrl2, "must use https");
+var brandAssetSchema = external_exports.object({
+  uri: browserAssetUrlSchema,
+  darkUri: browserAssetUrlSchema.optional(),
+  alt: external_exports.string().trim().min(1).max(240)
+}).strict();
+var brandThemeSchema = external_exports.object({
+  surface: hexColorSchema.optional(),
+  surfaceRaised: hexColorSchema.optional(),
+  surfaceMuted: hexColorSchema.optional(),
+  text: hexColorSchema.optional(),
+  textMuted: hexColorSchema.optional(),
+  accent: hexColorSchema.optional(),
+  accentText: hexColorSchema.optional(),
+  link: hexColorSchema.optional(),
+  border: hexColorSchema.optional(),
+  borderStrong: hexColorSchema.optional(),
+  focus: hexColorSchema.optional(),
+  success: hexColorSchema.optional(),
+  warning: hexColorSchema.optional(),
+  danger: hexColorSchema.optional(),
+  code: hexColorSchema.optional()
+}).strict();
+var brandingSchema = external_exports.object({
+  name: external_exports.string().trim().min(1).max(160).optional(),
+  accent: hexColorSchema.optional(),
+  surface: hexColorSchema.optional(),
+  surfaceDark: hexColorSchema.optional(),
+  logo: brandAssetSchema.optional(),
+  mark: brandAssetSchema.optional(),
+  avatar: brandAssetSchema.optional(),
+  theme: external_exports.object({ light: brandThemeSchema.optional(), dark: brandThemeSchema.optional() }).strict().optional(),
+  radius: external_exports.enum(["none", "sm", "md", "lg"]).optional(),
+  density: external_exports.enum(["compact", "comfortable"]).optional(),
+  typography: external_exports.enum(["system", "serif", "mono"]).optional(),
+  colorScheme: external_exports.enum(["auto", "light", "dark"]).optional()
+}).strict();
+var labelsSchema = external_exports.object({
+  welcomeHeading: external_exports.string().trim().min(1).max(160).optional(),
+  welcomeMessage: external_exports.string().max(1e3).optional(),
+  launcherPlaceholder: external_exports.string().trim().min(1).max(160).optional(),
+  composerPlaceholder: external_exports.string().trim().min(1).max(160).optional(),
+  thinking: external_exports.string().trim().min(1).max(80).optional(),
+  send: external_exports.string().trim().min(1).max(80).optional(),
+  stop: external_exports.string().trim().min(1).max(80).optional(),
+  close: external_exports.string().trim().min(1).max(80).optional(),
+  open: external_exports.string().trim().min(1).max(80).optional(),
+  confirm: external_exports.string().trim().min(1).max(80).optional(),
+  decline: external_exports.string().trim().min(1).max(80).optional(),
+  cancel: external_exports.string().trim().min(1).max(80).optional(),
+  confirmationHeading: external_exports.string().trim().min(1).max(120).optional(),
+  additionalDetails: external_exports.string().trim().min(1).max(120).optional(),
+  redacted: external_exports.string().trim().min(1).max(120).optional(),
+  completed: external_exports.string().trim().min(1).max(80).optional(),
+  stopped: external_exports.string().trim().min(1).max(80).optional(),
+  copy: external_exports.string().trim().min(1).max(80).optional(),
+  newMessages: external_exports.string().trim().min(1).max(80).optional(),
+  reconnect: external_exports.string().trim().min(1).max(80).optional(),
+  newConversation: external_exports.string().trim().min(1).max(80).optional(),
+  retry: external_exports.string().trim().min(1).max(80).optional(),
+  unavailable: external_exports.string().trim().min(1).max(240).optional(),
+  sessionExpired: external_exports.string().trim().min(1).max(240).optional(),
+  sessionIdle: external_exports.string().trim().min(1).max(120).optional(),
+  sessionLoading: external_exports.string().trim().min(1).max(120).optional(),
+  sessionReady: external_exports.string().trim().min(1).max(120).optional(),
+  sessionError: external_exports.string().trim().min(1).max(120).optional(),
+  signInHeading: external_exports.string().trim().min(1).max(120).optional(),
+  signInBody: external_exports.string().max(240).optional(),
+  signInAction: external_exports.string().trim().min(1).max(80).optional(),
+  signUpAction: external_exports.string().trim().min(1).max(80).optional()
+}).strict();
+var presentationSchema = external_exports.object({
+  panel: external_exports.object({
+    surface: external_exports.enum(["solid", "glass"]).optional(),
+    elevation: external_exports.enum(["soft", "dramatic"]).optional(),
+    border: external_exports.enum(["subtle", "strong"]).optional(),
+    radius: external_exports.number().int().min(0).max(64).optional()
+  }).strict().optional(),
+  launcher: external_exports.object({
+    style: external_exports.enum(["pill", "bubble"]).optional(),
+    icon: external_exports.enum(["brand-mark", "chat", "none"]).optional(),
+    size: external_exports.enum(["md", "lg"]).optional(),
+    status: external_exports.enum(["none", "session"]).optional(),
+    effect: external_exports.enum(["none", "pulse"]).optional()
+  }).strict().optional(),
+  header: external_exports.object({
+    mark: external_exports.enum(["none", "brand-mark", "status"]).optional(),
+    badge: external_exports.object({
+      text: external_exports.string().trim().min(1).max(80),
+      tone: external_exports.enum(["neutral", "success", "warning", "danger"]).optional(),
+      indicator: external_exports.boolean().optional()
+    }).strict().optional()
+  }).strict().optional(),
+  composer: external_exports.object({
+    leadingIcon: external_exports.enum(["none", "brand-mark"]).optional(),
+    sendIcon: external_exports.enum(["arrow-up", "paper-plane"]).optional(),
+    shape: external_exports.enum(["rounded", "pill"]).optional()
+  }).strict().optional(),
+  messages: external_exports.object({
+    userStyle: external_exports.enum(["bubble", "accent"]).optional(),
+    assistantStyle: external_exports.enum(["plain", "bubble"]).optional()
+  }).strict().optional()
+}).strict();
+var assistantUiSchema = external_exports.object({
+  theme: external_exports.enum(["auto", "light", "dark", "invert"]).optional(),
+  layout: external_exports.object({
+    mode: external_exports.enum(["floating", "inline", "drawer"]).optional(),
+    position: external_exports.enum(["bottom-left", "bottom-center", "bottom-right"]).optional(),
+    panelWidth: external_exports.number().int().min(280).max(1200).optional(),
+    panelMinHeight: external_exports.number().int().min(240).max(1600).optional(),
+    panelMaxHeight: external_exports.number().int().min(320).max(2400).optional(),
+    edgeOffset: external_exports.number().int().min(0).max(96).optional(),
+    zIndex: external_exports.number().int().min(0).max(2147483647).optional(),
+    density: external_exports.enum(["compact", "comfortable"]).optional(),
+    mobileFullscreen: external_exports.boolean().optional()
+  }).strict().optional(),
+  behavior: external_exports.object({
+    startOpen: external_exports.boolean().optional(),
+    closeOnEscape: external_exports.boolean().optional(),
+    closeOnOutsideClick: external_exports.boolean().optional(),
+    showLauncher: external_exports.boolean().optional(),
+    showHeader: external_exports.boolean().optional(),
+    showAvatars: external_exports.boolean().optional(),
+    showTimestamps: external_exports.boolean().optional(),
+    showPoweredBy: external_exports.boolean().optional()
+  }).strict().optional(),
+  labels: labelsSchema.optional(),
+  presentation: presentationSchema.optional(),
+  suggestedPrompts: external_exports.array(external_exports.string().trim().min(1).max(240)).max(8).optional(),
+  privacyUrl: httpsUrlSchema.optional(),
+  termsUrl: httpsUrlSchema.optional(),
+  locale: external_exports.string().trim().min(2).max(35).optional(),
+  direction: external_exports.enum(["ltr", "rtl", "auto"]).optional()
+}).strict();
+var assistantConfigurationSchema = external_exports.object({ branding: brandingSchema.optional(), assistant: assistantUiSchema.optional() }).strict();
+function parseAssistantConfiguration(value) {
+  const parsed = assistantConfigurationSchema.safeParse(value);
+  return parsed.success ? parsed.data : void 0;
+}
+function isHttpsUrl2(value) {
+  try {
+    return new URL(value).protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+function isSecureBrowserAssetUrl(value) {
+  try {
+    const url2 = new URL(value);
+    if (url2.protocol === "https:") return true;
+    if (url2.protocol !== "http:") return false;
+    return url2.hostname === "localhost" || url2.hostname === "127.0.0.1" || url2.hostname === "[::1]";
+  } catch {
+    return false;
+  }
+}
+
+// src/element-public-configuration-controller.ts
+var AssistantElementPublicConfigurationController = class {
+  #source;
+  #apply;
+  #loadingChanged;
+  #generation = 0;
+  #bootstrap;
+  #abort;
+  constructor(source, apply2, loadingChanged) {
+    this.#source = source;
+    this.#apply = apply2;
+    this.#loadingChanged = loadingChanged;
+  }
+  connect() {
+    this.#restart();
+  }
+  refresh() {
+    this.#restart();
+  }
+  disconnect() {
+    this.#generation += 1;
+    this.#abort?.abort();
+    this.#abort = void 0;
+    this.#bootstrap = void 0;
+  }
+  #restart() {
+    this.disconnect();
+    this.#prime();
+  }
+  #prime() {
+    const source = this.#source();
+    if (!source.embedId || this.#bootstrap) return;
+    const generation = this.#generation;
+    const abort = new AbortController();
+    this.#abort = abort;
+    const fetcher = source.fetch ?? ((input, init) => globalThis.fetch(input, init));
+    this.#loadingChanged(true);
+    const bootstrap = Promise.resolve().then(
+      () => fetcher(publicConfigurationUrl(source.serviceUrl, source.embedId), {
+        method: "GET",
+        headers: { accept: "application/json" },
+        credentials: "omit",
+        cache: "no-cache",
+        signal: abort.signal
+      })
+    ).then(async (response) => {
+      if (!response.ok) return;
+      const value = await response.json();
+      if (generation !== this.#generation || !isRecord6(value)) {
+        return;
+      }
+      const configuration = parseAssistantConfiguration(value.configuration);
+      if (configuration !== void 0) this.#apply(configuration);
+    }).catch(() => void 0).finally(() => {
+      if (generation === this.#generation) this.#loadingChanged(false);
+      if (this.#bootstrap === bootstrap) {
+        this.#bootstrap = void 0;
+        this.#abort = void 0;
+      }
+    });
+    this.#bootstrap = bootstrap;
+  }
+};
+function isRecord6(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
 // src/element-scroll-controller.ts
 var AssistantElementScrollController = class {
   #region;
@@ -32087,44 +32413,69 @@ var ASSISTANT_ELEMENT_STYLES = `<style>
   *, *::before, *::after { box-sizing: border-box; }
   .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
   .visually-hidden[hidden] { display: none !important; }
-  :host { color-scheme: light dark; font-family: var(--ns-assistant-font-family, var(--ns-assistant-default-font-family)); font-size: var(--ns-assistant-base-font-size, var(--ns-assistant-default-base-font-size)); line-height: var(--ns-assistant-line-height, var(--ns-assistant-default-line-height)); z-index: var(--ns-assistant-z-index, var(--ns-assistant-default-z-index)); -webkit-font-smoothing: antialiased; }
-  :host([data-mode="floating"]) { position: fixed; bottom: 20px; right: 20px; }
-  :host([data-mode="floating"][data-position="bottom-left"]) { right: auto; left: 20px; }
+  :host { --ns-assistant-halo-launcher-action: #f4f4f5; --ns-assistant-halo-launcher-action-hover: #e4e4e7; --ns-assistant-halo-launcher-border: rgba(0,0,0,.04); --ns-assistant-halo-launcher-shadow: 0 1px 8px rgba(0,0,0,.04); --ns-assistant-halo-launcher-shadow-hover: 0 2px 12px rgba(0,0,0,.06); --ns-assistant-halo-send-button: #e4e4e7; --ns-assistant-halo-send-button-text: #09090b; box-sizing: border-box; color-scheme: light dark; font-family: var(--ns-assistant-font-family, var(--ns-assistant-default-font-family)); font-size: var(--ns-assistant-base-font-size, var(--ns-assistant-default-base-font-size)); line-height: var(--ns-assistant-line-height, var(--ns-assistant-default-line-height)); z-index: var(--ns-assistant-z-index, var(--ns-assistant-default-z-index)); -webkit-font-smoothing: antialiased; }
+  :host([data-theme="dark"]) { --ns-assistant-halo-launcher-action: #3f3f46; --ns-assistant-halo-launcher-action-hover: #52525b; --ns-assistant-halo-launcher-border: rgba(255,255,255,.1); --ns-assistant-halo-launcher-shadow: 0 4px 20px rgba(0,0,0,.3); --ns-assistant-halo-launcher-shadow-hover: 0 6px 24px rgba(0,0,0,.4); --ns-assistant-halo-send-button: #3f3f46; --ns-assistant-halo-send-button-text: #fff; }
+  :host([data-mode="floating"]) { position: fixed; }
+  :host([data-mode="floating"][open]) { width: min(var(--ns-assistant-panel-width, var(--ns-assistant-default-panel-width)), 100vw); }
   button { font: inherit; }
   button, textarea, input, select { -webkit-tap-highlight-color: transparent; }
-  .launcher { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--ns-assistant-launcher-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: 999px; color: var(--ns-assistant-launcher-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-launcher, var(--ns-assistant-panel, var(--ns-assistant-default-panel))); box-shadow: 0 8px 28px rgba(0,0,0,.14); cursor: pointer; transition: transform .24s cubic-bezier(.25,1,.5,1), box-shadow .2s ease; }
-  .launcher:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 26px rgba(0,0,0,.16); }
-  .launcher img { width: 28px; height: 28px; border-radius: 50%; object-fit: contain; }
-  .panel { display: none; flex-direction: column; width: min(var(--ns-assistant-panel-width, var(--ns-assistant-default-panel-width)), calc(100vw - 40px)); min-height: var(--ns-assistant-min-height, var(--ns-assistant-default-min-height)); max-height: min(var(--ns-assistant-max-height, var(--ns-assistant-default-max-height)), calc(100vh - 40px)); overflow: hidden; color: var(--ns-assistant-panel-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-panel, var(--ns-assistant-default-panel)); border: 1px solid var(--ns-assistant-panel-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: var(--ns-assistant-panel-radius, var(--ns-assistant-default-panel-radius)); box-shadow: var(--ns-assistant-shadow, var(--ns-assistant-default-shadow)); transform-origin: bottom right; isolation: isolate; animation: halo-panel-in .28s cubic-bezier(.23,1,.32,1) both; }
+  .launcher { display: flex; align-items: center; justify-content: center; gap: 12px; width: max-content; min-height: 44px; padding: 10px 14px; color: var(--ns-assistant-launcher-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-launcher, color-mix(in srgb, var(--ns-assistant-panel, var(--ns-assistant-default-panel)) 50%, transparent)); border: 1px solid var(--ns-assistant-launcher-border, var(--ns-assistant-halo-launcher-border)); border-radius: 999px; box-shadow: var(--ns-assistant-halo-launcher-shadow), -6px 0 18px color-mix(in srgb, var(--ns-assistant-accent, var(--ns-assistant-default-accent)) 20%, transparent), 6px 0 18px color-mix(in srgb, var(--ns-assistant-accent, var(--ns-assistant-default-accent)) 20%, transparent), 0 0 40px color-mix(in srgb, var(--ns-assistant-accent, var(--ns-assistant-default-accent)) 10%, transparent); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: width .5s cubic-bezier(.25,1,.5,1), height .5s cubic-bezier(.25,1,.5,1), padding .5s cubic-bezier(.25,1,.5,1), gap .35s cubic-bezier(.25,1,.5,1), transform .6s cubic-bezier(.25,1,.5,1), background-color .3s ease, box-shadow .3s ease; }
+  :host([data-presentation-ready]) .launcher { padding: 10px 12px; }
+  .launcher[hidden] { display: none; }
+  .launcher:hover { transform: scale(1.02); box-shadow: var(--ns-assistant-halo-launcher-shadow-hover), -6px 0 18px color-mix(in srgb, var(--ns-assistant-accent, var(--ns-assistant-default-accent)) 20%, transparent), 6px 0 18px color-mix(in srgb, var(--ns-assistant-accent, var(--ns-assistant-default-accent)) 20%, transparent); }
+  .launcher-trigger, .launcher-form { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; font: inherit; }
+  .launcher-trigger { display: flex; align-items: center; gap: 12px; min-height: 28px; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); cursor: text; }
+  .launcher-label { padding-left: 6px; white-space: nowrap; font-size: 15px; line-height: 20px; }
+  .launcher-arrow, .launcher-send { position: relative; display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border: 0; border-radius: 50%; color: var(--ns-assistant-text, var(--ns-assistant-default-text)); background: var(--ns-assistant-launcher-action, var(--ns-assistant-halo-launcher-action)); cursor: pointer; }
+  .launcher-arrow:hover, .launcher-send:hover { background: var(--ns-assistant-launcher-action-hover, var(--ns-assistant-halo-launcher-action-hover)); }
+  .launcher-arrow::before, .launcher-send::before { content: ''; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
+  .launcher-form { display: none; flex: 1; align-items: center; gap: 12px; opacity: 0; pointer-events: none; }
+  .launcher-input { width: 100%; min-width: 0; height: 28px; padding: 0 0 0 6px; color: var(--ns-assistant-text, var(--ns-assistant-default-text)); background: transparent; border: 0; outline: 0; box-shadow: none; appearance: none; font: inherit; font-size: 16px; line-height: 20px; }
+  .launcher-input::placeholder { color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); }
+  :host([launcher-expanded]) .launcher { width: min(400px, calc(100vw - 40px)); justify-content: flex-start; }
+  :host([launcher-expanded]) .launcher-trigger { display: none; }
+  :host([launcher-expanded]) .launcher-form { display: flex; opacity: 1; pointer-events: auto; }
+  :host([data-launcher-style="bubble"]) .launcher { gap: 0; min-height: 0; padding: 6px; cursor: pointer; }
+  :host([data-launcher-style="bubble"]) .launcher-trigger { position: absolute; inset: 0; display: block; width: 100%; height: 100%; cursor: pointer; }
+  :host([data-launcher-style="bubble"]) .launcher-label, :host([data-launcher-style="bubble"]) .launcher-arrow, :host([data-launcher-style="bubble"]) .launcher-form { display: none; }
+  :host([data-launcher-style="bubble"]) .launcher-visual { width: 32px; height: 32px; flex-basis: 32px; }
+  .launcher-loader { display: none; width: 16px; height: 16px; flex: 0 0 16px; border: 2px solid var(--ns-assistant-divider, var(--ns-assistant-default-divider)); border-top-color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); border-radius: 50%; animation: halo-spin .8s linear infinite; }
+  :host([data-session-state="loading"]:not([data-presentation-ready])) .launcher-loader, :host([data-public-configuration-loading]:not([data-presentation-ready])) .launcher-loader { display: block; }
+  :host([data-session-state="loading"]:not([data-presentation-ready])) .launcher > :not(.launcher-loader):not([data-session-status]), :host([data-public-configuration-loading]:not([data-presentation-ready])) .launcher > :not(.launcher-loader):not([data-session-status]) { display: none; }
+  .panel { display: none; flex-direction: column; width: 100%; max-width: 970px; height: min(85dvh, var(--ns-assistant-max-height, var(--ns-assistant-default-max-height)), calc(100dvh - 40px)); min-height: min(var(--ns-assistant-min-height, var(--ns-assistant-default-min-height)), calc(100dvh - 40px)); max-height: min(var(--ns-assistant-max-height, var(--ns-assistant-default-max-height)), calc(100dvh - 40px)); overflow: hidden; color: var(--ns-assistant-panel-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-panel, var(--ns-assistant-default-panel)); border: 1px solid var(--ns-assistant-panel-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: var(--ns-assistant-panel-radius, var(--ns-assistant-default-panel-radius)); box-shadow: var(--ns-assistant-shadow, var(--ns-assistant-default-shadow)); transform-origin: bottom center; isolation: isolate; animation: halo-panel-in .3s ease both; }
+  :host([data-mode="floating"][open]) .panel { width: calc(100% - 40px); margin-inline: 20px; }
   :host([open][data-presentation-ready]) .panel { display: flex; }
   .panel { position: relative; }
   :host([open][data-presentation-ready]) .launcher { display: none; }
   :host([open]:not([data-presentation-ready])) .launcher { cursor: progress; opacity: .72; transform: none; }
-  header { display: flex; flex: 0 0 auto; gap: 10px; align-items: center; min-height: 64px; padding: 12px 18px; color: var(--ns-assistant-header-text, inherit); background: var(--ns-assistant-header, transparent); border-bottom: 1px solid color-mix(in srgb, var(--ns-assistant-header-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))) 78%, transparent); }
+  header { display: flex; flex: 0 0 auto; gap: 10px; align-items: center; min-height: 64px; padding: 16px 20px; color: var(--ns-assistant-header-text, inherit); background: var(--ns-assistant-header, transparent); border-bottom: 1px solid var(--ns-assistant-header-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); }
   header strong { flex: 1; font-size: 16px; font-weight: 600; letter-spacing: 0; }
   .brand-logo { display: block; max-width: 120px; max-height: 28px; object-fit: contain; }
   .close, .send { display: grid; place-items: center; border: 0; border-radius: var(--ns-assistant-button-radius, var(--ns-assistant-default-button-radius)); cursor: pointer; }
-  .close { position: relative; width: 44px; height: 44px; padding: 0; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); background: transparent; transition: background .15s ease, color .15s ease, transform .15s ease; }
-  .close::before { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
+  .close { position: relative; width: 44px; height: 44px; margin: -6px; padding: 0; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); background: transparent; transition: background .15s ease, color .15s ease, transform .15s ease; }
+  .close::before { content: ''; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
   .close:hover { color: var(--ns-assistant-text, var(--ns-assistant-default-text)); background: var(--ns-assistant-elevated, var(--ns-assistant-default-elevated)); }
   .close:active { transform: scale(.96); }
-  .welcome { flex: 0 0 auto; padding: 30px 22px 18px; }
+  .welcome { flex: 0 0 auto; padding: 24px 20px 8px; }
   .welcome h2 { margin: 0; font-size: 1.35em; line-height: 1.25; letter-spacing: 0; }
   .welcome p { max-width: 42ch; margin: 7px 0 0; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); }
-  :host([has-messages]) .welcome, :host([has-messages]) .suggested-prompts { display: none; }
-  .suggested-prompts { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 8px; padding: 0 20px 16px; }
+  .welcome:has(.empty-state[hidden]) { display: none; }
+  :host([has-messages]) .welcome { display: none; }
+  .input-section { flex: 0 0 auto; padding: 8px 16px 16px; }
+  .suggested-prompts { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
   .suggested-prompts:empty { display: none; }
-  .suggested-prompts button { min-height: 44px; padding: 8px 14px; color: var(--ns-assistant-suggestion-text, var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text))); background: var(--ns-assistant-suggestion, color-mix(in srgb, var(--ns-assistant-input, var(--ns-assistant-default-input)) 58%, transparent)); border: 1px solid var(--ns-assistant-suggestion-border, color-mix(in srgb, var(--ns-assistant-divider, var(--ns-assistant-default-divider)) 82%, transparent)); border-radius: 999px; cursor: pointer; font-size: .86em; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
-  .suggested-prompts button:hover { color: var(--ns-assistant-text, var(--ns-assistant-default-text)); background: var(--ns-assistant-elevated, var(--ns-assistant-default-elevated)); transform: translateY(-1px); }
+  .suggested-prompts button { position: relative; display: inline-flex; align-items: center; padding: 6px 12px; color: var(--ns-assistant-suggestion-text, var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text))); background: var(--ns-assistant-suggestion, transparent); border: 1px solid var(--ns-assistant-suggestion-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: 999px; cursor: pointer; font-size: 12px; white-space: nowrap; transition: background .2s ease, color .2s ease; }
+  .suggested-prompts button::before { content: ''; position: absolute; inset: -6px -2px; }
+  .suggested-prompts button:hover { color: var(--ns-assistant-text, var(--ns-assistant-default-text)); background: var(--ns-assistant-elevated, var(--ns-assistant-default-elevated)); }
   .messages-region { position: relative; display: flex; flex: 1 1 auto; min-height: 0; overflow: hidden; }
   .messages-region::before, .messages-region::after { content: ''; position: absolute; right: 0; left: 0; z-index: 1; height: 18px; pointer-events: none; opacity: 0; transition: opacity .18s ease; }
   .messages-region::before { top: 0; background: linear-gradient(to bottom, color-mix(in srgb, var(--ns-assistant-panel, var(--ns-assistant-default-panel)) 92%, transparent), transparent); }
   .messages-region::after { bottom: 0; background: linear-gradient(to top, color-mix(in srgb, var(--ns-assistant-panel, var(--ns-assistant-default-panel)) 92%, transparent), transparent); }
   .messages-region[data-can-scroll-up]::before, .messages-region[data-can-scroll-down]::after { opacity: 1; }
-  .messages { flex: 1 1 auto; width: 100%; min-height: 0; padding: 18px 20px 24px; overflow-y: auto; background: var(--ns-assistant-canvas, transparent); overscroll-behavior: contain; scroll-behavior: smooth; }
+  .messages { flex: 1 1 auto; width: 100%; min-height: 0; padding: 16px 20px; overflow-y: auto; background: var(--ns-assistant-canvas, transparent); overscroll-behavior: contain; scroll-behavior: smooth; }
   .messages::-webkit-scrollbar { width: 6px; }
   .messages::-webkit-scrollbar-thumb { background: var(--ns-assistant-divider, var(--ns-assistant-default-divider)); border-radius: 999px; }
-  .message { width: fit-content; max-width: 88%; margin: 0 0 14px; padding: 0; border-radius: var(--ns-assistant-card-radius, var(--ns-assistant-default-card-radius)); background: transparent; white-space: pre-wrap; animation: halo-message-in .2s ease both; }
+  .message { width: fit-content; max-width: 88%; margin: 0 0 12px; padding: 0; border-radius: var(--ns-assistant-card-radius, var(--ns-assistant-default-card-radius)); background: transparent; white-space: pre-wrap; animation: halo-message-in .2s ease both; }
   .message > span, .message > .markdown { overflow-wrap: anywhere; }
   .message .avatar { float: left; width: 24px; height: 24px; margin-right: 9px; border-radius: 50%; object-fit: cover; }
   .message time { display: block; margin-top: 4px; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); font-size: .75em; line-height: 1.2; }
@@ -32137,7 +32488,7 @@ var ASSISTANT_ELEMENT_STYLES = `<style>
   .new-messages { position: absolute; left: 50%; bottom: 14px; z-index: 2; width: 44px; height: 44px; padding: 0; color: var(--ns-assistant-secondary-button-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-secondary-button, color-mix(in srgb, var(--ns-assistant-input, var(--ns-assistant-default-input)) 92%, transparent)); border: 1px solid var(--ns-assistant-secondary-button-border, var(--ns-assistant-divider, var(--ns-assistant-default-divider))); border-radius: var(--ns-assistant-button-radius, var(--ns-assistant-default-button-radius)); box-shadow: 0 8px 24px rgba(0,0,0,.12); transform: translateX(-50%); cursor: pointer; }
   .new-messages::before { content: ''; display: block; width: 18px; height: 18px; margin: auto; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
   .message.assistant { max-width: 100%; color: var(--ns-assistant-assistant-message-text, inherit); background: var(--ns-assistant-assistant-message, transparent); border: 1px solid var(--ns-assistant-assistant-message-border, transparent); }
-  .message.user { display: grid; max-width: 85%; justify-items: start; gap: 3px; margin-left: auto; padding: 10px 16px 8px; color: var(--ns-assistant-user-message-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-user-message, var(--ns-assistant-elevated, var(--ns-assistant-default-elevated))); border: 1px solid var(--ns-assistant-user-message-border, transparent); border-radius: var(--ns-assistant-card-radius, var(--ns-assistant-default-card-radius)); font-size: .94em; }
+  .message.user { display: grid; max-width: 85%; justify-items: start; gap: 3px; margin-left: auto; padding: 10px 16px; color: var(--ns-assistant-user-message-text, var(--ns-assistant-text, var(--ns-assistant-default-text))); background: var(--ns-assistant-user-message, var(--ns-assistant-elevated, var(--ns-assistant-default-elevated))); border: 1px solid var(--ns-assistant-user-message-border, transparent); border-radius: var(--ns-assistant-card-radius, var(--ns-assistant-default-card-radius)); font-size: 14px; }
   .message.user time { margin-top: 0; }
   .markdown { white-space: normal; }
   .markdown p { margin: 0 0 8px; }
@@ -32187,31 +32538,39 @@ var ASSISTANT_ELEMENT_STYLES = `<style>
   .input-request input:focus-visible, .input-request select:focus-visible { border-color: var(--ns-assistant-focus, var(--ns-assistant-default-focus)); box-shadow: 0 0 0 2px var(--ns-assistant-focus, var(--ns-assistant-default-focus)); }
   .input-request .proposal-actions { margin-top: 2px; }
   ${ASSISTANT_APP_VIEW_CSS}
-  form { display: flex; flex: 0 0 auto; gap: 8px; align-items: center; min-height: 56px; margin: 8px 16px 16px; padding: 6px 6px 6px 16px; color: var(--ns-assistant-composer-text, inherit); border: 1px solid var(--ns-assistant-composer-border, color-mix(in srgb, var(--ns-assistant-divider, var(--ns-assistant-default-divider)) 86%, transparent)); border-radius: var(--ns-assistant-input-radius, var(--ns-assistant-default-input-radius)); background: var(--ns-assistant-composer, color-mix(in srgb, var(--ns-assistant-input, var(--ns-assistant-default-input)) 92%, transparent)); box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.035); transition: border-color .15s ease, box-shadow .15s ease; }
-  form:focus-within { box-shadow: inset 0 0 0 1px var(--ns-assistant-focus, var(--ns-assistant-default-focus)), 0 0 0 2px var(--ns-assistant-focus, var(--ns-assistant-default-focus)); }
+  .composer { display: flex; flex: 0 0 auto; gap: 8px; align-items: center; min-height: 44px; margin: 0; padding: 8px 8px 8px 16px; color: var(--ns-assistant-composer-text, inherit); border: 1px solid var(--ns-assistant-composer-border, transparent); border-radius: var(--ns-assistant-input-radius, var(--ns-assistant-default-input-radius)); background: var(--ns-assistant-composer, var(--ns-assistant-input, var(--ns-assistant-default-input))); transition: border-color .15s ease, box-shadow .15s ease; }
+  .composer:focus-within { border-color: var(--ns-assistant-focus, var(--ns-assistant-default-focus)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ns-assistant-focus, var(--ns-assistant-default-focus)) 32%, transparent); }
   textarea { flex: 1; min-height: 24px; max-height: 120px; resize: none; padding: 0; color: var(--ns-assistant-text, var(--ns-assistant-default-text)); background: transparent; border: 0; border-radius: 0; outline: 0; box-shadow: none; appearance: none; -webkit-appearance: none; font: inherit; font-size: 16px; line-height: 24px; }
   textarea::placeholder { color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); }
   textarea:focus, textarea:focus-visible { outline: none; box-shadow: none; }
   button:focus-visible { outline: 3px solid var(--ns-assistant-focus, var(--ns-assistant-default-focus)); outline-offset: 2px; }
-  .send { position: relative; display: block; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; overflow: hidden; color: transparent; border-radius: 999px; background: var(--ns-assistant-primary-button, var(--ns-assistant-accent, var(--ns-assistant-default-accent))); font-size: 0; line-height: 0; transition: transform .15s ease, background .15s ease; }
-  .send::before { content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 17px; background: var(--ns-assistant-primary-button-text, var(--ns-assistant-accent-text, var(--ns-assistant-default-accent-text))); transform: translate(-50%, -50%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
-  .send:hover { transform: scale(1.05); background: var(--ns-assistant-hover, color-mix(in srgb, var(--ns-assistant-primary-button, var(--ns-assistant-accent, var(--ns-assistant-default-accent))) 88%, var(--ns-assistant-primary-button-text, var(--ns-assistant-accent-text, var(--ns-assistant-default-accent-text))) 12%)); }
+  .send { position: relative; display: block; width: 44px; height: 44px; flex: 0 0 44px; margin: -8px; padding: 0; overflow: visible; color: var(--ns-assistant-primary-button-text, var(--ns-assistant-halo-send-button-text)); border-radius: 999px; background: transparent; font-size: 0; line-height: 0; }
+  .send::after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--ns-assistant-primary-button, var(--ns-assistant-halo-send-button)); transform: translate(-50%, -50%); }
+  .send::before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 16px; height: 16px; background: currentColor; transform: translate(-50%, -50%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
+  .send:hover::after { background: var(--ns-assistant-hover, var(--ns-assistant-default-hover)); }
   :host([busy]) .send::before { width: 13px; height: 13px; border-radius: 3px; -webkit-mask: none; mask: none; }
   .send:disabled, textarea:disabled { opacity: .55; cursor: not-allowed; }
-  .legal { display: flex; gap: 12px; justify-content: center; padding: 0 12px 9px; font-size: .75em; }
+  .legal { display: flex; gap: 12px; justify-content: center; padding: 0 12px 8px; font-size: .75em; }
   .legal:empty { display: none; }
   .legal a { color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); text-underline-offset: 2px; }
+  .powered-by-row { display: flex; flex: 0 0 auto; justify-content: center; padding-bottom: 12px; }
+  .powered-by-row[hidden] { display: none; }
+  .powered-by { display: inline-flex; align-items: center; gap: 6px; margin: 0 auto 12px; padding: 0 16px; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); font-size: 11px; line-height: 1; text-decoration: none; opacity: .7; transition: opacity .12s ease, color .12s ease; }
+  .powered-by:hover { color: var(--ns-assistant-text, var(--ns-assistant-default-text)); opacity: 1; }
+  .powered-by-icon { display: inline-flex; width: 14px; height: 14px; }
+  .powered-by-name { font-weight: 500; }
   ::slotted([slot="conversation-footer"]) { display: block; padding: 0 16px 12px; color: var(--ns-assistant-muted-text, var(--ns-assistant-default-muted-text)); font-size: 11px; text-align: center; }
-  @keyframes halo-panel-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
+  @keyframes halo-panel-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
   @keyframes halo-message-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
   @keyframes halo-shimmer { from { background-position: 100% center; } to { background-position: 0 center; } }
   @keyframes halo-caret-blink { 50% { opacity: 0; } }
+  @keyframes halo-spin { to { transform: rotate(360deg); } }
   :host([data-density="compact"]) .welcome { padding: 20px 18px 12px; }
-  @media (max-width: 640px) { :host([mobile-fullscreen][open]) { inset: 0; } :host([mobile-fullscreen][open]) .panel { width: 100vw; min-height: 100vh; max-height: 100vh; border: 0; border-radius: 0; } :host([mobile-fullscreen]) header { padding-top: max(12px, env(safe-area-inset-top)); padding-right: max(18px, env(safe-area-inset-right)); padding-left: max(18px, env(safe-area-inset-left)); } :host([mobile-fullscreen]) form { margin-right: max(16px, env(safe-area-inset-right)); margin-bottom: max(16px, env(safe-area-inset-bottom)); margin-left: max(16px, env(safe-area-inset-left)); } :host([mobile-fullscreen]) .legal, :host([mobile-fullscreen]) ::slotted([slot="conversation-footer"]) { padding-bottom: max(10px, env(safe-area-inset-bottom)); } }
+  @media (max-width: 640px) { :host([mobile-fullscreen][open]) { inset: 0; width: 100vw; transform: none; } :host([mobile-fullscreen][open]) .panel { width: 100vw; max-width: none; height: 100dvh; min-height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; } :host([mobile-fullscreen]) header { padding-top: calc(16px + env(safe-area-inset-top)); padding-right: calc(20px + env(safe-area-inset-right)); padding-left: calc(20px + env(safe-area-inset-left)); } :host([mobile-fullscreen]) .messages { padding-right: calc(20px + env(safe-area-inset-right)); padding-left: calc(20px + env(safe-area-inset-left)); } :host([mobile-fullscreen]) .input-section { padding-right: calc(16px + env(safe-area-inset-right)); padding-bottom: calc(16px + env(safe-area-inset-bottom)); padding-left: calc(16px + env(safe-area-inset-left)); } :host([mobile-fullscreen]) .legal, :host([mobile-fullscreen]) ::slotted([slot="conversation-footer"]) { padding-bottom: max(10px, env(safe-area-inset-bottom)); } }
   @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } .messages { scroll-behavior: auto; } .message.assistant.streaming .markdown::after { animation: none; } }
   @media (forced-colors: active) { .message.thinking > span { color: CanvasText; background: none; } }
   @media (hover: none) { .message-copy { opacity: 1; } }
-  @media (max-width: 560px) { :host([data-mode="floating"]) { inset: auto 12px 12px; } :host([open]) .panel { width: calc(100vw - 24px); max-height: calc(100vh - 24px); } }
+  @media (max-width: 560px) { :host([data-mode="floating"]:not([open])) { bottom: 20px; } :host([open]:not([mobile-fullscreen])) .panel { width: calc(100vw - 40px); max-height: calc(100dvh - 40px); } }
 </style>`;
 
 // src/host-appearance.ts
@@ -32320,6 +32679,7 @@ function syncAssistantPresentation(host, root, appearance, mode, sessionState) {
   host.dataset.panelSurface = presentation.panel.surface;
   host.dataset.panelElevation = presentation.panel.elevation;
   host.dataset.panelBorder = presentation.panel.border;
+  host.dataset.launcherStyle = presentation.launcher.style;
   host.dataset.launcherEffect = presentation.launcher.effect;
   host.dataset.messageUserStyle = presentation.messages.userStyle;
   host.dataset.messageAssistantStyle = presentation.messages.assistantStyle;
@@ -32332,11 +32692,11 @@ function syncAssistantPresentation(host, root, appearance, mode, sessionState) {
   }
   host.style.setProperty(
     "--ns-assistant-presentation-launcher-size",
-    presentation.launcher.size === "lg" ? "56px" : "48px"
+    presentation.launcher.size === "lg" ? "56px" : "44px"
   );
   host.style.setProperty(
     "--ns-assistant-presentation-panel-background",
-    presentation.panel.surface === "solid" ? "var(--ns-assistant-panel, var(--ns-assistant-default-panel))" : "color-mix(in srgb, var(--ns-assistant-panel, var(--ns-assistant-default-panel)) 88%, transparent)"
+    presentation.panel.surface === "solid" ? "var(--ns-assistant-panel, var(--ns-assistant-default-panel))" : "color-mix(in srgb, var(--ns-assistant-panel, var(--ns-assistant-default-panel)) 50%, transparent)"
   );
   host.style.setProperty(
     "--ns-assistant-presentation-shadow",
@@ -32344,7 +32704,7 @@ function syncAssistantPresentation(host, root, appearance, mode, sessionState) {
   );
   host.style.setProperty(
     "--ns-assistant-presentation-border",
-    panelBorder(presentation.panel.border)
+    panelBorder(presentation.panel.border, mode)
   );
   replaceFallback(root, "launcher-icon", [launcherVisual(appearance, mode, sessionState)]);
   const accessibleStatus = root.querySelector("[data-session-status]");
@@ -32357,7 +32717,7 @@ function syncAssistantPresentation(host, root, appearance, mode, sessionState) {
   replaceFallback(root, "empty-state", [emptyState(appearance)]);
   replaceFallback(root, "composer-leading", composerLeading(appearance, mode));
   replaceFallback(root, "conversation-footer", []);
-  const form = root.querySelector("form");
+  const form = root.querySelector(".composer");
   if (form) form.dataset.shape = presentation.composer.shape;
   const send = root.querySelector(".send");
   if (send) send.dataset.icon = presentation.composer.sendIcon;
@@ -32377,18 +32737,21 @@ function panelShadow(elevation) {
   }
   return "var(--ns-assistant-default-shadow)";
 }
-function panelBorder(border) {
+function panelBorder(border, mode) {
   if (border === "strong") {
     return "1px solid var(--ns-assistant-divider, var(--ns-assistant-default-divider))";
   }
-  return "1px solid color-mix(in srgb, var(--ns-assistant-divider, var(--ns-assistant-default-divider)) 74%, transparent)";
+  const opacity = mode === "light" ? 60 : 100;
+  return `1px solid color-mix(in srgb, var(--ns-assistant-divider, var(--ns-assistant-default-divider)) ${opacity}%, transparent)`;
 }
 function launcherVisual(appearance, mode, sessionState) {
   const launcher = appearance.presentation.launcher;
   const visual = document.createElement("span");
   visual.className = "launcher-visual";
   visual.setAttribute("aria-hidden", "true");
-  visual.append(icon(launcher.icon, appearance, mode, "launcher-glyph"));
+  const visualKind = launcher.icon === "brand-mark" && !(appearance.brand.mark[mode] ?? appearance.brand.logo[mode]) ? launcher.style === "bubble" ? "chat" : "none" : launcher.icon;
+  visual.hidden = visualKind === "none";
+  visual.append(icon(visualKind, appearance, mode, "launcher-glyph"));
   if (launcher.status === "session") {
     const status = document.createElement("span");
     status.className = "launcher-status";
@@ -32438,9 +32801,12 @@ function headerBadge(appearance) {
 function emptyState(appearance) {
   const section = document.createElement("section");
   section.className = "empty-state";
-  const heading = document.createElement("h2");
-  heading.textContent = appearance.labels.welcomeHeading;
-  section.append(heading);
+  section.hidden = !appearance.labels.welcomeHeading && !appearance.labels.welcomeMessage;
+  if (appearance.labels.welcomeHeading) {
+    const heading = document.createElement("h2");
+    heading.textContent = appearance.labels.welcomeHeading;
+    section.append(heading);
+  }
   const description = appearance.labels.welcomeMessage;
   if (description) {
     const paragraph = document.createElement("p");
@@ -32467,7 +32833,7 @@ function toneIndicator(tone) {
   return indicator;
 }
 function icon(kind, appearance, mode, className) {
-  const mark = appearance.brand.mark[mode];
+  const mark = appearance.brand.mark[mode] ?? appearance.brand.logo[mode];
   if (kind === "brand-mark" && mark) {
     const image = document.createElement("img");
     image.className = className;
@@ -32519,11 +32885,17 @@ function applyAssistantElementTheme(input) {
 var presentationStyles = `<style>
   :host([data-mode="floating"]) {
     bottom: var(--ns-assistant-edge-offset, var(--ns-assistant-default-edge-offset));
-    right: var(--ns-assistant-edge-offset, var(--ns-assistant-default-edge-offset));
+    left: 50%;
+    transform: translateX(-50%);
   }
   :host([data-mode="floating"][data-position="bottom-left"]) {
-    right: auto;
     left: var(--ns-assistant-edge-offset, var(--ns-assistant-default-edge-offset));
+    transform: none;
+  }
+  :host([data-mode="floating"][data-position="bottom-right"]) {
+    right: var(--ns-assistant-edge-offset, var(--ns-assistant-default-edge-offset));
+    left: auto;
+    transform: none;
   }
   .panel {
     background: var(--ns-assistant-panel-background, var(--ns-assistant-presentation-panel-background));
@@ -32540,22 +32912,26 @@ var presentationStyles = `<style>
 
   .launcher {
     position: relative;
-    width: var(--ns-assistant-launcher-size, var(--ns-assistant-presentation-launcher-size));
-    height: var(--ns-assistant-launcher-size, var(--ns-assistant-presentation-launcher-size));
     border-radius: var(--ns-assistant-launcher-radius, var(--ns-assistant-default-launcher-radius));
     isolation: isolate;
   }
+  :host([data-launcher-style="bubble"]) .launcher {
+    width: var(--ns-assistant-launcher-size, var(--ns-assistant-presentation-launcher-size));
+    height: var(--ns-assistant-launcher-size, var(--ns-assistant-presentation-launcher-size));
+  }
   :host([data-launcher-effect="pulse"]) .launcher {
     animation: assistant-launcher-pulse 2s ease-in-out infinite;
   }
   .launcher-visual {
     position: relative;
     display: grid;
-    width: 100%;
-    height: 100%;
+    width: 28px;
+    height: 28px;
+    flex: 0 0 28px;
     place-items: center;
     border-radius: inherit;
   }
+  .launcher-visual[hidden] { display: none; }
   .launcher-glyph, .composer-leading-glyph {
     display: block;
     width: 18px;
@@ -32583,10 +32959,28 @@ var presentationStyles = `<style>
     -webkit-mask: none;
     mask: none;
   }
+  .launcher-visual .launcher-glyph:is(img) {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    filter: grayscale(100%);
+    opacity: .6;
+    transition: width .5s cubic-bezier(.25,1,.5,1), height .5s cubic-bezier(.25,1,.5,1), filter .5s cubic-bezier(.25,1,.5,1), opacity .5s cubic-bezier(.25,1,.5,1);
+  }
+  .launcher:hover .launcher-glyph:is(img), :host([launcher-expanded]) .launcher-glyph:is(img) {
+    filter: none;
+    opacity: 1;
+  }
+  :host([data-launcher-style="bubble"]) .launcher-glyph:is(img) {
+    width: 32px;
+    height: 32px;
+    filter: none;
+    opacity: 1;
+  }
   .launcher-status {
     position: absolute;
-    right: 1px;
-    bottom: 1px;
+    right: -1px;
+    bottom: -1px;
     width: 10px;
     height: 10px;
     border: 2px solid var(--ns-assistant-panel, var(--ns-assistant-default-panel));
@@ -32715,7 +33109,6 @@ var NoodleAssistantElement = class extends HTMLElementBase {
   #conversationGeneration = 0;
   #messages;
   #thinking;
-  #media;
   #context;
   #modelContext;
   #pageContext;
@@ -32727,11 +33120,17 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     () => this.#primeSession(),
     () => this.focusComposer()
   );
+  #publicConfiguration = new AssistantElementPublicConfigurationController(
+    () => ({ embedId: this.embedId, serviceUrl: this.serviceUrl, fetch: this.#fetch }),
+    (configuration) => this.#applyConfiguration(configuration),
+    (loading) => this.#setPublicConfigurationLoading(loading)
+  );
   #pendingUserEcho;
   #sessionState = "idle";
   #startOpenApplied = false;
   #readyDispatched = false;
   #turnInFlight = false;
+  #fetch;
   #hostAppearance;
   #appearanceWarningKeys = /* @__PURE__ */ new Set();
   #appearanceStyleSnapshot = /* @__PURE__ */ new Map();
@@ -32741,6 +33140,17 @@ var NoodleAssistantElement = class extends HTMLElementBase {
   embedId = "";
   /** Only for a dev or self-hosted service; the published snippet needs no origin. */
   serviceUrl = "";
+  get fetch() {
+    return this.#fetch;
+  }
+  set fetch(value) {
+    if (this.#fetch === value) return;
+    this.#fetch = value;
+    if (this.#client) this.resetSession();
+    if (!this.isConnected) return;
+    if (this.embedId) this.#publicConfiguration.refresh();
+    else this.#primeSession();
+  }
   get appearance() {
     return this.#hostAppearance;
   }
@@ -32759,11 +33169,7 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       }
       return this.#appendMessage(role, text3);
     },
-    applyConfiguration: (configuration) => {
-      this.#appearance = resolveAppearance(configuration);
-      this.#syncAppearance();
-      this.#applyStartOpenPolicy();
-    },
+    applyConfiguration: (configuration) => this.#applyConfiguration(configuration),
     labels: () => this.#appearance.labels,
     respond: (id, response) => this.respond(id, response),
     dispatchError: (detail) => this.#dispatchError(detail),
@@ -32779,7 +33185,7 @@ var NoodleAssistantElement = class extends HTMLElementBase {
           client,
           sendMessage: (message) => this.sendMessage(message),
           updateModelContext: (update) => this.updateModelContext(update),
-          theme: this.#resolvedMode()
+          theme: this.#environment.resolvedTheme()
         },
         {
           ...sandboxUrl === void 0 ? {} : { sandboxUrl },
@@ -32792,18 +33198,28 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       this.#revealLatest();
     }
   });
+  #launcher = new AssistantElementLauncherController({
+    host: this,
+    appearance: () => this.#appearance,
+    openPanel: () => this.open(),
+    sendMessage: (message) => this.#sendGuarded(message)
+  });
+  #environment = new AssistantElementHostEnvironmentController({
+    host: this,
+    appearance: () => this.#appearance,
+    applyTheme: () => this.#applyTheme(),
+    close: () => this.#closeAndRestoreFocus()
+  });
   connectedCallback() {
     if (!this.shadowRoot) this.attachShadow({ mode: "open" });
     if (!this.sessionEndpoint) this.sessionEndpoint = this.getAttribute("session-endpoint") ?? "";
     if (!this.embedId) this.embedId = this.getAttribute("embed-id") ?? "";
     if (!this.serviceUrl) this.serviceUrl = this.getAttribute("service-url") ?? "";
     if (!this.sessionEndpoint && !this.embedId) this.#presentationGate.reveal();
-    this.#media = globalThis.matchMedia?.("(prefers-color-scheme: dark)");
-    this.#media?.addEventListener("change", this.#handleSystemTheme);
-    document.addEventListener("keydown", this.#handleDocumentKeydown);
-    document.addEventListener("pointerdown", this.#handleDocumentPointerDown);
+    this.#environment.connect();
     if (this.#appearance.behavior.startOpen) this.#applyStartOpenPolicy();
     this.#render();
+    if (this.embedId) this.#publicConfiguration.connect();
     if (!this.#readyDispatched) {
       this.#readyDispatched = true;
       this.dispatchEvent(new CustomEvent("assistant-ready"));
@@ -32824,22 +33240,25 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     this.#clientEndpoint = "";
     this.#unsubscribeClient = void 0;
     this.#sessionBootstrap = void 0;
+    this.#publicConfiguration.disconnect();
     this.#scroll.disconnect();
+    this.#launcher.disconnect();
     this.#setBusy(false);
-    this.#media?.removeEventListener("change", this.#handleSystemTheme);
-    document.removeEventListener("keydown", this.#handleDocumentKeydown);
-    document.removeEventListener("pointerdown", this.#handleDocumentPointerDown);
+    this.#environment.disconnect();
   }
   attributeChangedCallback(name21) {
     if (name21 === "theme") this.#applyTheme();
     if (name21 === "open") this.#presentationGate.syncOpenState();
   }
   open() {
+    this.#launcher.collapse(true);
     this.setAttribute("open", "");
+    if (this.hasAttribute("data-presentation-ready")) queueMicrotask(() => this.focusComposer());
     this.dispatchEvent(new CustomEvent("assistant-open"));
   }
   close() {
     this.removeAttribute("open");
+    this.#launcher.collapse(true);
     this.dispatchEvent(new CustomEvent("assistant-close"));
   }
   toggle() {
@@ -32976,17 +33395,6 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       if (generation === this.#conversationGeneration) this.#setBusy(false);
     }
   }
-  #handleSystemTheme = () => this.#applyTheme();
-  #handleDocumentKeydown = (event) => {
-    if (event.key === "Escape" && this.hasAttribute("open") && this.#appearance.behavior.closeOnEscape) {
-      this.#closeAndRestoreFocus();
-    }
-  };
-  #handleDocumentPointerDown = (event) => {
-    if (this.hasAttribute("open") && this.#appearance.behavior.closeOnOutsideClick && !event.composedPath().includes(this)) {
-      this.close();
-    }
-  };
   #ensureClient() {
     const key = sessionSourceKey(this);
     if (this.#client && this.#clientEndpoint === key) return this.#client;
@@ -33002,8 +33410,13 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     const client = this.embedId ? createAssistantClient({
       embedId: this.embedId,
       ...this.serviceUrl ? { serviceUrl: this.serviceUrl } : {},
+      ...this.#fetch ? { fetch: this.#fetch } : {},
+      ...behavior
+    }) : createAssistantClient({
+      sessionEndpoint: this.sessionEndpoint,
+      ...this.#fetch ? { fetch: this.#fetch } : {},
       ...behavior
-    }) : createAssistantClient({ sessionEndpoint: this.sessionEndpoint, ...behavior });
+    });
     this.#client = client;
     this.#clientEndpoint = key;
     this.#unsubscribeClient = client.subscribe((event) => {
@@ -33032,6 +33445,8 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     this.dispatchEvent(new CustomEvent("assistant-event", { detail: event }));
     this.#events.handle(event);
     if (event.event === "session_started") {
+      this.#publicConfiguration.disconnect();
+      this.removeAttribute("data-public-configuration-loading");
       this.#presentationGate.reveal();
       this.#setSessionState("ready");
       this.#messages?.querySelector(".conversation-error")?.remove();
@@ -33081,10 +33496,10 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     if (!this.#messages) return void 0;
     const message = document.createElement("div");
     message.className = `message ${role}`;
-    if (role === "assistant" && this.#appearance.behavior.showAvatars && this.#appearance.brand.avatar[this.#resolvedMode()]) {
+    if (role === "assistant" && this.#appearance.behavior.showAvatars && this.#appearance.brand.avatar[this.#environment.resolvedTheme()]) {
       const avatar = document.createElement("img");
       avatar.className = "avatar";
-      avatar.src = this.#appearance.brand.avatar[this.#resolvedMode()] ?? "";
+      avatar.src = this.#appearance.brand.avatar[this.#environment.resolvedTheme()] ?? "";
       avatar.alt = "";
       message.append(avatar);
     }
@@ -33165,12 +33580,8 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     this.#primeSession();
     this.dispatchEvent(new CustomEvent("assistant-new-conversation"));
   }
-  #resolvedMode() {
-    const configured = this.getAttribute("theme") ?? this.#appearance.theme.defaultMode;
-    return configured === "auto" ? this.#media?.matches ? "dark" : "light" : configured;
-  }
   #applyTheme() {
-    const mode = this.#resolvedMode();
+    const mode = this.#environment.resolvedTheme();
     for (const warning of applyAssistantElementTheme({
       host: this,
       root: this.shadowRoot,
@@ -33193,13 +33604,23 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       updateAssistantAppTheme(app, mode);
     }
   }
+  #applyConfiguration(configuration) {
+    this.#appearance = resolveAppearance(configuration);
+    this.#syncAppearance();
+    this.#applyStartOpenPolicy();
+  }
+  #setPublicConfigurationLoading(loading) {
+    this.toggleAttribute("data-public-configuration-loading", loading);
+    if (loading) this.#presentationGate.syncOpenState();
+    else this.#presentationGate.reveal();
+  }
   #setSessionState(state) {
     this.#sessionState = state;
     syncAssistantSessionVisualState(this, this.shadowRoot, state, this.#appearance);
   }
   #closeAndRestoreFocus() {
     this.close();
-    this.shadowRoot?.querySelector(".launcher")?.focus();
+    this.#launcher.focusTrigger();
   }
   #applyStartOpenPolicy() {
     if (this.#startOpenApplied) return;
@@ -33225,10 +33646,6 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     textarea.placeholder = appearance.labels.composerPlaceholder;
     textarea.setAttribute("aria-label", appearance.labels.composerPlaceholder);
     queryRequired(this.shadowRoot, ".send").textContent = appearance.labels.send;
-    queryRequired(this.shadowRoot, ".launcher").setAttribute(
-      "aria-label",
-      appearance.labels.open
-    );
     queryRequired(this.shadowRoot, ".close").setAttribute(
       "aria-label",
       appearance.labels.close
@@ -33242,11 +33659,11 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       button2.addEventListener("click", () => this.#sendGuarded(prompt));
       prompts.append(button2);
     }
-    queryRequired(this.shadowRoot, ".launcher").hidden = !appearance.behavior.showLauncher;
     queryRequired(this.shadowRoot, "header").hidden = !appearance.behavior.showHeader;
     const legal = queryRequired(this.shadowRoot, ".legal");
     legal.replaceChildren();
     appendLegalLinks(legal, this.#appearance);
+    this.#launcher.sync();
     this.#applyTheme();
   }
   #render() {
@@ -33264,12 +33681,11 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     this.toggleAttribute("mobile-fullscreen", appearance.layout.mobileFullscreen);
     this.shadowRoot.innerHTML = assistantElementMarkup(
       appearance,
-      this.hasAttribute("open"),
       `${ASSISTANT_ELEMENT_STYLES}${presentationStyles}`
     );
     queryRequired(this.shadowRoot, "strong").textContent = appearance.brand.name;
     const logo = queryRequired(this.shadowRoot, ".brand-logo");
-    const logoUrl = appearance.brand.logo[this.#resolvedMode()];
+    const logoUrl = appearance.brand.logo[this.#environment.resolvedTheme()];
     if (logoUrl) {
       logo.src = logoUrl;
       logo.alt = appearance.brand.name;
@@ -33297,12 +33713,9 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     this.#messages = this.shadowRoot.querySelector(".messages") ?? void 0;
     this.#messages?.append(...conversation);
     this.#thinking = this.#messages?.querySelector(".thinking") ?? void 0;
-    this.shadowRoot.querySelector(".launcher")?.addEventListener("click", () => {
-      this.open();
-      this.focusComposer();
-    });
+    this.#launcher.connect(this.shadowRoot);
     this.shadowRoot.querySelector(".close")?.addEventListener("click", () => this.#closeAndRestoreFocus());
-    const form = queryRequired(this.shadowRoot, "form");
+    const form = queryRequired(this.shadowRoot, ".composer");
     form.addEventListener("submit", (event) => {
       event.preventDefault();
       if (this.hasAttribute("busy")) {