@planningcenter/topbar 12.2.0 → 12.2.1-qa-868.0

package/dist/topbar.css

@@ -68,6 +68,26 @@ Caused by products overriding .topbar-wrap’s z-index.
 :root[data-app-context=native] {
   --toolbar-navbar-height: 0;
 }
+:root[data-app-context=native],
+:root[data-app-context=native] body {
+  height: auto;
+  min-height: 100vh;
+}
+:root[data-app-context=native] .page-wrap,
+:root[data-app-context=native] .product-wrap {
+  height: auto;
+  overflow: visible;
+}
+:root[data-app-context=native] .top-wrap,
+:root[data-app-context=native] .page-wrap,
+:root[data-app-context=native] .product-wrap,
+:root[data-app-context=native] .toolbar-wrap {
+  min-width: 0;
+}
+
+:root[data-app-context=native] * {
+  -webkit-overflow-scrolling: auto !important;
+}
 
 :root[data-app-context=native] .topbar-wrap {
   display: none;
@@ -79,6 +99,7 @@ Caused by products overriding .topbar-wrap’s z-index.
 
 :root[data-app-context=native] .content-wrap {
   padding-bottom: var(--app-content-inset-bottom, unset);
+  overflow: visible;
 }
 
 :root[data-app-context=native] .content-scroll footer[role=contentinfo] {
@@ -940,8 +961,10 @@ Caused by products overriding .topbar-wrap’s z-index.
   height: 100%;
 }
 
-.iconWand-yEhh4 {
+.iconSparkle-t0OzK {
   position: relative;
+  width: 19.5px;
+  height: 18px;
   color: #fff;
 }
 

package/dist/topbar.css.map

@@ -1 +1 @@
-{"version":3,"sources":["topbar.scss","styles.module.css","unbutton.module.css","apps_button.module.scss","apps_menu.module.css","popup.module.css","user_menu.module.css","avatar.module.css","drawer.module.css","indicator_dot.module.css","color_mode_switcher.module.scss","AskAIBanner.module.css"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n  --topbar-height: 56px;\n  --topbar-slight-transition: 120ms ease-in;\n  --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n  --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n  --topbar-scrollbar-width: thin;\n  --topbar-nav-link-font-size: var(--t-font-size-sm);\n  --topbar-nav-link-font-color: var(--t-text-color-headline);\n  --topbar-nav-link-height: var(--t-container-size-md);\n  --topbar-nav-link-background-color: transparent;\n  --topbar-nav-link-padding-x: 12px;\n  --topbar-nav-link-border-color: transparent;\n  --topbar-nav-link-border-radius: 999px;\n  --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n  --toolbar-width: 64px;\n  --toolbar-inner-width: 48px;\n  --toolbar-drawer-width: 360px;\n  --toolbar-navbar-height: 56px;\n  --content-wrap-border-color: hsla(0, 0%, 0%, 0.08);\n  --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n  :root {\n    --topbar-height: 64px;\n    --content-wrap-shadow-dimensions: 0 0 0 1px;\n  }\n}\n:root[data-color-mode=dark] {\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n  --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root[data-color-mode=system] {\n    --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n    --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n    --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n    --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n  }\n}\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n.page-wrap:has(div[class^=appmenu-layer][style*=\"display: block\"]) .topbar-wrap {\n  z-index: initial !important;\n}\n\n.hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n\n:root[data-app-context=native] {\n  --toolbar-navbar-height: 0;\n}\n\n:root[data-app-context=native] .topbar-wrap {\n  display: none;\n}\n\n:root[data-app-context=native] .toolbar-wrap {\n  overflow: hidden;\n}\n\n:root[data-app-context=native] .content-wrap {\n  padding-bottom: var(--app-content-inset-bottom, unset);\n}\n\n:root[data-app-context=native] .content-scroll footer[role=contentinfo] {\n  display: none;\n}\n\n@media screen and (min-width: 600px) {\n  :root[data-app-context=native] {\n    --toolbar-width: 0px;\n    --topbar-height: 0px;\n    --toolbar-drawer-width: 48vw;\n  }\n  :root[data-app-context=native] .content-wrap {\n    margin: 0 !important;\n    border-radius: 0;\n  }\n  :root[data-app-context=native] .toolbar-wrap {\n    overflow: visible;\n  }\n}",".toolbar {\n  display: flex;\n  width: 100vw;\n  height: var(--toolbar-navbar-height);\n  padding: var(--t-spacing-1);\n  padding-top: calc(var(--t-spacing-1) - 1px);\n  gap: var(--t-spacing-1);\n}\n\n.toolbar-button {\n  font: inherit;\n  color: var(--t-fill-color-transparency-dark-060);\n  background-color: transparent;\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  flex-grow: 1;\n  transition: var(--topbar-slight-transition-background);\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.toolbar-button:hover {\n  background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n  color: var(--t-fill-color-transparency-dark-080);\n  background-color: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.toolbar-button--avatar {\n  display: none;\n}\n.toolbar-button--avatar > div {\n  margin-left: 0;\n  width: var(--t-container-size-md);\n  height: auto;\n  aspect-ratio: 1 / 1;\n}\n\n.toolbar-button--home {\n  color: hsl(221, 93%, 55%);\n}\n\n@media (min-width: 600px) {\n  .toolbar {\n    width: var(--toolbar-width);\n    height: auto;\n    padding-top: var(--t-spacing-1);\n    flex-direction: column;\n  }\n\n  .toolbar-button {\n    aspect-ratio: 1 / 1;\n  }\n  .toolbar-button:hover {\n    background-color: var(--t-fill-color-transparency-light-040);\n  }\n  .toolbar-button:active,\n  .toolbar-button.is-current {\n    color: var(--t-fill-color-transparency-dark-080);\n    background-color: var(--t-fill-color-transparency-light-060);\n    border-color: var(--t-fill-color-transparency-light-030);\n  }\n\n  .toolbar-button--avatar {\n    display: inline-flex;\n  }\n\n  .toolbar-button--home {\n    display: none;\n  }\n}\n",".unbutton {\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n  outline: 0;\n  padding: 0;\n}\n",".button {\n  color: var(--t-text-color);\n  padding-left: var(--t-spacing-1);\n  padding-right: var(--t-spacing-1);\n  height: 100%;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  transition: var(--topbar-slight-transition-background);\n  --_svg-display: none;\n}\n.button svg[data-logo=mono-app-text],\n.button svg[class^=chevron] {\n  display: var(--_svg-display);\n}\n@media (min-width: 720px) {\n  .button {\n    --_svg-display: block;\n    padding-left: var(--t-spacing-2);\n    padding-right: var(--t-spacing-2);\n  }\n  .button svg[data-logo=color-app-icon] {\n    width: 24px;\n    height: 24px;\n  }\n}\n\n.button-accounts {\n  color: var(--t-text-color);\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-medium);\n  margin-left: var(--t-spacing-fourth);\n}\n\n.chevron {\n  border-radius: 100%;\n  padding: var(--t-spacing-fourth);\n  display: block;\n  transition: var(--topbar-slight-transition-background);\n  transition-property: background-color, transform;\n}\n\n.chevron polygon {\n  transform: translateY(0.5px);\n}\n\n.button:hover .chevron,\n.button.is-expanded .chevron {\n  background-color: var(--t-fill-color-transparency-light-050);\n}\n\n.button.is-expanded .chevron {\n  transform: rotate(180deg);\n}",".popup {\n  top: calc(var(--topbar-height) - var(--t-spacing-1));\n  left: var(--t-spacing-2);\n  min-width: 180px;\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n",".popup-root {\n  display: flex;\n  align-self: flex-end;\n}\n\n.popup {\n  background: var(--t-surface-color-card);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n  border-radius: var(--t-border-radius-lg);\n  position: absolute;\n  overflow: auto;\n  scrollbar-color: var(--topbar-scrollbar-color);\n  scrollbar-width: var(--topbar-scrollbar-width);\n  opacity: 0;\n  visibility: hidden;\n  transition: all 120ms ease-in;\n}\n\n.popup.is-visible {\n  opacity: 1;\n  transition: none;\n  visibility: visible;\n}\n",".popup {\n  color: var(--t-text-color);\n  min-width: 242px;\n  max-width: 320px;\n  margin-top: calc(var(--t-spacing-1) * -1);\n  right: calc(var(--t-spacing-1) + 1px); /* 1px is to account for .product-wrap { padding-right: 1px  } */\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n\n.trigger-wrap {\n  margin-left: var(--t-spacing-1);\n  position: relative;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.trigger {\n  font-size: var(--topbar-nav-link-font-size);\n  color: var(--topbar-nav-link-font-color);\n  height: var(--topbar-nav-link-height);\n  background-color: var(--topbar-nav-link-background-color-active);\n  padding: 0 var(--topbar-nav-link-padding-x);\n  border: var(--t-border-width) solid var(--topbar-nav-link-border-color-active);\n  border-radius: var(--topbar-nav-link-border-radius);\n  min-width: var(--t-container-size-md);\n  transition: var(--topbar-nav-link-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: 0;\n  appearance: none;\n  cursor: pointer;\n}\n\n.trigger svg {\n  transition: transform var(--topbar-slight-transition);\n  /* Negative margin ensures button is a circle when orgname isn’t visible */\n  margin-left: calc(var(--t-spacing-1) * -1);\n  margin-right: calc(var(--t-spacing-1) * -1);\n}\n\n.trigger.is-visible svg {\n  transform: rotate(180deg);\n}\n\n.trigger-orgname {\n  max-width: 240px;\n  margin-right: var(--t-spacing-fourth);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger-orgname + svg {\n  color: var(--t-fill-color-transparency-dark-050);\n  /* Correct margin for when orgname is visible */\n  margin-left: 0;\n  margin-right: calc(var(--t-spacing-fourth) * -1);\n}\n",".avatar {\n  background-color: var(--t-fill-color-transparency-light-020);\n  background-position: center;\n  background-size: cover;\n  border-radius: 50%;\n  height: var(--t-element-size-2xl);\n  width: var(--t-element-size-2xl);\n  margin-left: var(--t-spacing-half);\n}\n",".drawer-wrap {\n  width: 100%;\n  background-color: var(--t-surface-color-card);\n\n  display: none;\n  position: fixed;\n  top: 0;\n  bottom: var(--toolbar-navbar-height);\n\n  overflow: hidden;\n}\n.drawer-wrap.is-visible {\n  display: block;\n}\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  overflow: auto;\n  scrollbar-color: var(--t-fill-color-transparency-dark-030);\n  scrollbar-width: var(--topbar-scrollbar-width);\n}\n\n@media (min-width: 600px) {\n  .drawer-wrap {\n    width: var(--toolbar-drawer-width);\n    border-radius: 6px; /* TODO: Once a token exists, replace with 6px equivalent \n    or inset associated with to --t-border-radius-lg */\n    box-shadow: 0 0 0 1px var(--content-wrap-border-color), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n\n    display: block;\n    position: absolute;\n    bottom: var(--t-spacing-2);\n    right: calc(var(--toolbar-drawer-width) * -1);\n    top: calc(var(--topbar-height) + var(--t-spacing-1));\n\n    opacity: 0;\n    transform: translateX(var(--t-spacing-1));\n    transition-property: opacity, transform, right;\n    transition-duration: 100ms;\n    transition-delay: 0s, 0s, 100ms;\n    transition-timing-function: ease-in-out;\n  }\n  .drawer-wrap.is-visible {\n    right: calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);\n    opacity: 1;\n    transform: translateX(0);\n\n    transition-property: opacity, transform;\n    transition-delay: 0s;\n  }\n}\n",".indicator-dot {\n  width: 12px;\n  height: 12px;\n  background: radial-gradient(#33adff 50%, transparent 50%);\n  background-color: #33adff;\n  box-shadow: inset 0 0 0 2px #b1bfda;\n  border-radius: 50%;\n  position: absolute;\n  z-index: 6;\n  pointer-events: none;\n}\n\n.indicator-dot.is-active {\n  width: 10px;\n  height: 10px;\n  box-shadow: inset 0 0 0 2px var(--t-fill-color-neutral-100);\n  transform: translateX(-1.5px) translateY(1.5px);\n}\n",".color-mode-switcher {\n  color: var(--t-text-color); /* Needed to override .tapestry-react-reset. This is the dumbest thing to have to do */\n  border: 0;\n  padding: 0;\n}\n\n.color-mode-switcher-label {\n  font-weight: var(--t-font-weight-semibold);\n  display: inline-block;\n  margin-bottom: var(--t-spacing-1);\n}\n\n.color-mode-switcher-label-beta {\n  font-size: var(--t-font-size-xs);\n  font-weight: var(--t-font-weight-semibold);\n  color: var(--t-text-color-status-neutral);\n  background-color: var(--t-fill-color-status-neutral-ghost);\n  border-radius: var(--t-border-radius-sm);\n  padding: 0 var(--t-spacing-1);\n  line-height: var(--t-element-size-sm);\n  vertical-align: middle;\n  text-transform: uppercase;\n}\n\n.color-mode-switcher-modes {\n  padding: var(--t-spacing-half);\n  border: var(--t-border-width) solid var(--t-border-color);\n  border-radius: var(--t-border-radius-md);\n  display: flex;\n  gap: var(--t-spacing-half);\n  container-type: inline-size;\n}\n.color-mode-switcher-modes input[type=radio] {\n  opacity: 0;\n  position: absolute;\n  pointer-events: none;\n}\n.color-mode-switcher-modes label {\n  border-radius: var(--t-border-radius-sm);\n  min-height: var(--t-element-size-xl);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  user-select: none;\n  margin: 0;\n  position: relative;\n}\n.color-mode-switcher-modes label:hover {\n  background: var(--t-fill-color-button-neutral-ghost-hover);\n}\n.color-mode-switcher-modes label:has(input:focus-visible) {\n  outline: auto;\n}\n.color-mode-switcher-modes svg {\n  display: none;\n  margin-right: var(--t-spacing-half);\n}\n@container (width >= 256px) {\n  .color-mode-switcher-modes svg {\n    display: block;\n  }\n}\n.color-mode-switcher-modes svg path {\n  stroke: var(--t-icon-color-dim);\n}\n.color-mode-switcher-modes label,\n.color-mode-switcher-modes svg path {\n  transition-property: color, background-color, stroke;\n  transition-duration: 0.1s;\n  transition-timing-function: linear;\n}\n.color-mode-switcher-modes label:has(input:checked) {\n  color: var(--t-text-color-status-info);\n  background-color: var(--t-fill-color-status-info-ghost);\n}\n.color-mode-switcher-modes label:has(input:checked) svg path {\n  stroke: var(--t-icon-color-status-info);\n}",".banner {\n  /* Shared by the border stroke (full opacity) and the interior wash so\n     the two stay in sync. */\n  --local-ask-ai-gradient: linear-gradient(\n    163.5deg,\n    var(--t-fill-color-tag-teal-040) 0%,\n    var(--t-fill-color-tag-blue-040) 35.27%,\n    var(--t-fill-color-tag-purple-040) 65.62%,\n    var(--t-fill-color-tag-orange-040) 100%\n  );\n\n  /* Tapestry has no semantic elevation-shadow token, so this is a\n     --local- color (per the dark-mode escape-hatch convention); it's\n     redefined to transparent in dark below. */\n  --local-ask-ai-shadow-color: #e4edf7;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--t-spacing-1);\n  width: 100%;\n  padding: var(--t-spacing-1);\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  background:\n    linear-gradient(\n      var(--t-surface-color-card),\n      var(--t-surface-color-card)\n    )\n    padding-box,\n    var(--local-ask-ai-gradient) border-box;\n  filter: drop-shadow(0 4px 6px var(--local-ask-ai-shadow-color));\n  overflow: hidden;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.banner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: var(--local-ask-ai-gradient);\n  opacity: 0.15;\n  pointer-events: none;\n}\n\n.banner:hover::before {\n  opacity: 0.25;\n}\n\n.banner:focus-visible {\n  outline: var(--t-focus-ring-outline);\n  outline-offset: var(--t-focus-ring-offset);\n}\n\n:global(:root[data-color-mode=\"dark\"]) .banner {\n  --local-ask-ai-shadow-color: transparent;\n}\n\n@media (prefers-color-scheme: dark) {\n  :global(:root[data-color-mode=\"system\"]) .banner {\n    --local-ask-ai-shadow-color: transparent;\n  }\n}\n\n.content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  min-width: 0;\n}\n\n.icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.iconShape {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.iconWand {\n  position: relative;\n  color: #fff;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-width: 0;\n}\n\n.title {\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-bold);\n  line-height: 1.4;\n  letter-spacing: -0.096px;\n  color: var(--t-text-color-headline);\n}\n\n.subtitle {\n  font-size: var(--t-font-size-xs);\n  line-height: 1.3;\n  letter-spacing: -0.072px;\n  color: var(--t-text-color);\n}\n\n.chevron {\n  position: relative;\n  flex-shrink: 0;\n  color: var(--t-icon-color-dim);\n}\n"]}
+{"version":3,"sources":["topbar.scss","styles.module.css","unbutton.module.css","apps_button.module.scss","apps_menu.module.css","popup.module.css","user_menu.module.css","avatar.module.css","drawer.module.css","indicator_dot.module.css","color_mode_switcher.module.scss","AskAIBanner.module.css"],"names":[],"mappings":"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","file":"topbar.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n  --topbar-height: 56px;\n  --topbar-slight-transition: 120ms ease-in;\n  --topbar-slight-transition-background: background-color var(--topbar-slight-transition);\n  --topbar-scrollbar-color: var(--t-fill-color-transparency-dark-030) transparent;\n  --topbar-scrollbar-width: thin;\n  --topbar-nav-link-font-size: var(--t-font-size-sm);\n  --topbar-nav-link-font-color: var(--t-text-color-headline);\n  --topbar-nav-link-height: var(--t-container-size-md);\n  --topbar-nav-link-background-color: transparent;\n  --topbar-nav-link-padding-x: 12px;\n  --topbar-nav-link-border-color: transparent;\n  --topbar-nav-link-border-radius: 999px;\n  --topbar-nav-link-transition: var(--topbar-slight-transition-background);\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-040);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-060);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-030);\n  --toolbar-width: 64px;\n  --toolbar-inner-width: 48px;\n  --toolbar-drawer-width: 360px;\n  --toolbar-navbar-height: 56px;\n  --content-wrap-border-color: hsla(0, 0%, 0%, 0.08);\n  --content-wrap-shadow-dimensions: 0 -1px 0 0;\n}\n\n@media (min-width: 600px) {\n  :root {\n    --topbar-height: 64px;\n    --content-wrap-shadow-dimensions: 0 0 0 1px;\n  }\n}\n:root[data-color-mode=dark] {\n  --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n  --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n  --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n  --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root[data-color-mode=system] {\n    --topbar-nav-link-background-color-hover: var(--t-fill-color-transparency-light-020);\n    --topbar-nav-link-background-color-active: var(--t-fill-color-transparency-light-030);\n    --topbar-nav-link-border-color-active: var(--t-fill-color-transparency-light-010);\n    --content-wrap-border-color: hsla(0, 0%, 100%, 0.04);\n  }\n}\n/*\nFix for Safari bug:\nOn mobile breakpoints, when the app switcher or user profile menu are open,\nprevent .top-wrap from covering them.\n\nCaused by products overriding .topbar-wrap’s z-index.\n*/\n.page-wrap:has(div[class^=appmenu-layer][style*=\"display: block\"]) .topbar-wrap {\n  z-index: initial !important;\n}\n\n.hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n\n:root[data-app-context=native] {\n  --toolbar-navbar-height: 0;\n}\n:root[data-app-context=native],\n:root[data-app-context=native] body {\n  height: auto;\n  min-height: 100vh;\n}\n:root[data-app-context=native] .page-wrap,\n:root[data-app-context=native] .product-wrap {\n  height: auto;\n  overflow: visible;\n}\n:root[data-app-context=native] .top-wrap,\n:root[data-app-context=native] .page-wrap,\n:root[data-app-context=native] .product-wrap,\n:root[data-app-context=native] .toolbar-wrap {\n  min-width: 0;\n}\n\n:root[data-app-context=native] * {\n  -webkit-overflow-scrolling: auto !important;\n}\n\n:root[data-app-context=native] .topbar-wrap {\n  display: none;\n}\n\n:root[data-app-context=native] .toolbar-wrap {\n  overflow: hidden;\n}\n\n:root[data-app-context=native] .content-wrap {\n  padding-bottom: var(--app-content-inset-bottom, unset);\n  overflow: visible;\n}\n\n:root[data-app-context=native] .content-scroll footer[role=contentinfo] {\n  display: none;\n}\n\n@media screen and (min-width: 600px) {\n  :root[data-app-context=native] {\n    --toolbar-width: 0px;\n    --topbar-height: 0px;\n    --toolbar-drawer-width: 48vw;\n  }\n  :root[data-app-context=native] .content-wrap {\n    margin: 0 !important;\n    border-radius: 0;\n  }\n  :root[data-app-context=native] .toolbar-wrap {\n    overflow: visible;\n  }\n}",".toolbar {\n  display: flex;\n  width: 100vw;\n  height: var(--toolbar-navbar-height);\n  padding: var(--t-spacing-1);\n  padding-top: calc(var(--t-spacing-1) - 1px);\n  gap: var(--t-spacing-1);\n}\n\n.toolbar-button {\n  font: inherit;\n  color: var(--t-fill-color-transparency-dark-060);\n  background-color: transparent;\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  flex-grow: 1;\n  transition: var(--topbar-slight-transition-background);\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.toolbar-button:hover {\n  background-color: var(--t-fill-color-button-interaction-ghost-hover);\n}\n.toolbar-button:active,\n.toolbar-button.is-current {\n  color: var(--t-fill-color-transparency-dark-080);\n  background-color: var(--t-fill-color-button-interaction-ghost-active);\n}\n\n.toolbar-button--avatar {\n  display: none;\n}\n.toolbar-button--avatar > div {\n  margin-left: 0;\n  width: var(--t-container-size-md);\n  height: auto;\n  aspect-ratio: 1 / 1;\n}\n\n.toolbar-button--home {\n  color: hsl(221, 93%, 55%);\n}\n\n@media (min-width: 600px) {\n  .toolbar {\n    width: var(--toolbar-width);\n    height: auto;\n    padding-top: var(--t-spacing-1);\n    flex-direction: column;\n  }\n\n  .toolbar-button {\n    aspect-ratio: 1 / 1;\n  }\n  .toolbar-button:hover {\n    background-color: var(--t-fill-color-transparency-light-040);\n  }\n  .toolbar-button:active,\n  .toolbar-button.is-current {\n    color: var(--t-fill-color-transparency-dark-080);\n    background-color: var(--t-fill-color-transparency-light-060);\n    border-color: var(--t-fill-color-transparency-light-030);\n  }\n\n  .toolbar-button--avatar {\n    display: inline-flex;\n  }\n\n  .toolbar-button--home {\n    display: none;\n  }\n}\n",".unbutton {\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n  outline: 0;\n  padding: 0;\n}\n",".button {\n  color: var(--t-text-color);\n  padding-left: var(--t-spacing-1);\n  padding-right: var(--t-spacing-1);\n  height: 100%;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  transition: var(--topbar-slight-transition-background);\n  --_svg-display: none;\n}\n.button svg[data-logo=mono-app-text],\n.button svg[class^=chevron] {\n  display: var(--_svg-display);\n}\n@media (min-width: 720px) {\n  .button {\n    --_svg-display: block;\n    padding-left: var(--t-spacing-2);\n    padding-right: var(--t-spacing-2);\n  }\n  .button svg[data-logo=color-app-icon] {\n    width: 24px;\n    height: 24px;\n  }\n}\n\n.button-accounts {\n  color: var(--t-text-color);\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-medium);\n  margin-left: var(--t-spacing-fourth);\n}\n\n.chevron {\n  border-radius: 100%;\n  padding: var(--t-spacing-fourth);\n  display: block;\n  transition: var(--topbar-slight-transition-background);\n  transition-property: background-color, transform;\n}\n\n.chevron polygon {\n  transform: translateY(0.5px);\n}\n\n.button:hover .chevron,\n.button.is-expanded .chevron {\n  background-color: var(--t-fill-color-transparency-light-050);\n}\n\n.button.is-expanded .chevron {\n  transform: rotate(180deg);\n}",".popup {\n  top: calc(var(--topbar-height) - var(--t-spacing-1));\n  left: var(--t-spacing-2);\n  min-width: 180px;\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n",".popup-root {\n  display: flex;\n  align-self: flex-end;\n}\n\n.popup {\n  background: var(--t-surface-color-card);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n  border-radius: var(--t-border-radius-lg);\n  position: absolute;\n  overflow: auto;\n  scrollbar-color: var(--topbar-scrollbar-color);\n  scrollbar-width: var(--topbar-scrollbar-width);\n  opacity: 0;\n  visibility: hidden;\n  transition: all 120ms ease-in;\n}\n\n.popup.is-visible {\n  opacity: 1;\n  transition: none;\n  visibility: visible;\n}\n",".popup {\n  color: var(--t-text-color);\n  min-width: 242px;\n  max-width: 320px;\n  margin-top: calc(var(--t-spacing-1) * -1);\n  right: calc(var(--t-spacing-1) + 1px); /* 1px is to account for .product-wrap { padding-right: 1px  } */\n  max-height: calc(100% - var(--topbar-height) - var(--t-spacing-3));\n}\n\n.trigger-wrap {\n  margin-left: var(--t-spacing-1);\n  position: relative;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.trigger {\n  font-size: var(--topbar-nav-link-font-size);\n  color: var(--topbar-nav-link-font-color);\n  height: var(--topbar-nav-link-height);\n  background-color: var(--topbar-nav-link-background-color-active);\n  padding: 0 var(--topbar-nav-link-padding-x);\n  border: var(--t-border-width) solid var(--topbar-nav-link-border-color-active);\n  border-radius: var(--topbar-nav-link-border-radius);\n  min-width: var(--t-container-size-md);\n  transition: var(--topbar-nav-link-transition);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: 0;\n  appearance: none;\n  cursor: pointer;\n}\n\n.trigger svg {\n  transition: transform var(--topbar-slight-transition);\n  /* Negative margin ensures button is a circle when orgname isn’t visible */\n  margin-left: calc(var(--t-spacing-1) * -1);\n  margin-right: calc(var(--t-spacing-1) * -1);\n}\n\n.trigger.is-visible svg {\n  transform: rotate(180deg);\n}\n\n.trigger-orgname {\n  max-width: 240px;\n  margin-right: var(--t-spacing-fourth);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger-orgname + svg {\n  color: var(--t-fill-color-transparency-dark-050);\n  /* Correct margin for when orgname is visible */\n  margin-left: 0;\n  margin-right: calc(var(--t-spacing-fourth) * -1);\n}\n",".avatar {\n  background-color: var(--t-fill-color-transparency-light-020);\n  background-position: center;\n  background-size: cover;\n  border-radius: 50%;\n  height: var(--t-element-size-2xl);\n  width: var(--t-element-size-2xl);\n  margin-left: var(--t-spacing-half);\n}\n",".drawer-wrap {\n  width: 100%;\n  background-color: var(--t-surface-color-card);\n\n  display: none;\n  position: fixed;\n  top: 0;\n  bottom: var(--toolbar-navbar-height);\n\n  overflow: hidden;\n}\n.drawer-wrap.is-visible {\n  display: block;\n}\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  overflow: auto;\n  scrollbar-color: var(--t-fill-color-transparency-dark-030);\n  scrollbar-width: var(--topbar-scrollbar-width);\n}\n\n@media (min-width: 600px) {\n  .drawer-wrap {\n    width: var(--toolbar-drawer-width);\n    border-radius: 6px; /* TODO: Once a token exists, replace with 6px equivalent \n    or inset associated with to --t-border-radius-lg */\n    box-shadow: 0 0 0 1px var(--content-wrap-border-color), 0 4px 12px 2px rgba(0, 0, 0, 0.16);\n\n    display: block;\n    position: absolute;\n    bottom: var(--t-spacing-2);\n    right: calc(var(--toolbar-drawer-width) * -1);\n    top: calc(var(--topbar-height) + var(--t-spacing-1));\n\n    opacity: 0;\n    transform: translateX(var(--t-spacing-1));\n    transition-property: opacity, transform, right;\n    transition-duration: 100ms;\n    transition-delay: 0s, 0s, 100ms;\n    transition-timing-function: ease-in-out;\n  }\n  .drawer-wrap.is-visible {\n    right: calc(var(--toolbar-width) + var(--t-spacing-1) + 1px);\n    opacity: 1;\n    transform: translateX(0);\n\n    transition-property: opacity, transform;\n    transition-delay: 0s;\n  }\n}\n",".indicator-dot {\n  width: 12px;\n  height: 12px;\n  background: radial-gradient(#33adff 50%, transparent 50%);\n  background-color: #33adff;\n  box-shadow: inset 0 0 0 2px #b1bfda;\n  border-radius: 50%;\n  position: absolute;\n  z-index: 6;\n  pointer-events: none;\n}\n\n.indicator-dot.is-active {\n  width: 10px;\n  height: 10px;\n  box-shadow: inset 0 0 0 2px var(--t-fill-color-neutral-100);\n  transform: translateX(-1.5px) translateY(1.5px);\n}\n",".color-mode-switcher {\n  color: var(--t-text-color); /* Needed to override .tapestry-react-reset. This is the dumbest thing to have to do */\n  border: 0;\n  padding: 0;\n}\n\n.color-mode-switcher-label {\n  font-weight: var(--t-font-weight-semibold);\n  display: inline-block;\n  margin-bottom: var(--t-spacing-1);\n}\n\n.color-mode-switcher-label-beta {\n  font-size: var(--t-font-size-xs);\n  font-weight: var(--t-font-weight-semibold);\n  color: var(--t-text-color-status-neutral);\n  background-color: var(--t-fill-color-status-neutral-ghost);\n  border-radius: var(--t-border-radius-sm);\n  padding: 0 var(--t-spacing-1);\n  line-height: var(--t-element-size-sm);\n  vertical-align: middle;\n  text-transform: uppercase;\n}\n\n.color-mode-switcher-modes {\n  padding: var(--t-spacing-half);\n  border: var(--t-border-width) solid var(--t-border-color);\n  border-radius: var(--t-border-radius-md);\n  display: flex;\n  gap: var(--t-spacing-half);\n  container-type: inline-size;\n}\n.color-mode-switcher-modes input[type=radio] {\n  opacity: 0;\n  position: absolute;\n  pointer-events: none;\n}\n.color-mode-switcher-modes label {\n  border-radius: var(--t-border-radius-sm);\n  min-height: var(--t-element-size-xl);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  user-select: none;\n  margin: 0;\n  position: relative;\n}\n.color-mode-switcher-modes label:hover {\n  background: var(--t-fill-color-button-neutral-ghost-hover);\n}\n.color-mode-switcher-modes label:has(input:focus-visible) {\n  outline: auto;\n}\n.color-mode-switcher-modes svg {\n  display: none;\n  margin-right: var(--t-spacing-half);\n}\n@container (width >= 256px) {\n  .color-mode-switcher-modes svg {\n    display: block;\n  }\n}\n.color-mode-switcher-modes svg path {\n  stroke: var(--t-icon-color-dim);\n}\n.color-mode-switcher-modes label,\n.color-mode-switcher-modes svg path {\n  transition-property: color, background-color, stroke;\n  transition-duration: 0.1s;\n  transition-timing-function: linear;\n}\n.color-mode-switcher-modes label:has(input:checked) {\n  color: var(--t-text-color-status-info);\n  background-color: var(--t-fill-color-status-info-ghost);\n}\n.color-mode-switcher-modes label:has(input:checked) svg path {\n  stroke: var(--t-icon-color-status-info);\n}",".banner {\n  /* Shared by the border stroke (full opacity) and the interior wash so\n     the two stay in sync. */\n  --local-ask-ai-gradient: linear-gradient(\n    163.5deg,\n    var(--t-fill-color-tag-teal-040) 0%,\n    var(--t-fill-color-tag-blue-040) 35.27%,\n    var(--t-fill-color-tag-purple-040) 65.62%,\n    var(--t-fill-color-tag-orange-040) 100%\n  );\n\n  /* Tapestry has no semantic elevation-shadow token, so this is a\n     --local- color (per the dark-mode escape-hatch convention); it's\n     redefined to transparent in dark below. */\n  --local-ask-ai-shadow-color: #e4edf7;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--t-spacing-1);\n  width: 100%;\n  padding: var(--t-spacing-1);\n  border: var(--t-border-width) solid transparent;\n  border-radius: var(--t-border-radius-lg);\n  background:\n    linear-gradient(\n      var(--t-surface-color-card),\n      var(--t-surface-color-card)\n    )\n    padding-box,\n    var(--local-ask-ai-gradient) border-box;\n  filter: drop-shadow(0 4px 6px var(--local-ask-ai-shadow-color));\n  overflow: hidden;\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.banner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: var(--local-ask-ai-gradient);\n  opacity: 0.15;\n  pointer-events: none;\n}\n\n.banner:hover::before {\n  opacity: 0.25;\n}\n\n.banner:focus-visible {\n  outline: var(--t-focus-ring-outline);\n  outline-offset: var(--t-focus-ring-offset);\n}\n\n:global(:root[data-color-mode=\"dark\"]) .banner {\n  --local-ask-ai-shadow-color: transparent;\n}\n\n@media (prefers-color-scheme: dark) {\n  :global(:root[data-color-mode=\"system\"]) .banner {\n    --local-ask-ai-shadow-color: transparent;\n  }\n}\n\n.content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--t-spacing-1);\n  min-width: 0;\n}\n\n.icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.iconShape {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.iconSparkle {\n  position: relative;\n  width: 19.5px;\n  height: 18px;\n  color: #fff;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-width: 0;\n}\n\n.title {\n  font-size: var(--t-font-size-md);\n  font-weight: var(--t-font-weight-bold);\n  line-height: 1.4;\n  letter-spacing: -0.096px;\n  color: var(--t-text-color-headline);\n}\n\n.subtitle {\n  font-size: var(--t-font-size-xs);\n  line-height: 1.3;\n  letter-spacing: -0.072px;\n  color: var(--t-text-color);\n}\n\n.chevron {\n  position: relative;\n  flex-shrink: 0;\n  color: var(--t-icon-color-dim);\n}\n"]}

package/dist/topbar.js

@@ -4205,7 +4205,7 @@ var styles$1 = {"toolbar":"toolbar-KHJR5","toolbar-button":"toolbar-button-Ye4h5
 
 const pcoUrl = pcoUrl$1;
 
-var styles = {"banner":"banner-YfQ37","content":"content-lNjWf","icon":"icon-abz7q","iconShape":"iconShape-6uyot","iconWand":"iconWand-yEhh4","text":"text--Vlhl","title":"title-zOEOR","subtitle":"subtitle-ufLnk","chevron":"chevron-oOUA-"};
+var styles = {"banner":"banner-YfQ37","content":"content-lNjWf","icon":"icon-abz7q","iconShape":"iconShape-6uyot","iconSparkle":"iconSparkle-t0OzK","text":"text--Vlhl","title":"title-zOEOR","subtitle":"subtitle-ufLnk","chevron":"chevron-oOUA-"};
 
 function AskAIBanner({
   onClick
@@ -4228,40 +4228,198 @@ function AskAIBanner({
     size: "16px"
   }));
 }
-const GRADIENT_ID = "ask-ai-banner-icon-gradient";
+const SQUIRCLE_PATH = "M15.9994 0C3.19766 0 0 3.20025 0 16C0 28.7998 3.19766 32 15.9994 32C28.8011 32 32 28.8022 32 16C32 3.19779 28.7999 0 15.9994 0Z";
+const SQUIRCLE_BORDER_PATH = "M15.999 0.222656C22.4009 0.222656 26.3132 1.0274 28.6426 3.35645C30.972 5.68549 31.7773 9.59729 31.7773 16C31.7773 22.4025 30.9726 26.3145 28.6436 28.6436C26.3143 30.9726 22.4015 31.7773 15.999 31.7773C9.5968 31.7773 5.68536 30.9719 3.35645 28.6426C1.02748 26.3132 0.222656 22.4015 0.222656 16C0.222656 9.59851 1.02748 5.68678 3.35645 3.35742C5.68536 1.02814 9.5968 0.222687 15.999 0.222656Z";
+// Monotonic counter for per-instance SVG ids. useId would be tidier but isn't
+// available on React 17, which our peer range still supports.
+let iconInstanceCount = 0;
 function AskAIIcon() {
+  const [uid] = React.useState(() => `ask-ai-icon-${iconInstanceCount++}`);
+  const maskId = `${uid}-mask`;
+  const blur = n => `${uid}-blur-${n}`;
+  const borderA = `${uid}-border-a`;
+  const borderB = `${uid}-border-b`;
   return /*#__PURE__*/React.createElement("span", {
     className: styles.icon
   }, /*#__PURE__*/React.createElement("svg", {
     className: styles.iconShape,
     viewBox: "0 0 32 32",
+    fill: "none",
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M15.9994 0C3.19766 0 0 3.20025 0 16C0 28.7998 3.19766 32 15.9994 32C28.8011 32 32 28.8022 32 16C32 3.19779 28.7999 0 15.9994 0Z",
-    fill: `url(#${GRADIENT_ID})`
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: GRADIENT_ID,
-    x1: "0",
-    y1: "0",
-    x2: "38.0356",
-    y2: "21.1413",
+    d: SQUIRCLE_PATH,
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("mask", {
+    id: maskId,
+    style: {
+      maskType: "alpha"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "32",
+    height: "32"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: SQUIRCLE_PATH,
+    fill: "#939393"
+  })), /*#__PURE__*/React.createElement("g", {
+    mask: `url(#${maskId})`
+  }, /*#__PURE__*/React.createElement("g", {
+    filter: `url(#${blur(0)})`
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "24.2268",
+    cy: "23.7824",
+    rx: "17.9331",
+    ry: "31.1883",
+    transform: "rotate(-135 24.2268 23.7824)",
+    fill: "#B883E2"
+  })), /*#__PURE__*/React.createElement("g", {
+    filter: `url(#${blur(1)})`
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "7.05187",
+    cy: "9.27409",
+    rx: "14.9017",
+    ry: "29.437",
+    transform: "rotate(45 7.05187 9.27409)",
+    fill: "#74A3FF"
+  })), /*#__PURE__*/React.createElement("g", {
+    filter: `url(#${blur(2)})`
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "29.7552",
+    cy: "31.0886",
+    rx: "11.2869",
+    ry: "15.1567",
+    transform: "rotate(-135 29.7552 31.0886)",
+    fill: "#F28B54"
+  })), /*#__PURE__*/React.createElement("g", {
+    filter: `url(#${blur(3)})`
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "3.58734",
+    cy: "4.03178",
+    rx: "11.2869",
+    ry: "15.1567",
+    transform: "rotate(45 3.58734 4.03178)",
+    fill: "#24D7B7"
+  })), /*#__PURE__*/React.createElement("g", {
+    filter: `url(#${blur(4)})`
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "32.0363",
+    cy: "32.0363",
+    rx: "5.65576",
+    ry: "7.59487",
+    transform: "rotate(-135 32.0363 32.0363)",
+    fill: "#FFBC40"
+  })), /*#__PURE__*/React.createElement("g", {
+    filter: `url(#${blur(5)})`
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "1.00513",
+    cy: "-0.772657",
+    rx: "5.1403",
+    ry: "6.82216",
+    transform: "rotate(-135 1.00513 -0.772657)",
+    fill: "#70FFD4"
+  })), /*#__PURE__*/React.createElement("path", {
+    d: SQUIRCLE_BORDER_PATH,
+    stroke: `url(#${borderA})`,
+    strokeWidth: "0.444444"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: SQUIRCLE_BORDER_PATH,
+    stroke: `url(#${borderB})`,
+    strokeWidth: "0.444444"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+    id: blur(0),
+    x: "-20.7722",
+    y: "-21.2166",
+    width: "89.9981",
+    height: "89.9981",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "9.77778"
+  })), /*#__PURE__*/React.createElement("filter", {
+    id: blur(1),
+    x: "-35.839",
+    y: "-33.6167",
+    width: "85.7816",
+    height: "85.7816",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "9.77778"
+  })), /*#__PURE__*/React.createElement("filter", {
+    id: blur(2),
+    x: "-3.16378",
+    y: "-1.83045",
+    width: "65.838",
+    height: "65.838",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "9.77778"
+  })), /*#__PURE__*/React.createElement("filter", {
+    id: blur(3),
+    x: "-29.3317",
+    y: "-28.8872",
+    width: "65.838",
+    height: "65.838",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "9.77778"
+  })), /*#__PURE__*/React.createElement("filter", {
+    id: blur(4),
+    x: "16.4511",
+    y: "16.4511",
+    width: "31.1704",
+    height: "31.1704",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "4.44444"
+  })), /*#__PURE__*/React.createElement("filter", {
+    id: blur(5),
+    x: "-13.9242",
+    y: "-15.7019",
+    width: "29.8586",
+    height: "29.8586",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: "4.44444"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: borderA,
+    x1: "4.22222",
+    y1: "2.44444",
+    x2: "16",
+    y2: "14.4444",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#49D4BB"
+    stopColor: "#62FAFF"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.352694",
-    stopColor: "#7CA8FE"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.656242",
-    stopColor: "#B883E2"
+    offset: "1",
+    stopColor: "#55AFD6",
+    stopOpacity: "0"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: borderB,
+    x1: "28.4444",
+    y1: "29.3333",
+    x2: "22.8889",
+    y2: "22.4444",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FFA961"
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
-    stopColor: "#F28B54"
-  })))), /*#__PURE__*/React.createElement(tapestryReact.Icon, {
-    className: styles.iconWand,
-    name: "general.magicWand",
-    size: "18px"
-  }));
+    stopColor: "#D48B91",
+    stopOpacity: "0"
+  })))), /*#__PURE__*/React.createElement("svg", {
+    className: styles.iconSparkle,
+    viewBox: "0 0 19.4995 17.9999",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2.71191 12.2002C2.81068 11.9333 3.18834 11.9333 3.2871 12.2002L3.84375 13.7031C3.92138 13.9129 4.08707 14.0786 4.29687 14.1562L5.7998 14.7119C6.06662 14.8107 6.06648 15.1882 5.7998 15.2871L4.29687 15.8437C4.08707 15.9214 3.92138 16.0871 3.84375 16.2969L3.2871 17.7998C3.18821 18.0665 2.81066 18.0666 2.71191 17.7998L2.15625 16.2969C2.07861 16.0871 1.91292 15.9214 1.70312 15.8437L0.200191 15.2871C-0.0667302 15.1883 -0.0667302 14.8107 0.200191 14.7119L1.70312 14.1562C1.91292 14.0786 2.07861 13.9129 2.15625 13.7031L2.71191 12.2002ZM11.2812 2C11.5283 1.33313 12.4717 1.33305 12.7187 2L14.1094 5.75878C14.3035 6.28304 14.7169 6.69659 15.2412 6.89062L18.999 8.28125C19.6663 8.52817 19.6663 9.47182 18.999 9.71875L15.2412 11.1094C14.7168 11.3035 14.3035 11.7168 14.1094 12.2412L12.7187 15.999C12.4718 16.6663 11.5282 16.6663 11.2812 15.999L9.89062 12.2412C9.69659 11.7169 9.28304 11.3035 8.75878 11.1094L5 9.71875C4.33305 9.47173 4.33312 8.52834 5 8.28125L8.75878 6.89062C9.28299 6.69653 9.69653 6.28299 9.89062 5.75878L11.2812 2ZM2.71191 0.200191C2.81068 -0.0667302 3.18834 -0.0667302 3.2871 0.200191L3.84375 1.70312C3.92138 1.91292 4.08707 2.07861 4.29687 2.15625L5.7998 2.71191C6.06662 2.81066 6.06648 3.18821 5.7998 3.2871L4.29687 3.84375C4.08707 3.92138 3.92138 4.08707 3.84375 4.29687L3.2871 5.7998C3.18821 6.06648 2.81066 6.06662 2.71191 5.7998L2.15625 4.29687C2.07861 4.08707 1.91292 3.92138 1.70312 3.84375L0.200191 3.2871C-0.0667302 3.18834 -0.0667302 2.81068 0.200191 2.71191L1.70312 2.15625C1.91292 2.07861 2.07861 1.91292 2.15625 1.70312L2.71191 0.200191Z",
+    fill: "currentColor"
+  })));
 }
 
 // The article heading lives in the deepest populated hierarchy level (lvl0 is
