@wix/web5-core 1.63.18 → 1.63.19

package/dist/esm/components/ui/UserQuery.js

@@ -181,24 +181,39 @@ export const UserQuery = _ref => {
     className: "w-6 h-6 flex items-center justify-center text-text-body hover:text-black transition-colors bg-transparent border-0 cursor-pointer disabled:opacity-30 disabled:cursor-default"
   }, /*#__PURE__*/React.createElement(RedoIcon, null)))), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-[10px] ml-[10px] sm:ml-0 shrink-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "relative"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "web5-prompt-hint",
+    "aria-hidden": "true"
+  }, "Press ", /*#__PURE__*/React.createElement("kbd", {
+    className: "web5-prompt-hint__key"
+  }, "/"), " to search"), /*#__PURE__*/React.createElement("div", {
+    className: "web5-user-query__action group relative"
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
+    "aria-label": "Share this",
     onClick: handleShare,
     disabled: isLoading || isCopied,
     className: `web5-user-query__share flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 border-0 cursor-pointer transition-colors disabled:cursor-default
               ${isCopied ? 'is-copied bg-[#2b2b2b] text-white' : 'text-text-body bg-white hover:bg-gray-50'}`
   }, isCopied ? /*#__PURE__*/React.createElement(CheckIcon, null) : /*#__PURE__*/React.createElement(ShareIcon, null), /*#__PURE__*/React.createElement("span", {
     className: "hidden sm:inline"
-  }, isLoading ? 'Sharing…' : isCopied ? copiedLabel : 'Share')), isCopied && /*#__PURE__*/React.createElement("div", {
+  }, isLoading ? 'Sharing…' : isCopied ? copiedLabel : 'Share')), !isCopied && /*#__PURE__*/React.createElement("span", {
+    className: "web5-user-query__tooltip",
+    role: "tooltip"
+  }, "Share this"), isCopied && /*#__PURE__*/React.createElement("div", {
     className: "web5-user-query__copied-toast sm:hidden absolute top-full right-0 mt-1 flex items-center gap-2 bg-[#2b2b2b] text-white text-[12px] leading-none px-3 py-2 rounded-[8px] whitespace-nowrap"
-  }, /*#__PURE__*/React.createElement(CheckIcon, null), copiedLabel)), onNewConversation && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement(CheckIcon, null), copiedLabel)), onNewConversation && /*#__PURE__*/React.createElement("div", {
+    className: "web5-user-query__action group relative"
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
+    "aria-label": newConversationLabel,
     onClick: handleNewConversation,
     className: "web5-user-query__new-conversation flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 text-text-body bg-white border-0 cursor-pointer hover:bg-gray-50 transition-colors"
   }, /*#__PURE__*/React.createElement(PlusIcon, null), /*#__PURE__*/React.createElement("span", {
     className: "hidden sm:inline"
+  }, newConversationLabel)), /*#__PURE__*/React.createElement("span", {
+    className: "web5-user-query__tooltip",
+    role: "tooltip"
   }, newConversationLabel)), onToggleCommentMode && /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onToggleCommentMode,

