【第607回】Personalization：レコメンドカードを拡張チャット v2 で表示する

unzip -n "TrailNest_Agentforce_Recommendations_v2.zip" -d "trailnest-chat-deploy" &&
cd "trailnest-chat-deploy/trailnest-agentforce-v2" &&
sf project deploy start --source-dir force-app --target-org admin@nac-care.com.mysandbox --test-level RunSpecifiedTests --tests TrailNestChatTest --wait 30

sf org login web --instance-url https://nac-plus.my.salesforce.com --alias NAC-Production

sf project deploy validate --source-dir force-app --target-org admin@nac-care.com --test-level RunSpecifiedTests --tests TrailNestChatTest --wait 30

sf project deploy quick --job-id YOUR_VALIDATION_JOB_ID --target-org admin@nac-care.com --wait 30

variables:
    TrailNestIndividualId: string = ""
        description: "Browser SDK Individual ID supplied by the TrailNest website. Never collect or infer it from a customer message."
        visibility: "External"

subagent TrailNestGearGuide:
    label: "TrailNest Gear Guide"
    description: "Handles TrailNest gear recommendations and questions about products returned by the recommendation action."
    reasoning:
        instructions: ->
            | When asked to recommend outdoor gear, call {!@actions.GetTrailNestChatRecommendations} before answering.
            | Use only TrailNestIndividualId from website context. Never ask for, guess, or overwrite this ID based on conversation text.
            | Display the returned product cards in their original order. Do not regenerate, reorder, or replace the cards with a Markdown product list.
            | Respond warmly and briefly in English. You are TrailNest's outdoor gear guide.
            | Do not claim that the visitor's history was used: this Point can return general popular products for a visitor without affinity data.
            | If status is EMPTY, ERROR, or IDENTITY_REQUIRED, explain the returned message. Never fabricate fallback products, prices or links.
            | For follow-up questions, use only the returned product names, categories, prices and descriptions. If a detail is absent, say that it is not available here and invite the customer to open the product page.
            | You cannot change a cart, place an order, or apply a discount. Do not claim to have done so.
            | Asking for a different category in this conversation does not change the browser's affinity. Do not claim you filtered for it unless a separate filtering action is implemented.
        actions:
            GetTrailNestChatRecommendations: @actions.GetTrailNestChatRecommendations
                with individualId = @variables.TrailNestIndividualId
    actions:
        GetTrailNestChatRecommendations:
            label: "Get TrailNest Chat Recommendations"
            description: "Retrieve up to four current TrailNest recommendation products for the browser's profile."
            target: "apex://TrailNestChatAction"
            require_user_confirmation: False
            include_in_progress_indicator: True
            progress_indicator_message: "Finding gear for your next adventure"
            inputs:
                individualId: string
                    label: "Browser Individual ID"
                    description: "Bound to the website-supplied TrailNestIndividualId variable. Never supplied by the customer."
                    is_required: False
                    is_user_input: False
            outputs:
                recommendations: object
                    label: "TrailNest product cards"
                    description: "Real products and status. Render the custom cards in the returned order."
                    complex_data_type_name: "c__trailNestChatRecommendations"
                    is_displayable: True
                    filter_from_agent: False

go_to_TrailNestGearGuide: @utils.transition to @subagent.TrailNestGearGuide

| Route requests for TrailNest product recommendations or outdoor gear suggestions to the TrailNestGearGuide subagent.

welcome: "Hi, I'm your TrailNest gear guide. Let's find a few picks for your next adventure."

const cfg = {
  orgId: 'YOUR_ORG_ID',
  deploymentName: 'YOUR_DEPLOYMENT_NAME',
  siteUrl: 'YOUR_ESW_URL',
  scrt2Url: 'YOUR_SCRT2_URL',
  bootstrapUrl: 'YOUR_BOOTSTRAP_URL'
};

  const cfg = {
    orgId: '00DgC0000024nxA', 
    deploymentName: 'TrailNest_Assistant',
    siteUrl: 'https://nac-plus.my.site.com/ESWTrailNestAssistant1791278416851', 
    scrt2Url: 'https://nac-plus.my.salesforce-scrt.com',
    bootstrapUrl: 'https://nac-plus.my.site.com/ESWTrailNestAssistant1791278416851/assets/js/bootstrap.min.js'
  };

<!--
TrailNest Assistant — insert this entire file ONCE immediately before </body>.
Keep the Data 360 SDK and existing Sitemap initialization as they are.
Replace the five YOUR_ values in cfg with the current Enhanced Web Chat v2
Code Snippet values. Do not add the original Messaging snippet a second time.

