@noodleseed/assistant 1.25.1 → 1.26.0

package/dist/{chunk-FJYPE4GC.js → chunk-5PW6PXCI.js}

@@ -2,18 +2,22 @@ import {
   ASSISTANT_APP_VIEW_CSS,
   mountAssistantApp,
   updateAssistantAppTheme
-} from "./chunk-CF2SCDLF.js";
+} from "./chunk-XKTUXFGX.js";
 import {
   AssistantClientError,
   copyAssistantModelContext,
   copyAssistantPageContext,
   createAssistantClient,
+  publicConfigurationUrl,
   sessionSourceKey
-} from "./chunk-7BQHW37I.js";
+} from "./chunk-FNXAVRL5.js";
+import {
+  external_exports
+} from "./chunk-3YYTUJPJ.js";
 
 // 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,
@@ -24,7 +28,7 @@ var common = {
   buttonRadius: 999,
   launcherRadius: 999,
   spacing: 8,
-  backdropBlur: 18,
+  backdropBlur: 6,
   motionScale: 1
 };
 var DEFAULT_APPEARANCE = {
@@ -44,7 +48,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",
@@ -52,7 +56,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,
@@ -67,7 +71,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",
@@ -75,15 +79,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",
@@ -96,11 +100,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",
@@ -134,11 +140,12 @@ var DEFAULT_APPEARANCE = {
   },
   presentation: {
     panel: {
-      surface: "glass",
+      surface: "solid",
       elevation: "soft",
       border: "subtle"
     },
     launcher: {
+      style: "pill",
       icon: "brand-mark",
       size: "md",
       status: "none",
@@ -148,7 +155,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"
 };
@@ -164,7 +175,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)
     },
@@ -175,9 +186,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,
@@ -1199,11 +1218,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");
@@ -3853,19 +3872,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>`;
 }
@@ -3884,6 +3924,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;
@@ -3937,10 +4201,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() {
@@ -3951,6 +4217,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(isHttpsUrl, "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 isHttpsUrl(value) {
+  try {
+    return new URL(value).protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+function isSecureBrowserAssetUrl(value) {
+  try {
+    const url = new URL(value);
+    if (url.protocol === "https:") return true;
+    if (url.protocol !== "http:") return false;
+    return url.hostname === "localhost" || url.hostname === "127.0.0.1" || url.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 || !isRecord2(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 isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
 // src/element-scroll-controller.ts
 var AssistantElementScrollController = class {
   #region;
@@ -4057,44 +4550,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; }
@@ -4107,7 +4625,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; }
@@ -4157,31 +4675,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
@@ -4290,6 +4816,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;
@@ -4302,11 +4829,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",
@@ -4314,7 +4841,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]");
@@ -4327,7 +4854,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;
@@ -4347,18 +4874,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";
@@ -4408,9 +4938,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");
@@ -4437,7 +4970,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;
@@ -4489,11 +5022,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));
@@ -4510,22 +5049,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;
@@ -4553,10 +5096,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));
@@ -4685,7 +5246,6 @@ var NoodleAssistantElement = class extends HTMLElementBase {
   #conversationGeneration = 0;
   #messages;
   #thinking;
-  #media;
   #context;
   #modelContext;
   #pageContext;
@@ -4697,11 +5257,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();
@@ -4711,6 +5277,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;
   }
@@ -4729,11 +5306,7 @@ var NoodleAssistantElement = class extends HTMLElementBase {
       }
       return this.#appendMessage(role, text2);
     },
-    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),
@@ -4749,7 +5322,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 },
@@ -4762,18 +5335,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"));
@@ -4794,22 +5377,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(name) {
     if (name === "theme") this.#applyTheme();
     if (name === "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() {
@@ -4946,17 +5532,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;
@@ -4972,8 +5547,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, ...behavior });
+    }) : createAssistantClient({
+      sessionEndpoint: this.sessionEndpoint,
+      ...this.#fetch ? { fetch: this.#fetch } : {},
+      ...behavior
+    });
     this.#client = client;
     this.#clientEndpoint = key;
     this.#unsubscribeClient = client.subscribe((event) => {
@@ -5002,6 +5582,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();
@@ -5051,10 +5633,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);
     }
@@ -5135,12 +5717,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,
@@ -5163,13 +5741,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;
@@ -5195,10 +5783,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
@@ -5212,11 +5796,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() {
@@ -5234,12 +5818,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;
@@ -5267,12 +5850,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")) {
@@ -5319,4 +5899,4 @@ export {
 dompurify/dist/purify.es.mjs:
   (*! @license DOMPurify 3.4.11 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.11/LICENSE *)
 */
-//# sourceMappingURL=chunk-FJYPE4GC.js.map
+//# sourceMappingURL=chunk-5PW6PXCI.js.map