@wix/web5-core 1.56.0

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

@@ -0,0 +1,348 @@
+"use strict";
+
+exports.__esModule = true;
+exports.UserQuery = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ShareIcon = require("./icons/ShareIcon");
+var _CheckIcon = require("./icons/CheckIcon");
+var _PlusIcon = require("./icons/PlusIcon");
+var _UndoIcon = require("./icons/UndoIcon");
+var _RedoIcon = require("./icons/RedoIcon");
+var _CommentIcon = require("./icons/CommentIcon");
+var _navigationStack = require("../../utils/navigationStack");
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/UserQuery.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_LOADING_MESSAGES = ['Thinking…', 'Recognizing intent…', 'Connecting the dots…', 'Synthesizing insights…', 'Formulating a response…'];
+const headerClassName = '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]';
+const UserQuery = ({
+  query,
+  onNewConversation,
+  onNavigateToTriggerId,
+  predecessorTriggerId,
+  currentTriggerId,
+  onShare,
+  onToggleCommentMode,
+  commentMode = false,
+  commentCount = 0,
+  loading,
+  newConversationLabel = 'New conversation',
+  copiedLabel = 'Link Copied',
+  copiedDurationMs = 2000
+}) => {
+  const forwardStack = (0, _react.useMemo)(() => (0, _navigationStack.getForwardStack)(), [currentTriggerId]);
+  const canGoForward = forwardStack.length > 0;
+  const canGoBack = !!predecessorTriggerId;
+  const hasNavigation = canGoBack || canGoForward;
+  const handleBack = (0, _react.useCallback)(() => {
+    if (!predecessorTriggerId || !currentTriggerId || !onNavigateToTriggerId) {
+      return;
+    }
+    (0, _navigationStack.pushToForwardStack)(currentTriggerId);
+    onNavigateToTriggerId(predecessorTriggerId);
+  }, [predecessorTriggerId, currentTriggerId, onNavigateToTriggerId]);
+  const handleForward = (0, _react.useCallback)(() => {
+    if (!onNavigateToTriggerId) {
+      return;
+    }
+    const nextTid = (0, _navigationStack.popFromForwardStack)();
+    if (!nextTid) {
+      return;
+    }
+    onNavigateToTriggerId(nextTid);
+  }, [onNavigateToTriggerId]);
+  const handleNewConversation = (0, _react.useCallback)(() => {
+    (0, _navigationStack.clearForwardStack)();
+    onNewConversation == null || onNewConversation();
+  }, [onNewConversation]);
+  const [shareState, setShareState] = (0, _react.useState)('idle');
+  const handleShare = (0, _react.useCallback)(async () => {
+    if (shareState !== 'idle') {
+      return;
+    }
+    setShareState('loading');
+    let urlToCopy = window.location.href;
+    try {
+      if (onShare && currentTriggerId) {
+        urlToCopy = await onShare(currentTriggerId);
+      }
+    } catch (err) {
+      console.warn('[share] failed, falling back to current URL:', err);
+    }
+    navigator.clipboard.writeText(urlToCopy).catch(err => console.warn('[share] clipboard write failed:', err));
+    setShareState('copied');
+    setTimeout(() => setShareState('idle'), copiedDurationMs);
+  }, [shareState, onShare, currentTriggerId, copiedDurationMs]);
+  const cyclingMessages = (0, _react.useMemo)(() => loading != null && loading.messages && loading.messages.length > 0 ? loading.messages : DEFAULT_LOADING_MESSAGES, [loading == null ? void 0 : loading.messages]);
+  const [cycledMessage, setCycledMessage] = (0, _react.useState)(cyclingMessages[0]);
+  (0, _react.useEffect)(() => {
+    if (!loading || loading.progressMessage) {
+      return;
+    }
+    setCycledMessage(cyclingMessages[0]);
+    if (cyclingMessages.length <= 1) {
+      return;
+    }
+    let index = 0;
+    const interval = setInterval(() => {
+      index = (index + 1) % cyclingMessages.length;
+      setCycledMessage(cyclingMessages[index]);
+    }, 4000);
+    return () => clearInterval(interval);
+  }, [loading, cyclingMessages]);
+  if (!query && !loading) {
+    return null;
+  }
+  const isCopied = shareState === 'copied';
+  const isLoading = shareState === 'loading';
+  if (loading) {
+    const progressText = loading.progressMessage ?? cycledMessage;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: headerClassName,
+      role: "status",
+      "aria-busy": "true",
+      "aria-live": "polite",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 161,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement("p", {
+      className: "text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px] flex-1",
+      title: `Asking: ${loading.pendingQuery}`,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 167,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "text-text-body/70",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 171,
+        columnNumber: 11
+      }
+    }, "Asking: "), loading.pendingQuery), progressText && /*#__PURE__*/_react.default.createElement("div", {
+      className: "hidden sm:flex items-center gap-2 ml-[10px] shrink-0 min-w-0",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 175,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      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",
+      "aria-hidden": "true",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 176,
+        columnNumber: 13
+      }
+    }), /*#__PURE__*/_react.default.createElement("p", {
+      className: "text-[13px] leading-5 text-text-body/70 truncate max-w-[240px]",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 180,
+        columnNumber: 13
+      }
+    }, progressText)));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: headerClassName,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 190,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex items-center gap-[30px] flex-1 min-w-0",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 191,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "web5-user-query__title text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px]",
+    title: query,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 192,
+      columnNumber: 9
+    }
+  }, query), hasNavigation && /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex items-center gap-[9px]",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 199,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: handleBack,
+    disabled: !canGoBack,
+    title: "Go to previous conversation",
+    "aria-label": "Go to previous conversation",
+    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",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 200,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_UndoIcon.UndoIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 208,
+      columnNumber: 15
+    }
+  })), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: handleForward,
+    disabled: !canGoForward,
+    title: "Go to next conversation",
+    "aria-label": "Go to next conversation",
+    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",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 210,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_RedoIcon.RedoIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 218,
+      columnNumber: 15
+    }
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex items-center gap-[10px] ml-[10px] sm:ml-0 shrink-0",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 223,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "relative",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 225,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    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'}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 226,
+      columnNumber: 11
+    }
+  }, isCopied ? /*#__PURE__*/_react.default.createElement(_CheckIcon.CheckIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 237,
+      columnNumber: 25
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_ShareIcon.ShareIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 237,
+      columnNumber: 41
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "hidden sm:inline",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 238,
+      columnNumber: 13
+    }
+  }, isLoading ? 'Sharing…' : isCopied ? copiedLabel : 'Share')), isCopied && /*#__PURE__*/_react.default.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",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 244,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CheckIcon.CheckIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 245,
+      columnNumber: 15
+    }
+  }), copiedLabel)), onNewConversation && /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    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",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 251,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PlusIcon.PlusIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 256,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "hidden sm:inline",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 257,
+      columnNumber: 13
+    }
+  }, newConversationLabel)), onToggleCommentMode && /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: onToggleCommentMode,
+    "aria-pressed": commentMode,
+    title: "Add a comment",
+    "aria-label": "Add a comment",
+    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 ${commentMode ? 'bg-[#2b2b2b] text-white' : 'text-text-body bg-white hover:bg-gray-50'}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 261,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CommentIcon.CommentIcon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 273,
+      columnNumber: 13
+    }
+  }), commentCount > 0 && /*#__PURE__*/_react.default.createElement("span", {
+    className: `absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 rounded-full text-[10px] leading-[18px] text-center font-semibold ${commentMode ? 'bg-white text-[#2b2b2b]' : 'bg-[#2b2b2b] text-white'}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 275,
+      columnNumber: 15
+    }
+  }, commentCount))));
+};
+exports.UserQuery = UserQuery;
+//# sourceMappingURL=UserQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ShareIcon","_CheckIcon","_PlusIcon","_UndoIcon","_RedoIcon","_CommentIcon","_navigationStack","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_LOADING_MESSAGES","headerClassName","UserQuery","query","onNewConversation","onNavigateToTriggerId","predecessorTriggerId","currentTriggerId","onShare","onToggleCommentMode","commentMode","commentCount","loading","newConversationLabel","copiedLabel","copiedDurationMs","forwardStack","useMemo","getForwardStack","canGoForward","length","canGoBack","hasNavigation","handleBack","useCallback","pushToForwardStack","handleForward","nextTid","popFromForwardStack","handleNewConversation","clearForwardStack","shareState","setShareState","useState","handleShare","urlToCopy","window","location","href","err","console","warn","navigator","clipboard","writeText","catch","setTimeout","cyclingMessages","messages","cycledMessage","setCycledMessage","useEffect","progressMessage","index","interval","setInterval","clearInterval","isCopied","isLoading","progressText","createElement","className","role","__self","__source","fileName","lineNumber","columnNumber","title","pendingQuery","type","onClick","disabled","UndoIcon","RedoIcon","CheckIcon","ShareIcon","PlusIcon","CommentIcon","exports"],"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\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}\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}) => {\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 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  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        <p\n          className=\"text-[14px] leading-5 text-text-body truncate min-w-0 max-w-[700px] flex-1\"\n          title={`Asking: ${loading.pendingQuery}`}\n        >\n          <span className=\"text-text-body/70\">Asking: </span>\n          {loading.pendingQuery}\n        </p>\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        <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        {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":[]}

package/dist/cjs/components/ui/icons/ArrowTopRightIcon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ArrowTopRightIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/icons/ArrowTopRightIcon.tsx";
+const ArrowTopRightIcon = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "22",
+  height: "22",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  "aria-hidden": "true"
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 6,
+    columnNumber: 3
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M6.41602 6.4165H15.5827M15.5827 6.4165V15.5832M15.5827 6.4165L6.41602 15.5832",
+  stroke: "currentColor",
+  strokeWidth: "1.3",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 15,
+    columnNumber: 5
+  }
+}));
+exports.ArrowTopRightIcon = ArrowTopRightIcon;
+//# sourceMappingURL=ArrowTopRightIcon.js.map

package/dist/cjs/components/ui/icons/ArrowTopRightIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","ArrowTopRightIcon","props","default","createElement","_extends2","xmlns","width","height","viewBox","fill","__self","__source","fileName","lineNumber","columnNumber","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","exports"],"sources":["../../../../../src/components/ui/icons/ArrowTopRightIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ArrowTopRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (\n  props,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path\n      d=\"M6.41602 6.4165H15.5827M15.5827 6.4165V15.5832M15.5827 6.4165L6.41602 15.5832\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAEnB,MAAMC,iBAA0D,GACrEC,KAAK,iBAELL,MAAA,CAAAM,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACX,eAAY;AAAM,GACdR,KAAK;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,iBAETlB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EACEY,CAAC,EAAC,+EAA+E;EACjFC,MAAM,EAAC,cAAc;EACrBC,WAAW,EAAC,KAAK;EACjBC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC,OAAO;EAAAT,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACvB,CACE,CACN;AAACM,OAAA,CAAApB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/components/ui/icons/ArrowUpIcon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ArrowUpIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/icons/ArrowUpIcon.tsx";
+const ArrowUpIcon = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1",
+  strokeLinecap: "butt",
+  "aria-hidden": "true"
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 4,
+    columnNumber: 3
+  }
+}), /*#__PURE__*/_react.default.createElement("line", {
+  x1: "12",
+  y1: "20",
+  x2: "12",
+  y2: "5",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 16,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("line", {
+  x1: "7",
+  y1: "10",
+  x2: "12",
+  y2: "5",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 17,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("line", {
+  x1: "17",
+  y1: "10",
+  x2: "12",
+  y2: "5",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 18,
+    columnNumber: 5
+  }
+}));
+exports.ArrowUpIcon = ArrowUpIcon;
+//# sourceMappingURL=ArrowUpIcon.js.map

package/dist/cjs/components/ui/icons/ArrowUpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","ArrowUpIcon","props","default","createElement","_extends2","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","__self","__source","fileName","lineNumber","columnNumber","x1","y1","x2","y2","exports"],"sources":["../../../../../src/components/ui/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1\"\n    strokeLinecap=\"butt\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"5\" />\n    <line x1=\"7\" y1=\"10\" x2=\"12\" y2=\"5\" />\n    <line x1=\"17\" y1=\"10\" x2=\"12\" y2=\"5\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAEnB,MAAMC,WAAoD,GAAIC,KAAK,iBACxEL,MAAA,CAAAM,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,MAAM,EAAC,cAAc;EACrBC,WAAW,EAAC,GAAG;EACfC,aAAa,EAAC,MAAM;EACpB,eAAY;AAAM,GACdX,KAAK;EAAAY,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,iBAETrB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAMe,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,GAAG;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eACvCrB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAMe,EAAE,EAAC,GAAG;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,GAAG;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eACtCrB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAMe,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,GAAG;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACnC,CACN;AAACK,OAAA,CAAAtB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/ui/icons/CheckIcon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CheckIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/icons/CheckIcon.tsx";
+const CheckIcon = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true"
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 4,
+    columnNumber: 3
+  }
+}), /*#__PURE__*/_react.default.createElement("polyline", {
+  points: "20 6 9 17 4 12",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 17,
+    columnNumber: 5
+  }
+}));
+exports.CheckIcon = CheckIcon;
+//# sourceMappingURL=CheckIcon.js.map

package/dist/cjs/components/ui/icons/CheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","CheckIcon","props","default","createElement","_extends2","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","__self","__source","fileName","lineNumber","columnNumber","points","exports"],"sources":["../../../../../src/components/ui/icons/CheckIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CheckIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <polyline points=\"20 6 9 17 4 12\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAEnB,MAAMC,SAAkD,GAAIC,KAAK,iBACtEL,MAAA,CAAAM,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,MAAM,EAAC,cAAc;EACrBC,WAAW,EAAC,GAAG;EACfC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC,OAAO;EACtB,eAAY;AAAM,GACdZ,KAAK;EAAAa,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,iBAETtB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAUgB,MAAM,EAAC,gBAAgB;EAAAL,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAChC,CACN;AAACE,OAAA,CAAApB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/components/ui/icons/CommentIcon.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CommentIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/icons/CommentIcon.tsx";
+const CommentIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 4,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M21 12a8 8 0 1 1-3.2-6.4L21 4l-1 4.2A8 8 0 0 1 21 12z",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 15,
+    columnNumber: 5
+  }
+}));
+exports.CommentIcon = CommentIcon;
+//# sourceMappingURL=CommentIcon.js.map

package/dist/cjs/components/ui/icons/CommentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","CommentIcon","default","createElement","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","__self","__source","fileName","lineNumber","columnNumber","d","exports"],"sources":["../../../../../src/components/ui/icons/CommentIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport const CommentIcon: FC = () => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden\n  >\n    <path d=\"M21 12a8 8 0 1 1-3.2-6.4L21 4l-1 4.2A8 8 0 0 1 21 12z\" />\n  </svg>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkC,IAAAC,YAAA;AAE3B,MAAMC,WAAe,GAAGA,CAAA,kBAC7BJ,MAAA,CAAAK,OAAA,CAAAC,aAAA;EACEC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,MAAM,EAAC,cAAc;EACrBC,WAAW,EAAE,CAAE;EACfC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC,OAAO;EACtB,mBAAW;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAd,YAAA;IAAAe,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAEXnB,MAAA,CAAAK,OAAA,CAAAC,aAAA;EAAMc,CAAC,EAAC,uDAAuD;EAAAL,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAd,YAAA;IAAAe,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC9D,CACN;AAACE,OAAA,CAAAjB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/ui/icons/PlusIcon.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PlusIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/icons/PlusIcon.tsx";
+const PlusIcon = props => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true"
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 4,
+    columnNumber: 3
+  }
+}), /*#__PURE__*/_react.default.createElement("line", {
+  x1: "12",
+  y1: "5",
+  x2: "12",
+  y2: "19",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 17,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("line", {
+  x1: "5",
+  y1: "12",
+  x2: "19",
+  y2: "12",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 18,
+    columnNumber: 5
+  }
+}));
+exports.PlusIcon = PlusIcon;
+//# sourceMappingURL=PlusIcon.js.map

package/dist/cjs/components/ui/icons/PlusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","PlusIcon","props","default","createElement","_extends2","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","__self","__source","fileName","lineNumber","columnNumber","x1","y1","x2","y2","exports"],"sources":["../../../../../src/components/ui/icons/PlusIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const PlusIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAEnB,MAAMC,QAAiD,GAAIC,KAAK,iBACrEL,MAAA,CAAAM,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,MAAM,EAAC,cAAc;EACrBC,WAAW,EAAC,GAAG;EACfC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC,OAAO;EACtB,eAAY;AAAM,GACdZ,KAAK;EAAAa,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,iBAETtB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAMgB,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,GAAG;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,eACvCtB,MAAA,CAAAM,OAAA,CAAAC,aAAA;EAAMgB,EAAE,EAAC,GAAG;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAACC,EAAE,EAAC,IAAI;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACnC,CACN;AAACK,OAAA,CAAAvB,QAAA,GAAAA,QAAA","ignoreList":[]}