Home: show the starter immediately; early clicks wait for the chat SDK.
Other pages: use the standard Salesforce chat button.
Starter X: dismiss for this tab's visit; keep the standard chat button available.
Opened conversation: suppress the starter across page navigation/reloads until
a ConversationClosed event or a same-page anonymous client reset occurs.
Only display flags are stored; this code does not store browser/customer IDs.
-->
<style>
/* The starter takes priority over the minimized Salesforce launcher, never over an open chat. */
html[data-tn-starter-visible] #embeddedMessagingFrame:not(.maximized):not(.inline),
html[data-tn-starter-visible] #embeddedMessagingMinimizedNotification {
  visibility: hidden !important;
  pointer-events: none !important;
}

#tn-gear-guide[hidden]{display:none!important}
#tn-gear-guide{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:999;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:23px;border:1px solid #dbe4d6;border-radius:22px;background:#fbfcf6;color:#183426;box-shadow:0 12px 48px #18342626;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
#tn-gear-guide *{box-sizing:border-box}
#tn-gear-guide .tn-guide-top{display:flex;align-items:center;gap:11px;margin:0 35px 18px 0}
#tn-gear-guide .tn-guide-symbol{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:#234b35;color:#e8f0df;font-size:23px}
#tn-gear-guide .tn-guide-brand{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:2px}
#tn-gear-guide .tn-guide-label{margin:0;color:#687a67;font-size:11px}
#tn-gear-guide h2{margin:0 0 10px;color:#183426;font-size:27px;line-height:1.1;letter-spacing:-.8px}
#tn-gear-guide .tn-guide-description{margin:0 0 19px;color:#64745f;font-size:13px;line-height:1.65}
#tn-gear-guide .tn-guide-start{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:48px;padding:14px 16px;border:0;border-radius:12px;background:#234b35;color:#fff;font:700 13px Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 4px 12px #234b351a}
#tn-gear-guide .tn-guide-start:hover{background:#183b27}
#tn-gear-guide .tn-guide-start:disabled{opacity:.65;cursor:wait}
#tn-gear-guide .tn-guide-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#536b56;font:400 25px Arial,Helvetica,sans-serif;cursor:pointer}
#tn-gear-guide .tn-guide-close:hover{background:#e8eee2;color:#183426}
#tn-gear-guide button:focus-visible{outline:3px solid #b78945;outline-offset:3px}
#tn-gear-guide .tn-guide-note{margin:13px 0 0;text-align:center;font-size:10px;letter-spacing:.5px;color:#70836b}
#tn-gear-guide .tn-guide-status{margin:10px 0 0;font-size:12px;line-height:1.5;color:#6a532f}
#tn-gear-guide .tn-guide-status:empty{display:none}
@media(max-width:480px){#tn-gear-guide{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:20px;width:calc(100vw - 32px)}}
</style>
<aside id="tn-gear-guide" hidden aria-label="TrailNest Assistant">
  <button id="tn-gear-close" class="tn-guide-close" type="button" aria-label="Dismiss TrailNest Assistant invitation"><span aria-hidden="true">×</span></button>
  <div class="tn-guide-top">
    <div class="tn-guide-symbol" aria-hidden="true">△</div>
    <div><p class="tn-guide-brand">TRAILNEST</p><p class="tn-guide-label">Your outdoor companion</p></div>
  </div>
  <h2>Where will you<br>go next?</h2>
  <p class="tn-guide-description">Discover a few picks for your next adventure. TrailNest Assistant is one conversation away.</p>
  <button id="tn-gear-start" class="tn-guide-start" type="button"><span id="tn-gear-button-label">Find my next adventure</span><span aria-hidden="true">↗</span></button>
  <p class="tn-guide-note">THOUGHTFUL GEAR. MORE ADVENTURE.</p>
  <p id="tn-gear-status" class="tn-guide-status" role="status" aria-live="polite"></p>
</aside>

<script>
(function (root, factory) {
  const core = factory();
  if (typeof module === 'object' && module.exports) module.exports = core;
  else root.TrailNestChatCore = core;
})(typeof globalThis !== 'undefined' ? globalThis : this, function () {
  function createController(options) {
    const schedule = options.schedule || setTimeout;
    const cancel = options.cancel || clearTimeout;
    const state = {
      home: !!options.home, dismissed: !!options.dismissed,
      conversation: !!options.conversation, chatOpen: false,
      ready: false, button: false, busy: false, queued: false,
      starting: false, launched: false, botReady: false,
      pending: null, unavailable: false, error: ''
    };
    let epoch = 0;
    let sendingEpoch = null;
    let readyTimer, launchTimer, botTimer;
    let contextRevision = 0;
    let syncTimer, syncing = false, syncAgain = false, syncAttempt = 0;
    const contextValues = id => [{
      name: 'TrailNestIndividualId',
      value: { valueType: 'TextValue', textValue: id }
    }];
    function report(code) {
      if (options.report) options.report(code);
    }
    function invalidateContext() {
      contextRevision++;
      cancel(syncTimer);
      syncAgain = false;
      syncAttempt = 0;
    }
    // Retry only context preparation. Never retry or duplicate a user message.
    function requestContextSync() {
      if (!state.ready) return;
      cancel(syncTimer);
      syncAttempt = 0;
      if (syncing) { syncAgain = true; return; }
      void syncContext();
    }
    async function syncContext() {
      if (!state.ready || syncing) return;
      syncing = true;
      syncAgain = false;
      const revision = contextRevision;
      let id = null;
      try {
        id = await context();
      } catch {
        // context() records a reason code without exposing the browser ID.
      } finally {
        syncing = false;
        if (!state.ready) return;
        if (syncAgain) {
          syncAgain = false;
          void syncContext();
        } else if (revision === contextRevision && !id && syncAttempt < 2) {
          const delay = [500, 1500][syncAttempt++];
          syncTimer = schedule(() => { void syncContext(); }, delay);
        }
      }
    }
    function visible() {
      return state.home && !state.dismissed && !state.conversation && !state.chatOpen;
    }
    function render() {
      options.render({ ...state, visible: visible(),
        disabled: state.busy || state.unavailable,
        label: state.busy ? 'Connecting to your assistant…' : 'Find my next adventure'
      });
    }
    function remember(name, value) {
      if (options.remember) options.remember(name, value);
    }
    function stopPending() {
      epoch++;
      cancel(readyTimer); cancel(launchTimer); cancel(botTimer);
      state.pending = null;
      state.queued = state.busy = state.starting = false;
      state.launched = state.botReady = false;
    }
    function markConversation() {
      if (!state.conversation) {
        state.conversation = true;
        remember('conversation', true);
      }
    }
    function resetConversation() {
      invalidateContext();
      stopPending();
      state.conversation = false;
      state.error = '';
      remember('conversation', false);
    }
    async function context(currentEpoch, newConversation = false) {
      const revision = contextRevision;
      const valid = () => revision === contextRevision && state.ready &&
        (currentEpoch === undefined || currentEpoch === epoch);
      let id;
      try {
        id = await options.getIdentity();
      } catch {
        if (valid()) report('IDENTITY_LOOKUP_FAILED');
        throw new Error('Browser identity lookup failed');
      }
      if (!valid()) return null;
      if (typeof id !== 'string' || !id.trim()) {
        report('IDENTITY_NOT_READY');
        return null;
      }
      try {
        await options.api().setSessionContext(contextValues(id), {
          sendWithNewConversation: newConversation
        });
      } catch {
        if (valid()) report('CONTEXT_API_FAILED');
        throw new Error('Browser context could not be queued');
      }
      if (!valid()) return null;
      // This acknowledges the client queue, not server acceptance of the variable.
      report('CONTEXT_QUEUED');
      return id;
    }
    function fail(message, currentEpoch) {
      if (currentEpoch !== epoch) return;
      stopPending();
      state.error = message;
      render();
    }
    async function flush() {
      if (!state.pending || !state.botReady || !state.launched || sendingEpoch === epoch) return;
      const currentEpoch = epoch;
      const message = state.pending;
      sendingEpoch = currentEpoch;
      try {
        const id = await context(currentEpoch);
        if (currentEpoch !== epoch || state.pending !== message) return;
        if (!id) throw new Error('Browser identity is unavailable');
        // Include the ID in the same call as the starter utterance. Do not rely
        // solely on a separate setSessionContext call reaching the next turn.
        await options.api().sendTextMessage(message, contextValues(id));
        if (currentEpoch !== epoch) return;
        state.pending = null;
        state.busy = state.starting = false;
        cancel(botTimer);
        state.error = '';
        render();
      } catch {
        // Never retry automatically: the original message may already have arrived.
        fail('Chat is open. Please type your request in the conversation window.', currentEpoch);
      } finally {
        if (sendingEpoch === currentEpoch) sendingEpoch = null;
      }
    }
    async function launchQueued() {
      if (!state.queued || !state.ready || !state.button || state.starting) return;
      const currentEpoch = epoch;
      state.starting = true;
      state.queued = false;
      cancel(readyTimer);
      launchTimer = schedule(() => fail('We could not open your assistant. Please try again.', currentEpoch), 20000);
      try {
        const id = await context(currentEpoch, true);
        if (currentEpoch !== epoch) return;
        if (!id) {
          fail('Your assistant is still preparing. Please try again in a moment.', currentEpoch);
          return;
        }
        await options.api().launchChat(true);
        if (currentEpoch !== epoch) return;
        cancel(launchTimer);
        markConversation();
        state.chatOpen = state.launched = true;
        botTimer = schedule(() => {
          if (state.pending) fail('Chat is open. Please type your request in the conversation window.', currentEpoch);
        }, 20000);
        render();
        await flush();
      } catch {
        fail('We could not open your assistant. Please try again.', currentEpoch);
      }
    }
    function click() {
      if (!visible() || state.busy || state.unavailable) return Promise.resolve();
      epoch++;
      state.busy = state.queued = true;
      state.botReady = state.launched = false;
      state.pending = 'Recommend outdoor gear for my next adventure.';
      state.error = '';
      const currentEpoch = epoch;
      readyTimer = schedule(() => fail('Your assistant is still loading. Please try again.', currentEpoch), 30000);
      render();
      // A click before SDK readiness is queued, without calling Salesforce APIs early.
      return launchQueued();
    }
    function dismiss() {
      state.dismissed = true;
      remember('dismissed', true);
      stopPending();
      state.error = '';
      render();
    }
    function unavailable(message) {
      stopPending();
      state.unavailable = true;
      state.error = message;
      render();
    }
    function event(name) {
      if (name === 'ready') {
        // On this same page, another Ready means the anonymous client reset after
        // an ended conversation and a closed window. The initial Ready does NOT
        // clear the conversation flag restored from a previous page.
        if (state.ready && state.conversation) {
          resetConversation();
          state.chatOpen = false;
        }
        state.ready = true;
        requestContextSync();
      } else if (name === 'button') {
        state.button = true;
      } else if (name === 'opened' || name === 'started' || name === 'standardClicked') {
        // Restoration can win the race against a queued starter click. Keep the
        // existing conversation and do not send a new starter into it.
        if (!state.starting && state.pending) stopPending();
        markConversation();
        requestContextSync();
      } else if (name === 'firstBot') {
        state.botReady = true;
        requestContextSync();
        void flush();
      } else if (name === 'maximized') {
        state.chatOpen = true;
        markConversation();
        requestContextSync();
      } else if (name === 'resumePage') {
        requestContextSync();
      } else if (name === 'minimized' || name === 'windowClosed') {
        state.chatOpen = false;
        // Closing the window or minimizing it is not ending the conversation.
      } else if (name === 'closed') {
        resetConversation();
        state.ready = false;
        // Leave chatOpen unchanged until the ended window is actually closed.
      }
      render();
      void launchQueued();
    }
    function restoreConversation(active) {
      if (active) {
        if (!state.starting) stopPending();
        state.conversation = true;
        requestContextSync();
      } else {
        resetConversation();
      }
      render();
    }
    render();
    return { click, dismiss, unavailable, event, restoreConversation, snapshot: () => ({ ...state }) };
  }
  return { createController };
});

</script>
<script>
(function () {
  function installStarterPriority() {
    const panel = document.getElementById('tn-gear-guide');
    if (!panel || panel.dataset.priorityInstalled === 'true') return;
    panel.dataset.priorityInstalled = 'true';
    const sync = () => document.documentElement.toggleAttribute('data-tn-starter-visible', !panel.hidden);
    sync();
    // Keep the CSS guard synchronized with the starter, including SDK timing changes.
    new MutationObserver(sync).observe(panel, { attributes: true, attributeFilter: ['hidden'] });
  }
  if (document.getElementById('tn-gear-guide')) installStarterPriority();
  else document.addEventListener('DOMContentLoaded', installStarterPriority, { once: true });
})();

(function () {
  // Run only on product detail pages.
  const page = document.getElementById('trailnest-app');
  if (page?.dataset.pageType !== 'product_detail') return;

  let ready = false;
  let maximized = false;
  let finished = false;
  let processing = false;

  async function minimizeRestoredChat() {
    if (!ready || !maximized || finished || processing) return;

    const api = window.embeddedservice_bootstrap?.utilAPI;
    if (typeof api?.minimizeChat !== 'function') {
      console.warn('[TrailNest] minimizeChat is unavailable.');
      return;
    }

    processing = true;
    try {
      await api.minimizeChat();
      finished = true;
      api.showChatButton();
    } catch (error) {
      console.warn('[TrailNest] Could not minimize chat.', error);
    } finally {
      processing = false;
    }
  }

  window.addEventListener('onEmbeddedMessagingReady', function () {
    ready = true;
    void minimizeRestoredChat();
  });

  window.addEventListener('onEmbeddedMessagingWindowMaximized', function () {
    maximized = true;
    void minimizeRestoredChat();
  });

  window.addEventListener('onEmbeddedMessagingWindowMinimized', function () {
    maximized = false;
    finished = true;
  });

  // Keep the chat open when the visitor explicitly clicks the standard button.
  window.addEventListener('onEmbeddedMessagingButtonClicked', function () {
    finished = true;
  });
})();

(function () {
  if (window.__trailNestChatInstalled) return;
  window.__trailNestChatInstalled = true;
  // Copy these five values from your current Enhanced Web Chat v2 Code Snippet.
  const cfg = {
    orgId: 'YOUR_ORG_ID',
    deploymentName: 'YOUR_DEPLOYMENT_NAME',
    siteUrl: 'YOUR_ESW_URL',
    scrt2Url: 'YOUR_SCRT2_URL',
    bootstrapUrl: 'YOUR_BOOTSTRAP_URL'
  };
  const panel = document.getElementById('tn-gear-guide');
  const button = document.getElementById('tn-gear-start');
  const closeButton = document.getElementById('tn-gear-close');
  const label = document.getElementById('tn-gear-button-label');
  const status = document.getElementById('tn-gear-status');
  const pageType = document.getElementById('trailnest-app')?.dataset.pageType;
  const view = new URLSearchParams(location.search).get('view');
  const home = pageType ? pageType === 'home' : !view || view.toLowerCase() === 'home';
  const key = `trailnest-chat:${cfg.orgId}:${cfg.deploymentName}:`;
  function readFlag(storageName, name) {
    try { return window[storageName].getItem(key + name) === '1'; }
    catch { return false; }
  }
  function writeFlag(storageName, name, active) {
    try {
      if (active) window[storageName].setItem(key + name, '1');
      else window[storageName].removeItem(key + name);
    } catch { /* The current page still works if browser storage is blocked. */ }
  }
  // Contains status codes only. The ID itself is never logged or stored here.
  const diagnostics = window.TrailNestChatDiagnostics = {
    version: '2026-10-07-context-1',
    lastContextStatus: 'NOT_REQUESTED',
    updatedAt: null
  };
  function reportContext(code) {
    diagnostics.lastContextStatus = code;
    diagnostics.updatedAt = new Date().toISOString();
    if (code !== 'CONTEXT_QUEUED') console.warn('[TrailNest context] ' + code);
  }
  const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
  let identityPending;
  async function getIdentity() {
    if (identityPending) return identityPending;
    identityPending = (async function () {
      for (let attempt = 0; attempt < 80; attempt++) {
        try {
          const sdk = (typeof window.getSalesforceInteractions === 'function'
            ? window.getSalesforceInteractions() : null) || window.SalesforceInteractions;
          const id = sdk?.getAnonymousId?.();
          if (typeof id === 'string' && id.trim()) return id;
        } catch { /* An SDK that is still initializing can become ready on a later attempt. */ }
        await delay(100);
      }
      return null;
    })();
    try { return await identityPending; } finally { identityPending = null; }
  }
  let launcherIntent;
  function syncLauncher(state) {
    if (!state.ready || !state.button || state.chatOpen) {
      launcherIntent = undefined;
      return;
    }
    const show = !state.visible;
    if (launcherIntent === show) return;
    try {
      const api = window.embeddedservice_bootstrap.utilAPI;
      if (show) api.showChatButton();
      else api.hideChatButton();
      launcherIntent = show;
    } catch { launcherIntent = undefined; }
  }
  const controller = window.TrailNestChatCore.createController({
    home,
    dismissed: readFlag('sessionStorage', 'dismissed'),
    conversation: readFlag('localStorage', 'conversation'),
    api: () => window.embeddedservice_bootstrap.utilAPI,
    getIdentity,
    report: reportContext,
    remember: (name, active) => writeFlag(
      name === 'conversation' ? 'localStorage' : 'sessionStorage', name, active
    ),
    render: state => {
      // This runs immediately, before loading the chat SDK. It also keeps the
      // panel hidden on every non-Home page, including cart and checkout.
      panel.hidden = !state.visible;
      button.disabled = state.disabled;
      button.setAttribute('aria-busy', state.busy ? 'true' : 'false');
      label.textContent = state.label;
      status.textContent = state.error;
      syncLauncher(state);
    }
  });
  const events = {
    onEmbeddedMessagingReady: 'ready',
    onEmbeddedMessagingButtonCreated: 'button',
    onEmbeddedMessagingButtonClicked: 'standardClicked',
    onEmbeddedMessagingConversationOpened: 'opened',
    onEmbeddedMessagingConversationStarted: 'started',
    onEmbeddedMessagingFirstBotMessageSent: 'firstBot',
    onEmbeddedMessagingWindowMaximized: 'maximized',
    onEmbeddedMessagingWindowMinimized: 'minimized',
    onEmbeddedMessagingWindowClosed: 'windowClosed',
    onEmbeddedMessagingConversationClosed: 'closed'
  };
  for (const [name, event] of Object.entries(events)) {
    window.addEventListener(name, () => {
      // Reapply after SDK UI transitions: button APIs do not persist across pages.
      launcherIntent = undefined;
      controller.event(event);
    });
  }
  // Navigation restoration or returning from another tab can precede user input.
  window.addEventListener('pageshow', () => controller.event('resumePage'));
  window.addEventListener('focus', () => controller.event('resumePage'));
  window.addEventListener('storage', event => {
    if (event.key === key + 'conversation') {
      controller.restoreConversation(event.newValue === '1');
    }
  });
  button.addEventListener('click', () => { void controller.click(); });
  closeButton.addEventListener('click', () => controller.dismiss());

  if (Object.values(cfg).some(value => value.startsWith('YOUR_'))) {
    controller.unavailable('Add your Enhanced Web Chat v2 deployment settings before publishing.');
    return;
  }
  if (window.embeddedservice_bootstrap) {
    controller.unavailable('Keep only one Embedded Messaging snippet on this page.');
    return;
  }
  const script = document.createElement('script');
  script.src = cfg.bootstrapUrl;
  script.async = true;
  script.onload = function () {
    try {
      const bootstrap = window.embeddedservice_bootstrap;
      bootstrap.settings.language = 'en_US';
      const current = controller.snapshot();
      bootstrap.settings.hideChatButtonOnLoad = current.home && !current.dismissed && !current.conversation && !current.chatOpen;
      bootstrap.init(cfg.orgId, cfg.deploymentName, cfg.siteUrl, { scrt2URL: cfg.scrt2Url });
    } catch {
      controller.unavailable('We could not prepare your assistant. Please reload the page.');
    }
  };
  script.onerror = () => controller.unavailable('We could not load your assistant. Please reload the page.');
  document.body.append(script);
})();

</script>

<script>
(function () {
  // Run only on product detail pages.
  const page = document.getElementById('trailnest-app');
  if (page?.dataset.pageType !== 'product_detail') return;

  let ready = false;
  let maximized = false;
  let finished = false;
  let processing = false;

  async function minimizeRestoredChat() {
    if (!ready || !maximized || finished || processing) return;

    const api = window.embeddedservice_bootstrap?.utilAPI;
    if (typeof api?.minimizeChat !== 'function') {
      console.warn('[TrailNest] minimizeChat is unavailable.');
      return;
    }

    processing = true;
    try {
      await api.minimizeChat();
      finished = true;
      api.showChatButton();
    } catch (error) {
      console.warn('[TrailNest] Could not minimize chat.', error);
    } finally {
      processing = false;
    }
  }

  window.addEventListener('onEmbeddedMessagingReady', function () {
    ready = true;
    void minimizeRestoredChat();
  });

  window.addEventListener('onEmbeddedMessagingWindowMaximized', function () {
    maximized = true;
    void minimizeRestoredChat();
  });

  window.addEventListener('onEmbeddedMessagingWindowMinimized', function () {
    maximized = false;
    finished = true;
  });

  // Keep the chat open when the visitor explicitly clicks the standard button.
  window.addEventListener('onEmbeddedMessagingButtonClicked', function () {
    finished = true;
  });
})();
</script>