@noodleseed/assistant 1.26.1 → 1.28.0

package/README.md

@@ -96,7 +96,11 @@ export default server(
         edgeOffset: 20,
       },
       theme: "invert",
-      behavior: { showTimestamps: true, showPoweredBy: false },
+      behavior: {
+        showTimestamps: true,
+        showPoweredBy: false,
+        showConfirmationDetails: false,
+      },
       labels: {
         welcomeHeading: "How can Acme help?",
         welcomeMessage: "Fast answers from the tools your team already uses.",
@@ -160,6 +164,14 @@ The generic prompt chips ship as defaults, while an authored list—including `[
 “Available on ChatGPT” promotion. Partial configuration objects merge with the remaining defaults;
 `presentation.panel.surface: "glass"` remains available when a translucent panel is intentional.
 
+`behavior.showConfirmationDetails` defaults to `true`. Set it to `false` to remove the built-in
+confirmation card's Additional details disclosure and connector mechanics while keeping its title,
+description, schema-projected business fields, Confirm, and Don't proceed controls. The option changes only
+the managed Web Component's presentation: `confirm: true` still suspends execution, the connector still runs
+only after acceptance, and decline/cancel still stop. Public `embedId` and authenticated `sessionEndpoint`
+React mounts both honor the deployed value without a client prop. Headless/BYO renderers keep the unchanged
+`data-confirmation` part and choose their own presentation.
+
 ### Configure and deploy
 
 Configure the model through Noodle managed config, validate, and deploy the assistant-enabled server before
@@ -221,6 +233,17 @@ same assistant to anonymous visitors — a marketing site, docs, or landing page
 capability allowlist, per-surface daily budgets, and a kill switch. `noodle deploy` provisions a stable
 embed id and prints a one-line snippet; the embed id is deliberately not a credential:
 
+```ts
+assistant: embeddedAssistant({
+  model,
+  access: publicWebsite({
+    origins: ["https://www.example.com"],
+    capabilities: [answerProductQuestion],
+  }),
+  behavior: { showConfirmationDetails: false },
+}),
+```
+
 ```html
 <script src="https://cloud.noodleseed.dev/v1/assistant/embed.js"
         data-embed-id="pub_7f2q4k9x" async></script>
@@ -688,7 +711,7 @@ context.
 
 Server branding controls customer name, themed logo/mark/avatar assets, semantic light/dark colors, density,
 radius, typography, and automatic theme. `embeddedAssistant(...)` controls theme selection,
-floating/inline/drawer layout, position and dimensions, mobile and launcher/header/avatar/timestamp/attribution behavior, visible labels, suggested
+floating/inline/drawer layout, position and dimensions, mobile and launcher/header/avatar/timestamp/attribution/confirmation-detail behavior, visible labels, suggested
 prompts, privacy/terms links, locale, and text direction.
 Named slots cover launcher/header/composer/footer extensions. Public methods include `open`, `close`,
 `toggle`, `focusComposer`, `sendMessage`, `stop`, `reconnect`, `updateContext`, `updateModelContext`, `respond`, `confirmTool`, and `resetSession`;

package/dist/{app-view-element-CiFVNIke.d.cts → app-view-element-BjRkwNN1.d.cts}

@@ -1,4 +1,4 @@
-import { A as AssistantClient, a as AssistantViewAvailableDetail, e as AssistantErrorDetail } from './client-BiMRVxjs.cjs';
+import { A as AssistantClient, a as AssistantViewAvailableDetail, e as AssistantErrorDetail } from './client-_xivfs4q.cjs';
 
 declare const APP_VIEW_TAG_NAME = "noodle-app-view";
 interface AssistantAppViewErrorDetail {

package/dist/{app-view-element-C_ATXseu.d.ts → app-view-element-mXHvcAXc.d.ts}

@@ -1,4 +1,4 @@
-import { A as AssistantClient, a as AssistantViewAvailableDetail, e as AssistantErrorDetail } from './client-BheCOERq.js';
+import { A as AssistantClient, a as AssistantViewAvailableDetail, e as AssistantErrorDetail } from './client-CPFw8tfo.js';
 
 declare const APP_VIEW_TAG_NAME = "noodle-app-view";
 interface AssistantAppViewErrorDetail {

package/dist/app-view.d.cts

@@ -1,6 +1,6 @@
-export { A as APP_VIEW_TAG_NAME, a as AssistantAppViewErrorDetail, N as NoodleAppViewElement } from './app-view-element-CiFVNIke.cjs';
-export { A as AssistantClient, a as AssistantViewAvailableDetail } from './client-BiMRVxjs.cjs';
-import './appearance-C24W6BRj.cjs';
+export { A as APP_VIEW_TAG_NAME, a as AssistantAppViewErrorDetail, N as NoodleAppViewElement } from './app-view-element-BjRkwNN1.cjs';
+export { A as AssistantClient, a as AssistantViewAvailableDetail } from './client-_xivfs4q.cjs';
+import './appearance-BpVu3lpk.cjs';
 import 'ai';
 
 /** Register the framework-neutral MCP App host. Safe to call more than once or during SSR. */

package/dist/app-view.d.ts

@@ -1,6 +1,6 @@
-export { A as APP_VIEW_TAG_NAME, a as AssistantAppViewErrorDetail, N as NoodleAppViewElement } from './app-view-element-C_ATXseu.js';
-export { A as AssistantClient, a as AssistantViewAvailableDetail } from './client-BheCOERq.js';
-import './appearance-C24W6BRj.js';
+export { A as APP_VIEW_TAG_NAME, a as AssistantAppViewErrorDetail, N as NoodleAppViewElement } from './app-view-element-mXHvcAXc.js';
+export { A as AssistantClient, a as AssistantViewAvailableDetail } from './client-CPFw8tfo.js';
+import './appearance-BpVu3lpk.js';
 import 'ai';
 
 /** Register the framework-neutral MCP App host. Safe to call more than once or during SSR. */

package/dist/{appearance-C24W6BRj.d.cts → appearance-BpVu3lpk.d.cts}

@@ -98,6 +98,7 @@ interface AssistantUiConfiguration {
         readonly showAvatars?: boolean;
         readonly showTimestamps?: boolean;
         readonly showPoweredBy?: boolean;
+        readonly showConfirmationDetails?: boolean;
     };
     readonly labels?: Partial<AssistantLabels>;
     readonly presentation?: AssistantPresentationConfiguration;

package/dist/{appearance-C24W6BRj.d.ts → appearance-BpVu3lpk.d.ts}

@@ -98,6 +98,7 @@ interface AssistantUiConfiguration {
         readonly showAvatars?: boolean;
         readonly showTimestamps?: boolean;
         readonly showPoweredBy?: boolean;
+        readonly showConfirmationDetails?: boolean;
     };
     readonly labels?: Partial<AssistantLabels>;
     readonly presentation?: AssistantPresentationConfiguration;

package/dist/{chunk-OZVDL77T.js → chunk-QH7PL3GU.js}

@@ -8,12 +8,10 @@ import {
   copyAssistantModelContext,
   copyAssistantPageContext,
   createAssistantClient,
+  parseAssistantConfiguration,
   publicConfigurationUrl,
   sessionSourceKey
-} from "./chunk-FNXAVRL5.js";
-import {
-  external_exports
-} from "./chunk-3YYTUJPJ.js";
+} from "./chunk-WJV4MJUR.js";
 
 // src/appearance.ts
 var common = {
@@ -101,7 +99,8 @@ var DEFAULT_APPEARANCE = {
     showHeader: true,
     showAvatars: true,
     showTimestamps: false,
-    showPoweredBy: true
+    showPoweredBy: true,
+    showConfirmationDetails: true
   },
   labels: {
     welcomeHeading: "",
@@ -744,7 +743,7 @@ function createInteractionCard(options) {
     if (Object.keys(businessArguments).length > 0) {
       card.append(createArgumentList(businessArguments, options.reviewSchema, options.labels));
     }
-    if (action !== void 0) {
+    if (action !== void 0 && options.showDetails !== false) {
       const technical = document.createElement("details");
       technical.className = "proposal-details";
       const summary = document.createElement("summary");
@@ -826,7 +825,7 @@ function createArgumentList(arguments_, schema, labels) {
   return list;
 }
 function appendValue(parent, value, schema, labels) {
-  if (value === "[REDACTED]") {
+  if (schema?.writeOnly === true || schema?.["x-sensitive"] === true || value === "[REDACTED]") {
     const hidden = document.createElement("span");
     hidden.className = "proposal-redacted";
     hidden.textContent = labels.redacted;
@@ -3747,6 +3746,7 @@ var AssistantElementEventController = class {
       ...description ? { description } : {},
       ...arguments_ ? { arguments: arguments_ } : {},
       ...reviewSchema ? { reviewSchema } : {},
+      showDetails: this.#host.showConfirmationDetails(),
       labels: {
         heading: labels.confirmationHeading,
         accept: labels.confirm,
@@ -4016,12 +4016,14 @@ var AssistantElementHostEnvironmentController = class {
 };
 
 // src/element-launcher-controller.ts
+var COLLAPSED_LAUNCHER_WIDTH_PROPERTY = "--_ns-assistant-launcher-collapsed-width";
 var AssistantElementLauncherController = class {
   #host;
   #appearance;
   #openPanel;
   #sendMessage;
   #root;
+  #measurementFrame;
   constructor(options) {
     this.#host = options.host;
     this.#appearance = options.appearance;
@@ -4052,6 +4054,8 @@ var AssistantElementLauncherController = class {
   }
   disconnect() {
     document.removeEventListener("pointerdown", this.#handleDocumentPointerDown);
+    this.#cancelWidthMeasurement();
+    this.#host.style.removeProperty(COLLAPSED_LAUNCHER_WIDTH_PROPERTY);
     this.#root = void 0;
   }
   sync() {
@@ -4073,7 +4077,13 @@ var AssistantElementLauncherController = class {
     );
     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);
+    if (style === "bubble" || this.#host.hasAttribute("open")) {
+      this.#cancelWidthMeasurement();
+      this.#host.style.removeProperty(COLLAPSED_LAUNCHER_WIDTH_PROPERTY);
+      this.collapse(true);
+      return;
+    }
+    if (!this.#host.hasAttribute("launcher-expanded")) this.#scheduleWidthMeasurement();
   }
   collapse(force = false) {
     const root = this.#root;
@@ -4094,6 +4104,9 @@ var AssistantElementLauncherController = class {
   #expand() {
     const root = this.#root;
     if (!root || this.#appearance().presentation.launcher.style === "bubble") return;
+    this.#cancelWidthMeasurement();
+    this.#measureCollapsedWidth();
+    void queryRequired(root, ".launcher").offsetWidth;
     this.#host.setAttribute("launcher-expanded", "");
     const form = queryRequired(root, ".launcher-form");
     const trigger = queryRequired(root, ".launcher-trigger");
@@ -4105,6 +4118,31 @@ var AssistantElementLauncherController = class {
       if (this.#host.hasAttribute("launcher-expanded")) input.focus();
     });
   }
+  #scheduleWidthMeasurement() {
+    this.#cancelWidthMeasurement();
+    this.#host.style.removeProperty(COLLAPSED_LAUNCHER_WIDTH_PROPERTY);
+    this.#measurementFrame = requestAnimationFrame(() => {
+      this.#measurementFrame = void 0;
+      this.#measureCollapsedWidth();
+    });
+  }
+  #cancelWidthMeasurement() {
+    if (this.#measurementFrame === void 0) return;
+    cancelAnimationFrame(this.#measurementFrame);
+    this.#measurementFrame = void 0;
+  }
+  #measureCollapsedWidth() {
+    const root = this.#root;
+    if (!root || this.#host.hasAttribute("launcher-expanded") || this.#appearance().presentation.launcher.style === "bubble") {
+      return;
+    }
+    const launcher = queryRequired(root, ".launcher");
+    this.#host.style.removeProperty(COLLAPSED_LAUNCHER_WIDTH_PROPERTY);
+    const collapsedWidth = launcher.offsetWidth;
+    if (collapsedWidth > 0) {
+      this.#host.style.setProperty(COLLAPSED_LAUNCHER_WIDTH_PROPERTY, `${collapsedWidth}px`);
+    }
+  }
   #handleTrigger = () => {
     if (this.#appearance().presentation.launcher.style === "bubble") {
       this.#openPanel();
@@ -4144,7 +4182,7 @@ var AssistantElementLauncherController = class {
   };
   #handleDocumentPointerDown = (event) => {
     if (event.composedPath().includes(this.#host)) return;
-    this.collapse();
+    this.collapse(true);
   };
 };
 
@@ -4217,177 +4255,6 @@ var AssistantElementPresentationGate = class {
   }
 };
 
-// src/assistant-configuration-schema.ts
-var hexColorSchema = external_exports.string().regex(/^#[0-9A-Fa-f]{6}$/);
-var resolvedBorderColorSchema = external_exports.union([
-  hexColorSchema,
-  external_exports.string().max(64).refine(isBoundedRgbaColor, "must be a six-digit hex or bounded rgba color")
-]);
-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: resolvedBorderColorSchema.optional(),
-  borderStrong: resolvedBorderColorSchema.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;
-  }
-}
-function isBoundedRgbaColor(value) {
-  const match = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0(?:\.\d{1,6})?|1(?:\.0{1,6})?)\s*\)$/.exec(
-    value
-  );
-  if (match === null) return false;
-  return match.slice(1, 4).every((channel) => Number(channel) <= 255);
-}
-
 // src/element-public-configuration-controller.ts
 var AssistantElementPublicConfigurationController = class {
   #source;
@@ -4567,12 +4434,12 @@ var ASSISTANT_ELEMENT_STYLES = `<style>
   :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: 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; }
+  .launcher { display: flex; align-items: center; justify-content: center; gap: 12px; width: var(--_ns-assistant-launcher-collapsed-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; will-change: width; }
   :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-trigger { display: flex; align-items: center; gap: 12px; min-height: 28px; color: var(--ns-assistant-launcher-text, var(--ns-assistant-text, var(--ns-assistant-default-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)); }
@@ -5111,19 +4978,11 @@ var presentationStyles = `<style>
     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;
+    transition: width .5s cubic-bezier(.25,1,.5,1), height .5s cubic-bezier(.25,1,.5,1);
   }
   :host([data-launcher-style="bubble"]) .launcher-glyph:is(img) {
     width: 32px;
     height: 32px;
-    filter: none;
-    opacity: 1;
   }
   .launcher-status {
     position: absolute;
@@ -5319,6 +5178,7 @@ var NoodleAssistantElement = class extends HTMLElementBase {
     },
     applyConfiguration: (configuration) => this.#applyConfiguration(configuration),
     labels: () => this.#appearance.labels,
+    showConfirmationDetails: () => this.#appearance.behavior.showConfirmationDetails,
     respond: (id, response) => this.respond(id, response),
     dispatchError: (detail) => this.#dispatchError(detail),
     revealLatest: () => this.#revealLatest(),
@@ -5910,4 +5770,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-OZVDL77T.js.map
+//# sourceMappingURL=chunk-QH7PL3GU.js.map