package/dist/esm/components/ui/UserQuery.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","ShareIcon","CheckIcon","PlusIcon","UndoIcon","RedoIcon","CommentIcon","getForwardStack","pushToForwardStack","popFromForwardStack","clearForwardStack","DEFAULT_LOADING_MESSAGES","headerClassName","UserQuery","_ref","query","onNewConversation","onNavigateToTriggerId","predecessorTriggerId","currentTriggerId","onShare","onToggleCommentMode","commentMode","commentCount","loading","newConversationLabel","copiedLabel","copiedDurationMs","productBackContext","onBackToProduct","forwardStack","canGoForward","length","canGoBack","hasNavigation","handleBack","handleForward","nextTid","handleNewConversation","shareState","setShareState","productImageError","setProductImageError","imageUrl","handleShare","urlToCopy","window","location","href","err","console","warn","navigator","clipboard","writeText","catch","setTimeout","cyclingMessages","messages","cycledMessage","setCycledMessage","progressMessage","index","interval","setInterval","clearInterval","isCopied","isLoading","productBadge","title","backUrl","label","canNavigateBack","content","createElement","Fragment","className","src","alt","onError","type","onClick","progressText","role","pendingQuery","disabled"],"sources":["../../../../src/components/ui/UserQuery.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ShareIcon } from './icons/ShareIcon';\nimport { CheckIcon } from './icons/CheckIcon';\nimport { PlusIcon } from './icons/PlusIcon';\nimport { UndoIcon } from './icons/UndoIcon';\nimport { RedoIcon } from './icons/RedoIcon';\nimport { CommentIcon } from './icons/CommentIcon';\nimport {\n  getForwardStack,\n  pushToForwardStack,\n  popFromForwardStack,\n  clearForwardStack,\n} from '../../utils/navigationStack';\n\ntype ShareState = 'idle' | 'loading' | 'copied';\n\nconst DEFAULT_LOADING_MESSAGES = [\n  'Thinking…',\n  'Recognizing intent…',\n  'Connecting the dots…',\n  'Synthesizing insights…',\n  'Formulating a response…',\n];\n\nconst headerClassName =\n  'web5-user-query sticky top-0 z-10 flex items-center justify-between bg-white/60 backdrop-blur-sm pl-5 pr-[10px] py-[7px] sm:px-[30px] sm:py-[17px]';\n\nexport interface UserQueryLoadingState {\n  pendingQuery: string;\n  /** Static progress message. If omitted, falls back to cycling through `messages`. */\n  progressMessage?: string;\n  /** Messages cycled while loading when `progressMessage` is not set. */\n  messages?: string[];\n}\n\n/**\n * Product the visitor was redirected from (DL #114). Rendered as a back badge\n * above the query: back arrow + thumbnail + product name. All fields are\n * resolved and validated app-side (allowed-domain `backUrl`, `https:`\n * `imageUrl`) before reaching this presentational component.\n */\nexport interface ProductBackContext {\n  /** Product display name. Required — without it the badge does not render. */\n  title: string;\n  /** Validated product thumbnail URL. Omitted/failed to load → arrow + title only. */\n  imageUrl?: string;\n  /** Validated product-page URL to return to. Omitted → badge is non-clickable. */\n  backUrl?: string;\n  /** Accessible label override. Defaults to `Back to ${title}`. */\n  label?: string;\n}\n\nexport interface UserQueryProps {\n  query: string;\n  onNewConversation?: () => void;\n  onNavigateToTriggerId?: (triggerId: string) => void;\n  predecessorTriggerId?: string;\n  currentTriggerId?: string;\n  onShare?: (triggerId: string) => Promise<string>;\n  /** Optional comment-mode toggle. When provided, render the chat-bubble\n   *  toggle button next to Share. The button reflects `commentMode` via\n   *  `is-on` styling and `aria-pressed`. */\n  onToggleCommentMode?: () => void;\n  commentMode?: boolean;\n  /** Total number of comments on this response — shown as a badge next to the\n   *  toggle when > 0. */\n  commentCount?: number;\n  loading?: UserQueryLoadingState;\n  /** Label for the \"new conversation\" action. Defaults to \"New conversation\". */\n  newConversationLabel?: string;\n  /** Label shown after the share link is copied. Defaults to \"Link Copied\". */\n  copiedLabel?: string;\n  /** How long the copied state stays visible, in ms. Defaults to 2000. */\n  copiedDurationMs?: number;\n  /** When set (visitor arrived from a product page), render a back-to-product\n   *  badge above the query (DL #114). */\n  productBackContext?: ProductBackContext;\n  /** Invoked with the validated `backUrl` when the badge is activated. */\n  onBackToProduct?: (backUrl: string) => void;\n}\n\nexport const UserQuery: FC<UserQueryProps> = ({\n  query,\n  onNewConversation,\n  onNavigateToTriggerId,\n  predecessorTriggerId,\n  currentTriggerId,\n  onShare,\n  onToggleCommentMode,\n  commentMode = false,\n  commentCount = 0,\n  loading,\n  newConversationLabel = 'New conversation',\n  copiedLabel = 'Link Copied',\n  copiedDurationMs = 2000,\n  productBackContext,\n  onBackToProduct,\n}) => {\n  const forwardStack = useMemo(() => getForwardStack(), [currentTriggerId]);\n  const canGoForward = forwardStack.length > 0;\n  const canGoBack = !!predecessorTriggerId;\n  const hasNavigation = canGoBack || canGoForward;\n\n  const handleBack = useCallback(() => {\n    if (!predecessorTriggerId || !currentTriggerId || !onNavigateToTriggerId) {\n      return;\n    }\n    pushToForwardStack(currentTriggerId);\n    onNavigateToTriggerId(predecessorTriggerId);\n  }, [predecessorTriggerId, currentTriggerId, onNavigateToTriggerId]);\n\n  const handleForward = useCallback(() => {\n    if (!onNavigateToTriggerId) {\n      return;\n    }\n    const nextTid = popFromForwardStack();\n    if (!nextTid) {\n      return;\n    }\n    onNavigateToTriggerId(nextTid);\n  }, [onNavigateToTriggerId]);\n\n  const handleNewConversation = useCallback(() => {\n    clearForwardStack();\n    onNewConversation?.();\n  }, [onNewConversation]);\n\n  const [shareState, setShareState] = useState<ShareState>('idle');\n\n  const [productImageError, setProductImageError] = useState(false);\n  useEffect(() => {\n    setProductImageError(false);\n  }, [productBackContext?.imageUrl]);\n\n  const handleShare = useCallback(async () => {\n    if (shareState !== 'idle') {\n      return;\n    }\n    setShareState('loading');\n    let urlToCopy = window.location.href;\n    try {\n      if (onShare && currentTriggerId) {\n        urlToCopy = await onShare(currentTriggerId);\n      }\n    } catch (err) {\n      console.warn('[share] failed, falling back to current URL:', err);\n    }\n    navigator.clipboard\n      .writeText(urlToCopy)\n      .catch((err) => console.warn('[share] clipboard write failed:', err));\n    setShareState('copied');\n    setTimeout(() => setShareState('idle'), copiedDurationMs);\n  }, [shareState, onShare, currentTriggerId, copiedDurationMs]);\n\n  const cyclingMessages = useMemo(\n    () =>\n      loading?.messages && loading.messages.length > 0\n        ? loading.messages\n        : DEFAULT_LOADING_MESSAGES,\n    [loading?.messages],\n  );\n  const [cycledMessage, setCycledMessage] = useState(cyclingMessages[0]);\n\n  useEffect(() => {\n    if (!loading || loading.progressMessage) {\n      return;\n    }\n    setCycledMessage(cyclingMessages[0]);\n    if (cyclingMessages.length <= 1) {\n      return;\n    }\n    let index = 0;\n    const interval = setInterval(() => {\n      index = (index + 1) % cyclingMessages.length;\n      setCycledMessage(cyclingMessages[index]);\n    }, 4000);\n    return () => clearInterval(interval);\n  }, [loading, cyclingMessages]);\n\n  if (!query && !loading) {\n    return null;\n  }\n\n  const isCopied = shareState === 'copied';\n  const isLoading = shareState === 'loading';\n\n  const productBadge = productBackContext\n    ? (() => {\n        const { title, imageUrl, backUrl, label } = productBackContext;\n        const canNavigateBack = !!backUrl && !!onBackToProduct;\n        const content = (\n          <>\n            <UndoIcon className=\"web5-user-query__product-back-icon\" />\n            {imageUrl && !productImageError && (\n              <span className=\"web5-user-query__product-back-thumb\">\n                <img\n                  src={imageUrl}\n                  alt=\"\"\n                  onError={() => setProductImageError(true)}\n                />\n              </span>\n            )}\n            <span className=\"web5-user-query__product-back-title\">{title}</span>\n          </>\n        );\n        return canNavigateBack ? (\n          <button\n            type=\"button\"\n            onClick={() => onBackToProduct?.(backUrl!)}\n            aria-label={label ?? `Back to ${title}`}\n            className=\"web5-user-query__product-back\"\n          >\n            {content}\n          </button>\n        ) : (\n          <div className=\"web5-user-query__product-back web5-user-query__product-back--static\">\n            {content}\n          </div>\n        );\n      })()\n    : null;\n\n  if (loading) {\n    const progressText = loading.progressMessage ?? cycledMessage;\n    return (\n      <div\n        className={headerClassName}\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-live=\"polite\"\n      >\n        <div className=\"web5-user-query__left flex-1\">\n          {productBadge}\n          <p\n            className=\"text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px]\"\n            title={`Asking: ${loading.pendingQuery}`}\n          >\n            <span className=\"text-text-body/70\">Asking: </span>\n            {loading.pendingQuery}\n          </p>\n        </div>\n        {progressText && (\n          <div className=\"hidden sm:flex items-center gap-2 ml-[10px] shrink-0 min-w-0\">\n            <div\n              className=\"w-4 h-4 shrink-0 animate-spin inline-block border-[2px] border-current border-t-transparent text-blue-600 dark:text-blue-500 rounded-full\"\n              aria-hidden=\"true\"\n            />\n            <p className=\"text-[13px] leading-5 text-text-body/70 truncate max-w-[240px]\">\n              {progressText}\n            </p>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={headerClassName}>\n      <div className=\"flex items-center gap-[30px] flex-1 min-w-0\">\n        <div className=\"web5-user-query__left\">\n          {productBadge}\n          <p\n            className=\"web5-user-query__title text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px]\"\n            title={query}\n          >\n            {query}\n          </p>\n        </div>\n        {hasNavigation && (\n          <div className=\"flex items-center gap-[9px]\">\n            <button\n              type=\"button\"\n              onClick={handleBack}\n              disabled={!canGoBack}\n              title=\"Go to previous conversation\"\n              aria-label=\"Go to previous conversation\"\n              className=\"w-6 h-6 flex items-center justify-center text-text-body hover:text-black transition-colors bg-transparent border-0 cursor-pointer disabled:opacity-30 disabled:cursor-default\"\n            >\n              <UndoIcon />\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleForward}\n              disabled={!canGoForward}\n              title=\"Go to next conversation\"\n              aria-label=\"Go to next conversation\"\n              className=\"w-6 h-6 flex items-center justify-center text-text-body hover:text-black transition-colors bg-transparent border-0 cursor-pointer disabled:opacity-30 disabled:cursor-default\"\n            >\n              <RedoIcon />\n            </button>\n          </div>\n        )}\n      </div>\n      <div className=\"flex items-center gap-[10px] ml-[10px] sm:ml-0 shrink-0\">\n        {/* Share button — wraps button + mobile tooltip in a relative container */}\n        <div className=\"relative\">\n          <button\n            type=\"button\"\n            onClick={handleShare}\n            disabled={isLoading || isCopied}\n            className={`web5-user-query__share flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 border-0 cursor-pointer transition-colors disabled:cursor-default\n              ${\n                isCopied\n                  ? 'is-copied bg-[#2b2b2b] text-white'\n                  : 'text-text-body bg-white hover:bg-gray-50'\n              }`}\n          >\n            {isCopied ? <CheckIcon /> : <ShareIcon />}\n            <span className=\"hidden sm:inline\">\n              {isLoading ? 'Sharing…' : isCopied ? copiedLabel : 'Share'}\n            </span>\n          </button>\n          {/* Mobile-only tooltip: drops below the button when link is copied */}\n          {isCopied && (\n            <div className=\"web5-user-query__copied-toast sm:hidden absolute top-full right-0 mt-1 flex items-center gap-2 bg-[#2b2b2b] text-white text-[12px] leading-none px-3 py-2 rounded-[8px] whitespace-nowrap\">\n              <CheckIcon />\n              {copiedLabel}\n            </div>\n          )}\n        </div>\n        {onNewConversation && (\n          <button\n            type=\"button\"\n            onClick={handleNewConversation}\n            className=\"web5-user-query__new-conversation flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 text-text-body bg-white border-0 cursor-pointer hover:bg-gray-50 transition-colors\"\n          >\n            <PlusIcon />\n            <span className=\"hidden sm:inline\">{newConversationLabel}</span>\n          </button>\n        )}\n        {onToggleCommentMode && (\n          <button\n            type=\"button\"\n            onClick={onToggleCommentMode}\n            aria-pressed={commentMode}\n            title=\"Add a comment\"\n            aria-label=\"Add a comment\"\n            className={`relative flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 border-0 cursor-pointer transition-colors ${\n              commentMode\n                ? 'bg-[#2b2b2b] text-white'\n                : 'text-text-body bg-white hover:bg-gray-50'\n            }`}\n          >\n            <CommentIcon />\n            {commentCount > 0 && (\n              <span\n                className={`absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 rounded-full text-[10px] leading-[18px] text-center font-semibold ${\n                  commentMode ? 'bg-white text-[#2b2b2b]' : 'bg-[#2b2b2b] text-white'\n                }`}\n              >\n                {commentCount}\n              </span>\n            )}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","ShareIcon","CheckIcon","PlusIcon","UndoIcon","RedoIcon","CommentIcon","getForwardStack","pushToForwardStack","popFromForwardStack","clearForwardStack","DEFAULT_LOADING_MESSAGES","headerClassName","UserQuery","_ref","query","onNewConversation","onNavigateToTriggerId","predecessorTriggerId","currentTriggerId","onShare","onToggleCommentMode","commentMode","commentCount","loading","newConversationLabel","copiedLabel","copiedDurationMs","productBackContext","onBackToProduct","forwardStack","canGoForward","length","canGoBack","hasNavigation","handleBack","handleForward","nextTid","handleNewConversation","shareState","setShareState","productImageError","setProductImageError","imageUrl","handleShare","urlToCopy","window","location","href","err","console","warn","navigator","clipboard","writeText","catch","setTimeout","cyclingMessages","messages","cycledMessage","setCycledMessage","progressMessage","index","interval","setInterval","clearInterval","isCopied","isLoading","productBadge","title","backUrl","label","canNavigateBack","content","createElement","Fragment","className","src","alt","onError","type","onClick","progressText","role","pendingQuery","disabled"],"sources":["../../../../src/components/ui/UserQuery.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ShareIcon } from './icons/ShareIcon';\nimport { CheckIcon } from './icons/CheckIcon';\nimport { PlusIcon } from './icons/PlusIcon';\nimport { UndoIcon } from './icons/UndoIcon';\nimport { RedoIcon } from './icons/RedoIcon';\nimport { CommentIcon } from './icons/CommentIcon';\nimport {\n  getForwardStack,\n  pushToForwardStack,\n  popFromForwardStack,\n  clearForwardStack,\n} from '../../utils/navigationStack';\n\ntype ShareState = 'idle' | 'loading' | 'copied';\n\nconst DEFAULT_LOADING_MESSAGES = [\n  'Thinking…',\n  'Recognizing intent…',\n  'Connecting the dots…',\n  'Synthesizing insights…',\n  'Formulating a response…',\n];\n\nconst headerClassName =\n  'web5-user-query sticky top-0 z-10 flex items-center justify-between bg-white/60 backdrop-blur-sm pl-5 pr-[10px] py-[7px] sm:px-[30px] sm:py-[17px]';\n\nexport interface UserQueryLoadingState {\n  pendingQuery: string;\n  /** Static progress message. If omitted, falls back to cycling through `messages`. */\n  progressMessage?: string;\n  /** Messages cycled while loading when `progressMessage` is not set. */\n  messages?: string[];\n}\n\n/**\n * Product the visitor was redirected from (DL #114). Rendered as a back badge\n * above the query: back arrow + thumbnail + product name. All fields are\n * resolved and validated app-side (allowed-domain `backUrl`, `https:`\n * `imageUrl`) before reaching this presentational component.\n */\nexport interface ProductBackContext {\n  /** Product display name. Required — without it the badge does not render. */\n  title: string;\n  /** Validated product thumbnail URL. Omitted/failed to load → arrow + title only. */\n  imageUrl?: string;\n  /** Validated product-page URL to return to. Omitted → badge is non-clickable. */\n  backUrl?: string;\n  /** Accessible label override. Defaults to `Back to ${title}`. */\n  label?: string;\n}\n\nexport interface UserQueryProps {\n  query: string;\n  onNewConversation?: () => void;\n  onNavigateToTriggerId?: (triggerId: string) => void;\n  predecessorTriggerId?: string;\n  currentTriggerId?: string;\n  onShare?: (triggerId: string) => Promise<string>;\n  /** Optional comment-mode toggle. When provided, render the chat-bubble\n   *  toggle button next to Share. The button reflects `commentMode` via\n   *  `is-on` styling and `aria-pressed`. */\n  onToggleCommentMode?: () => void;\n  commentMode?: boolean;\n  /** Total number of comments on this response — shown as a badge next to the\n   *  toggle when > 0. */\n  commentCount?: number;\n  loading?: UserQueryLoadingState;\n  /** Label for the \"new conversation\" action. Defaults to \"New conversation\". */\n  newConversationLabel?: string;\n  /** Label shown after the share link is copied. Defaults to \"Link Copied\". */\n  copiedLabel?: string;\n  /** How long the copied state stays visible, in ms. Defaults to 2000. */\n  copiedDurationMs?: number;\n  /** When set (visitor arrived from a product page), render a back-to-product\n   *  badge above the query (DL #114). */\n  productBackContext?: ProductBackContext;\n  /** Invoked with the validated `backUrl` when the badge is activated. */\n  onBackToProduct?: (backUrl: string) => void;\n}\n\nexport const UserQuery: FC<UserQueryProps> = ({\n  query,\n  onNewConversation,\n  onNavigateToTriggerId,\n  predecessorTriggerId,\n  currentTriggerId,\n  onShare,\n  onToggleCommentMode,\n  commentMode = false,\n  commentCount = 0,\n  loading,\n  newConversationLabel = 'New conversation',\n  copiedLabel = 'Link Copied',\n  copiedDurationMs = 2000,\n  productBackContext,\n  onBackToProduct,\n}) => {\n  const forwardStack = useMemo(() => getForwardStack(), [currentTriggerId]);\n  const canGoForward = forwardStack.length > 0;\n  const canGoBack = !!predecessorTriggerId;\n  const hasNavigation = canGoBack || canGoForward;\n\n  const handleBack = useCallback(() => {\n    if (!predecessorTriggerId || !currentTriggerId || !onNavigateToTriggerId) {\n      return;\n    }\n    pushToForwardStack(currentTriggerId);\n    onNavigateToTriggerId(predecessorTriggerId);\n  }, [predecessorTriggerId, currentTriggerId, onNavigateToTriggerId]);\n\n  const handleForward = useCallback(() => {\n    if (!onNavigateToTriggerId) {\n      return;\n    }\n    const nextTid = popFromForwardStack();\n    if (!nextTid) {\n      return;\n    }\n    onNavigateToTriggerId(nextTid);\n  }, [onNavigateToTriggerId]);\n\n  const handleNewConversation = useCallback(() => {\n    clearForwardStack();\n    onNewConversation?.();\n  }, [onNewConversation]);\n\n  const [shareState, setShareState] = useState<ShareState>('idle');\n\n  const [productImageError, setProductImageError] = useState(false);\n  useEffect(() => {\n    setProductImageError(false);\n  }, [productBackContext?.imageUrl]);\n\n  const handleShare = useCallback(async () => {\n    if (shareState !== 'idle') {\n      return;\n    }\n    setShareState('loading');\n    let urlToCopy = window.location.href;\n    try {\n      if (onShare && currentTriggerId) {\n        urlToCopy = await onShare(currentTriggerId);\n      }\n    } catch (err) {\n      console.warn('[share] failed, falling back to current URL:', err);\n    }\n    navigator.clipboard\n      .writeText(urlToCopy)\n      .catch((err) => console.warn('[share] clipboard write failed:', err));\n    setShareState('copied');\n    setTimeout(() => setShareState('idle'), copiedDurationMs);\n  }, [shareState, onShare, currentTriggerId, copiedDurationMs]);\n\n  const cyclingMessages = useMemo(\n    () =>\n      loading?.messages && loading.messages.length > 0\n        ? loading.messages\n        : DEFAULT_LOADING_MESSAGES,\n    [loading?.messages],\n  );\n  const [cycledMessage, setCycledMessage] = useState(cyclingMessages[0]);\n\n  useEffect(() => {\n    if (!loading || loading.progressMessage) {\n      return;\n    }\n    setCycledMessage(cyclingMessages[0]);\n    if (cyclingMessages.length <= 1) {\n      return;\n    }\n    let index = 0;\n    const interval = setInterval(() => {\n      index = (index + 1) % cyclingMessages.length;\n      setCycledMessage(cyclingMessages[index]);\n    }, 4000);\n    return () => clearInterval(interval);\n  }, [loading, cyclingMessages]);\n\n  if (!query && !loading) {\n    return null;\n  }\n\n  const isCopied = shareState === 'copied';\n  const isLoading = shareState === 'loading';\n\n  const productBadge = productBackContext\n    ? (() => {\n        const { title, imageUrl, backUrl, label } = productBackContext;\n        const canNavigateBack = !!backUrl && !!onBackToProduct;\n        const content = (\n          <>\n            <UndoIcon className=\"web5-user-query__product-back-icon\" />\n            {imageUrl && !productImageError && (\n              <span className=\"web5-user-query__product-back-thumb\">\n                <img\n                  src={imageUrl}\n                  alt=\"\"\n                  onError={() => setProductImageError(true)}\n                />\n              </span>\n            )}\n            <span className=\"web5-user-query__product-back-title\">{title}</span>\n          </>\n        );\n        return canNavigateBack ? (\n          <button\n            type=\"button\"\n            onClick={() => onBackToProduct?.(backUrl!)}\n            aria-label={label ?? `Back to ${title}`}\n            className=\"web5-user-query__product-back\"\n          >\n            {content}\n          </button>\n        ) : (\n          <div className=\"web5-user-query__product-back web5-user-query__product-back--static\">\n            {content}\n          </div>\n        );\n      })()\n    : null;\n\n  if (loading) {\n    const progressText = loading.progressMessage ?? cycledMessage;\n    return (\n      <div\n        className={headerClassName}\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-live=\"polite\"\n      >\n        <div className=\"web5-user-query__left flex-1\">\n          {productBadge}\n          <p\n            className=\"text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px]\"\n            title={`Asking: ${loading.pendingQuery}`}\n          >\n            <span className=\"text-text-body/70\">Asking: </span>\n            {loading.pendingQuery}\n          </p>\n        </div>\n        {progressText && (\n          <div className=\"hidden sm:flex items-center gap-2 ml-[10px] shrink-0 min-w-0\">\n            <div\n              className=\"w-4 h-4 shrink-0 animate-spin inline-block border-[2px] border-current border-t-transparent text-blue-600 dark:text-blue-500 rounded-full\"\n              aria-hidden=\"true\"\n            />\n            <p className=\"text-[13px] leading-5 text-text-body/70 truncate max-w-[240px]\">\n              {progressText}\n            </p>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={headerClassName}>\n      <div className=\"flex items-center gap-[30px] flex-1 min-w-0\">\n        <div className=\"web5-user-query__left\">\n          {productBadge}\n          <p\n            className=\"web5-user-query__title text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px]\"\n            title={query}\n          >\n            {query}\n          </p>\n        </div>\n        {hasNavigation && (\n          <div className=\"flex items-center gap-[9px]\">\n            <button\n              type=\"button\"\n              onClick={handleBack}\n              disabled={!canGoBack}\n              title=\"Go to previous conversation\"\n              aria-label=\"Go to previous conversation\"\n              className=\"w-6 h-6 flex items-center justify-center text-text-body hover:text-black transition-colors bg-transparent border-0 cursor-pointer disabled:opacity-30 disabled:cursor-default\"\n            >\n              <UndoIcon />\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleForward}\n              disabled={!canGoForward}\n              title=\"Go to next conversation\"\n              aria-label=\"Go to next conversation\"\n              className=\"w-6 h-6 flex items-center justify-center text-text-body hover:text-black transition-colors bg-transparent border-0 cursor-pointer disabled:opacity-30 disabled:cursor-default\"\n            >\n              <RedoIcon />\n            </button>\n          </div>\n        )}\n      </div>\n      <div className=\"flex items-center gap-[10px] ml-[10px] sm:ml-0 shrink-0\">\n        {/*\n          Keyboard hint. It used to sit inside the prompt field, which was the\n          wrong home for it twice over: it competed with the placeholder for the\n          same space, and it disappeared exactly when the reader engaged with\n          the input — so the shortcut was only ever advertised to someone who\n          was not using it. Here it sits with the other page-level affordances\n          and stays legible while the reader types.\n\n          `aria-hidden` because the shortcut is already announced on the input\n          itself via `aria-keyshortcuts`; this is the visual reminder, and\n          repeating it to assistive tech would just be noise.\n        */}\n        <span className=\"web5-prompt-hint\" aria-hidden=\"true\">\n          Press <kbd className=\"web5-prompt-hint__key\">/</kbd> to search\n        </span>\n        {/* Share button — wraps button + tooltips in a relative container */}\n        <div className=\"web5-user-query__action group relative\">\n          <button\n            type=\"button\"\n            aria-label=\"Share this\"\n            onClick={handleShare}\n            disabled={isLoading || isCopied}\n            className={`web5-user-query__share flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 border-0 cursor-pointer transition-colors disabled:cursor-default\n              ${\n                isCopied\n                  ? 'is-copied bg-[#2b2b2b] text-white'\n                  : 'text-text-body bg-white hover:bg-gray-50'\n              }`}\n          >\n            {isCopied ? <CheckIcon /> : <ShareIcon />}\n            <span className=\"hidden sm:inline\">\n              {isLoading ? 'Sharing…' : isCopied ? copiedLabel : 'Share'}\n            </span>\n          </button>\n          {/*\n            Hover tooltip. Suppressed once the link is copied, because the\n            copied state is its own message and two overlapping bubbles saying\n            different things is worse than none.\n          */}\n          {!isCopied && (\n            <span className=\"web5-user-query__tooltip\" role=\"tooltip\">\n              Share this\n            </span>\n          )}\n          {/* Mobile-only tooltip: drops below the button when link is copied */}\n          {isCopied && (\n            <div className=\"web5-user-query__copied-toast sm:hidden absolute top-full right-0 mt-1 flex items-center gap-2 bg-[#2b2b2b] text-white text-[12px] leading-none px-3 py-2 rounded-[8px] whitespace-nowrap\">\n              <CheckIcon />\n              {copiedLabel}\n            </div>\n          )}\n        </div>\n        {onNewConversation && (\n          <div className=\"web5-user-query__action group relative\">\n            <button\n              type=\"button\"\n              aria-label={newConversationLabel}\n              onClick={handleNewConversation}\n              className=\"web5-user-query__new-conversation flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 text-text-body bg-white border-0 cursor-pointer hover:bg-gray-50 transition-colors\"\n            >\n              <PlusIcon />\n              <span className=\"hidden sm:inline\">{newConversationLabel}</span>\n            </button>\n            <span className=\"web5-user-query__tooltip\" role=\"tooltip\">\n              {newConversationLabel}\n            </span>\n          </div>\n        )}\n        {onToggleCommentMode && (\n          <button\n            type=\"button\"\n            onClick={onToggleCommentMode}\n            aria-pressed={commentMode}\n            title=\"Add a comment\"\n            aria-label=\"Add a comment\"\n            className={`relative flex items-center gap-2 p-[6px] sm:px-[13px] sm:py-[5px] rounded-[30px] text-[13px] leading-5 border-0 cursor-pointer transition-colors ${\n              commentMode\n                ? 'bg-[#2b2b2b] text-white'\n                : 'text-text-body bg-white hover:bg-gray-50'\n            }`}\n          >\n            <CommentIcon />\n            {commentCount > 0 && (\n              <span\n                className={`absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 rounded-full text-[10px] leading-[18px] text-center font-semibold ${\n                  commentMode ? 'bg-white text-[#2b2b2b]' : 'bg-[#2b2b2b] text-white'\n                }`}\n              >\n                {commentCount}\n              </span>\n            )}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/types/components/ui/SearchSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SearchSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AA8ED,eAAO,MAAM,aAAa,gGA2WxB,CAAC"}
+{"version":3,"file":"SearchSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SearchSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AA8ED,eAAO,MAAM,aAAa,gGAoWxB,CAAC"}

package/dist/types/components/ui/UserQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserQuery.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/UserQuery.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AA2B7E,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACjD;;8CAE0C;IAC1C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;2CACuC;IACvC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqRxC,CAAC"}
+{"version":3,"file":"UserQuery.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/UserQuery.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AA2B7E,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACjD;;8CAE0C;IAC1C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;2CACuC;IACvC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqTxC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/web5-core",
   "license": "MIT",
-  "version": "1.63.18",
+  "version": "1.63.19",
   "author": {
     "name": "tsachis",
     "email": "tsachis@wix.com"
@@ -100,5 +100,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "f8f308fde8424dad1460ce80f953015f5637c89178f2f507163b0a92"
+  "falconPackageHash": "282c54cdc047b85c4f2c57b5d3144fdeee9658b61cdfea16b12809b8"
 }

package/src/components/ui/SearchSection.css

@@ -373,39 +373,6 @@
   transform: translateY(-50%);
 }
 
-.web5-prompt-hint {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  margin-right: 4px;
-  color: var(--pi-field-placeholder);
-  font-family: var(--pi-field-font-family);
-  font-size: 12px;
-  line-height: 1;
-  white-space: nowrap;
-  pointer-events: none;
-  user-select: none;
-}
-
-.web5-prompt-hint__key {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 16px;
-  padding: 1px 4px;
-  border: 1px solid var(--pi-field-placeholder);
-  border-radius: 3px;
-  background: transparent;
-  font-family: inherit;
-  font-size: 11px;
-  line-height: 1;
-}
-
-@media (pointer: coarse) {
-  .web5-prompt-hint {
-    display: none;
-  }
-}
 
 .web5-prompt-field--multiline .web5-prompt-actions {
   top: auto;
@@ -589,7 +556,4 @@
     height: 20px;
   }
 
-  .web5-prompt-hint {
-    display: none;
-  }
 }

package/src/components/ui/UserQuery.css

@@ -70,3 +70,109 @@
 .web5-user-query__product-back:hover .web5-user-query__product-back-title {
   text-decoration: underline;
 }
+
+/*
+ * Keyboard hint — "Press / to search", beside the Share action.
+ *
+ * It lived inside the prompt field until it was moved here: there it competed
+ * with the placeholder for the same space and vanished the moment the reader
+ * focused the input, so the shortcut was only ever shown to someone not using
+ * it. Its colour still comes from the prompt-input token family, which keeps
+ * it in step with the input it describes and themeable by the same knob.
+ */
+.web5-prompt-hint {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--pi-field-placeholder);
+  font-family: var(--pi-field-font-family);
+  font-size: 12px;
+  line-height: 1;
+  white-space: nowrap;
+  pointer-events: none;
+  user-select: none;
+}
+
+.web5-prompt-hint__key {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  padding: 1px 4px;
+  border: 1px solid var(--pi-field-placeholder);
+  border-radius: 3px;
+  background: transparent;
+  font-family: inherit;
+  font-size: 11px;
+  line-height: 1;
+}
+
+/* No physical keyboard, no shortcut worth advertising. */
+@media (pointer: coarse) {
+  .web5-prompt-hint {
+    display: none;
+  }
+}
+
+/* Mobile: the header is tight and there is no keyboard anyway. */
+@media (max-width: 768px) {
+  .web5-prompt-hint {
+    display: none;
+  }
+}
+
+/*
+ * Action tooltips — "Share this", "New conversation".
+ *
+ * Brand-coloured via the theme tokens rather than the header's own greys, so a
+ * client that rebrands gets tooltips that match. `--primary` is the brand
+ * accent every client already sets; the copied-state toast beside this
+ * deliberately keeps its own near-black, because that one is a status message
+ * rather than a label and should not read as an action.
+ *
+ * Hover and focus-visible both, so a keyboard user gets the same affordance —
+ * the buttons are icon-only below the `sm` breakpoint, where the label is the
+ * only thing naming them.
+ */
+.web5-user-query__tooltip {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  z-index: 20;
+  padding: 5px 10px;
+  border-radius: 6px;
+  background: hsl(var(--primary, 262 83% 58%));
+  color: hsl(var(--primary-foreground, 0 0% 100%));
+  font-size: 12px;
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  transform: translateY(-2px);
+  transition:
+    opacity 120ms ease-out,
+    transform 120ms ease-out;
+}
+
+.web5-user-query__action:hover .web5-user-query__tooltip,
+.web5-user-query__action:focus-within .web5-user-query__tooltip {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/*
+ * Touch has no hover, so a tooltip there is either permanently invisible or
+ * permanently in the way. The buttons carry `aria-label`, which is what
+ * actually names them for anyone who needs it.
+ */
+@media (pointer: coarse) {
+  .web5-user-query__tooltip {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .web5-user-query__tooltip {
+    transition: none;
+  }
+}