feat(playground): Add auth gate, session persistence and token display to shareable playground (#12519)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: 2 people

src/frontend/src/components/core/playgroundComponent/chat-view/chat-messages/components/bot-message.tsx

@@ -11,7 +11,6 @@ import useAlertStore from "@/stores/alertStore";
 import useFlowStore from "@/stores/flowStore";
 import useFlowsManagerStore from "@/stores/flowsManagerStore";
 import type { chatMessagePropsType } from "@/types/components";
-import { formatTokenCount } from "@/utils/format-token-count";
 import { cn } from "@/utils/utils";
 import { useMessageDuration } from "../hooks/use-message-duration";
 import { useStreamingMessage } from "../hooks/use-streaming-message";
@@ -127,42 +126,6 @@ export const BotMessage = memo(
         ? persistedDuration
         : liveDisplayTime;
 
-    const formattedTokenCount = formatTokenCount(
-      chat.properties?.usage?.total_tokens,
-    );
-
-    const tokenTooltipContent =
-      displayTime > 0 ? (
-        <div className="flex flex-col gap-1">
-          <div className="flex items-center text-xxs text-secondary-foreground">
-            <div>Last run:</div>
-            <div className="ml-1">{chat.timestamp}</div>
-          </div>
-          <div className="flex items-center text-xxs text-secondary-foreground">
-            <div>Duration:</div>
-            <div className="ml-auto">{formatSeconds(displayTime)}</div>
-          </div>
-          {chat.properties?.usage?.input_tokens != null && (
-            <div className="flex items-center text-xxs text-secondary-foreground">
-              <div>Input:</div>
-              <div className="ml-auto flex items-center gap-1 font-mono text-xs">
-                <ForwardedIconComponent name="Coins" className="h-3 w-3" />
-                {formatTokenCount(chat.properties.usage.input_tokens)}
-              </div>
-            </div>
-          )}
-          {chat.properties?.usage?.output_tokens != null && (
-            <div className="flex items-center text-xxs text-secondary-foreground">
-              <div>Output:</div>
-              <div className="ml-auto flex items-center gap-1 font-mono text-xs">
-                <ForwardedIconComponent name="Coins" className="h-3 w-3" />
-                {formatTokenCount(chat.properties.usage.output_tokens)}
-              </div>
-            </div>
-          )}
-        </div>
-      ) : null;
-
     return (
       <>
         <div className="w-full word-break-break-word mt-2">