@@ -4427,6 +4585,7 @@ function buildPicobotSrc(origin, path) {
   return fragment ? `${base}#${fragment}` : base;
 }
 
+const LOAD_TIMEOUT_MS = 3000;
 function createPicobotIframe(picobotOrigin) {
   return /*#__PURE__*/React.forwardRef(function PicobotIframe({
     currentPath: iframePath,
@@ -4438,10 +4597,25 @@ function createPicobotIframe(picobotOrigin) {
     // Contact support) and picobot's own NEW_ROUTE_RENDERED reports—so it
     // always reflects the live conversation. See buildPicobotSrc.
     const [loadedPath, setLoadedPath] = React.useState(iframePath || "");
+    const hasReportedErrorRef = React.useRef(false);
+    const loadTimeoutRef = React.useRef();
+    const reportLoadError = React.useCallback(() => {
+      if (hasReportedErrorRef.current) return;
+      hasReportedErrorRef.current = true;
+      onMessage === null || onMessage === void 0 ? void 0 : onMessage({
+        type: "IFRAME_LOAD_ERROR"
+      });
+    }, [onMessage]);
+    const reportLoadErrorRef = React.useRef(reportLoadError);
+    reportLoadErrorRef.current = reportLoadError;
+    React.useEffect(function armLoadTimeoutOnMount() {
+      const timeout = setTimeout(() => reportLoadErrorRef.current(), LOAD_TIMEOUT_MS);
+      loadTimeoutRef.current = timeout;
+      return () => clearTimeout(timeout);
+    }, []);
     React.useEffect(function subscribeToGuestMessages() {
-      if (!onIframeChangePath && !onMessage) return undefined;
       function handleGuestMessage(e) {
-        var _a, _b;
+        var _a, _b, _c;
         if (e.origin !== picobotOrigin) return;
         if (!e.source || !iframeRef.current) return;
         if (e.source !== iframeRef.current.contentWindow) return;
@@ -4450,6 +4624,7 @@ function createPicobotIframe(picobotOrigin) {
           setLoadedPath(reportedPath);
           onIframeChangePath(reportedPath);
         }
+        if (((_c = e.data) === null || _c === void 0 ? void 0 : _c.type) === "READY") clearTimeout(loadTimeoutRef.current);
         if (onMessage) onMessage(e.data);
       }
       window.addEventListener("message", handleGuestMessage);