npm - @razorpay/blade - Versions diffs - 12.90.0 → 12.91.0 - Mend

@razorpay/blade 12.90.0 → 12.91.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/build/lib/web/production/components/ChatMessage/ReasoningTraces.web.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReasoningTraces.web.js","sources":["../../../../../../src/components/ChatMessage/ReasoningTraces.web.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport type { ReasoningTrace, ReasoningTracesProps } from './types';\nimport Rotate from './Rotate';\nimport { useTheme } from '~components/BladeProvider';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport type { IconComponent } from '~components/Icons';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible/CollapsibleBody';\nimport { Svg, Path } from '~components/Icons/_Svg';\nimport useIconProps from '~components/Icons/useIconProps';\n\n// Custom 4-pointed star matching the Figma design\nconst SparkleIcon: IconComponent = ({ size, color, ...styledProps }) => {\n const { height, width } = useIconProps({ size, color });\n return (\n <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 9 9\" fill=\"none\">\n <Path\n d=\"M4.7169 8.67519C4.62025 8.93638 4.25084 8.93638 4.15419 8.67519L3.13296 5.91537C3.10258 5.83326 3.03784 5.76851 2.95572 5.73813L0.195898 4.7169C-0.0652872 4.62025 -0.0652871 4.25084 0.195899 4.15419L2.95572 3.13296C3.03784 3.10258 3.10258 3.03784 3.13297 2.95572L4.15419 0.1959C4.25084 -0.0652861 4.62026 -0.0652861 4.7169 0.195899L5.73813 2.95572C5.76851 3.03784 5.83326 3.10258 5.91537 3.13297L8.6752 4.15419C8.93638 4.25084 8.93638 4.62026 8.6752 4.7169L5.91537 5.73813C5.83326 5.76851 5.76851 5.83326 5.73813 5.91537L4.7169 8.67519Z\"\n fill=\"#009E5C\"\n />\n </Svg>\n );\n};\n\n// Spinning sparkle for the active step row (smaller)\nconst ActiveStepIcon = (): React.ReactElement => {\n return (\n <Rotate animate={true}>\n <SparkleIcon size=\"xsmall\" color=\"feedback.icon.positive.intense\" />\n </Rotate>\n );\n};\n\ntype StepStatus = 'completed' | 'active' | 'pending';\n\nconst StepDot = ({ status }: { status: StepStatus }): React.ReactElement => (\n <BaseBox\n style={{ opacity: status === 'pending' ? 0.3 : 1 }}\n width=\"6px\"\n height=\"6px\"\n borderRadius=\"max\"\n backgroundColor={\n status === 'completed' ? 'surface.icon.onSea.onSubtle' : 'surface.icon.gray.muted'\n }\n flexShrink={0}\n />\n);\n\n// Connector color follows the step above it: green after completed, gray otherwise\nconst StepConnector = ({ fromStatus }: { fromStatus: StepStatus }): React.ReactElement => (\n <BaseBox\n style={{ flex: 1, minHeight: '6px' }}\n width=\"1px\"\n backgroundColor={\n fromStatus === 'completed' ? 'surface.icon.onSea.onSubtle' : 'surface.border.gray.muted'\n }\n />\n);\n\nconst ShimmerOverlay = ({\n children,\n isActive,\n}: {\n children: React.ReactNode;\n isActive: boolean;\n}): React.ReactElement => {\n const { theme } = useTheme();\n\n const shimmerColor = theme.colors.surface.text.staticWhite.muted;\n const shimmerDuration = msToSeconds(theme.motion.duration['2xgentle']);\n const shimmerDelay = msToSeconds(theme.motion.delay.gentle);\n const shimmerEase = cssBezierToArray(castWebType(theme.motion.easing.standard));\n return (\n <BaseBox position=\"relative\" overflow=\"hidden\">\n {children}\n {isActive && (\n <m.span\n aria-hidden\n style={{\n position: 'absolute',\n inset: 0,\n background: `linear-gradient(90deg, transparent 0%, ${shimmerColor} 50%, transparent 100%)`,\n pointerEvents: 'none',\n }}\n initial={{ x: '-100%' }}\n animate={{ x: '100%' }}\n transition={{\n duration: shimmerDuration,\n ease: shimmerEase,\n repeat: Infinity,\n repeatDelay: shimmerDelay,\n }}\n />\n )}\n </BaseBox>\n );\n};\n\nconst TraceRow = ({\n text,\n isLast,\n stepStatus,\n}: {\n text: string;\n isLast: boolean;\n stepStatus: StepStatus;\n}): React.ReactElement => (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"stretch\">\n {/* Left column: icon + connector */}\n <BaseBox\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n flexShrink={0}\n width=\"16px\"\n marginRight=\"spacing.3\"\n >\n <BaseBox\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n height=\"17px\"\n flexShrink={0}\n >\n {stepStatus === 'active' ? <ActiveStepIcon /> : <StepDot status={stepStatus} />}\n </BaseBox>\n {!isLast && <StepConnector fromStatus={stepStatus} />}\n </BaseBox>\n\n {/* Text */}\n <BaseBox\n paddingBottom={isLast ? 'spacing.0' : 'spacing.2'}\n style={stepStatus === 'pending' ? { opacity: 0.5 } : undefined}\n >\n <ShimmerOverlay isActive={stepStatus === 'active'}>\n <Text\n color={\n stepStatus === 'active' ? 'surface.text.onSea.onSubtle' : 'surface.text.gray.muted'\n }\n size=\"small\"\n weight=\"regular\"\n >\n {text}\n </Text>\n </ShimmerOverlay>\n </BaseBox>\n </BaseBox>\n);\n\nconst ReasoningTraces = ({\n traces,\n status = 'loading',\n title = 'Explored',\n activeStepIndex,\n}: ReasoningTracesProps): React.ReactElement => {\n // Upfront mode: all steps are known; activeStepIndex controls which is active\n const isUpfrontMode = activeStepIndex !== undefined;\n\n // Start collapsed in upfront mode so the open animation plays on mount\n const [isExpanded, setIsExpanded] = useState(!isUpfrontMode);\n const { theme } = useTheme();\n const isLoading = status === 'loading';\n const rowTransition = {\n duration: msToSeconds(theme.motion.duration.moderate),\n ease: cssBezierToArray(castWebType(theme.motion.easing.entrance)),\n };\n const slideTransition = {\n duration: msToSeconds(theme.motion.duration.xmoderate),\n ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n };\n\n // Reset to expanded when status changes back to loading (for replay scenarios)\n useEffect(() => {\n if (status === 'loading') {\n setIsExpanded(true);\n }\n }, [status]);\n\n // Auto-collapse once all steps complete\n useEffect(() => {\n if (status === 'complete') {\n const timer = setTimeout(() => setIsExpanded(false), 600);\n return () => clearTimeout(timer);\n }\n return undefined;\n }, [status]);\n\n const handleExpandChange = ({ isExpanded: next }: { isExpanded: boolean }): void => {\n setIsExpanded(next);\n };\n\n const getStepStatus = (index: number): StepStatus => {\n if (status === 'complete') return 'completed';\n if (isUpfrontMode) {\n if (index < activeStepIndex) return 'completed';\n if (index === activeStepIndex) return 'active';\n return 'pending';\n }\n // Streaming mode: last trace is active, all before are completed\n return index < traces.length - 1 ? 'completed' : 'active';\n };\n\n const getTraceLabel = (trace: ReasoningTrace, stepStatus: StepStatus): string => {\n return stepStatus === 'completed' && trace.completedLabel ? trace.completedLabel : trace.label;\n };\n\n return (\n <BaseBox marginTop=\"spacing.2\" marginBottom=\"spacing.3\">\n {/* Show header only when complete */}\n {status === 'complete' && (\n <BaseBox\n as=\"button\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n gap=\"spacing.2\"\n onClick={() => setIsExpanded((prev) => !prev)}\n cursor=\"pointer\"\n style={{ background: 'none', border: 'none' }}\n padding=\"spacing.0\"\n textAlign=\"left\"\n marginBottom=\"spacing.3\"\n >\n <Text color=\"surface.text.gray.muted\" weight=\"regular\" variant=\"body\" size=\"medium\">\n {title}\n </Text>\n\n <BaseBox display=\"flex\" alignItems=\"center\">\n {isExpanded ? (\n <ChevronUpIcon size=\"small\" color=\"surface.icon.gray.muted\" />\n ) : (\n <ChevronDownIcon size=\"small\" color=\"surface.icon.gray.muted\" />\n )}\n </BaseBox>\n </BaseBox>\n )}\n\n {/* ── Body (animated via Blade Collapsible) ── */}\n <Collapsible\n isExpanded={isExpanded}\n onExpandChange={handleExpandChange}\n _shouldApplyWidthRestrictions={false}\n >\n <CollapsibleBody _hasMargin={false}>\n <BaseBox paddingTop=\"spacing.2\">\n {isUpfrontMode || !isLoading ? (\n // Upfront mode OR complete: render all traces with computed step status\n traces.map((trace, index) => {\n const stepStatus = getStepStatus(index);\n return (\n <TraceRow\n key={index}\n text={getTraceLabel(trace, stepStatus)}\n isLast={index === traces.length - 1}\n stepStatus={stepStatus}\n />\n );\n })\n ) : (\n // Streaming mode (loading, steps added one by one):\n // completed rows + active RollingText row\n <>\n {traces.slice(0, -1).map((trace, index) => {\n // The last completed row just transitioned from the active position —\n // it was already visible, so skip the entry animation for it.\n const isJustCompleted = index === traces.length - 2;\n return (\n <m.div\n key={trace.label}\n initial={isJustCompleted ? false : { opacity: 0, y: 8 }}\n animate={{ opacity: 1, y: 0 }}\n transition={rowTransition}\n >\n <TraceRow\n text={getTraceLabel(trace, 'completed')}\n isLast={false}\n stepStatus=\"completed\"\n />\n </m.div>\n );\n })}\n\n {traces.length > 0 && (\n <m.div\n key=\"active-row\"\n initial={{ opacity: 0, y: 8 }}\n animate={{ opacity: 1, y: 0 }}\n transition={rowTransition}\n >\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\">\n <BaseBox\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n flexShrink={0}\n width=\"16px\"\n >\n <ActiveStepIcon />\n </BaseBox>\n <BaseBox position=\"relative\" overflow=\"hidden\">\n <AnimatePresence mode=\"popLayout\" initial={false}>\n <m.div\n key={traces.length}\n initial={{ y: 12, opacity: 0 }}\n animate={{ y: 0, opacity: 1 }}\n exit={{ y: -12, opacity: 0, position: 'absolute' }}\n transition={slideTransition}\n >\n <ShimmerOverlay isActive>\n <Text\n color=\"surface.text.onSea.onSubtle\"\n size=\"small\"\n weight=\"regular\"\n >\n {getTraceLabel(traces[traces.length - 1], 'active')}\n </Text>\n </ShimmerOverlay>\n </m.div>\n </AnimatePresence>\n </BaseBox>\n </BaseBox>\n </m.div>\n )}\n </>\n )}\n </BaseBox>\n </CollapsibleBody>\n </Collapsible>\n </BaseBox>\n );\n};\n\nexport { ReasoningTraces };\n"],"names":["SparkleIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","_jsx","Svg","_objectSpread","viewBox","fill","children","Path","d","ActiveStepIcon","Rotate","animate","StepDot","_ref2","status","BaseBox","style","opacity","borderRadius","backgroundColor","flexShrink","StepConnector","_ref3","fromStatus","flex","minHeight","ShimmerOverlay","_ref4","isActive","_useTheme","useTheme","theme","shimmerColor","colors","surface","text","staticWhite","muted","shimmerDuration","msToSeconds","motion","duration","shimmerDelay","delay","gentle","shimmerEase","cssBezierToArray","castWebType","easing","standard","_jsxs","position","overflow","m","span","inset","background","concat","pointerEvents","initial","x","transition","ease","repeat","Infinity","repeatDelay","TraceRow","_ref5","isLast","stepStatus","display","flexDirection","alignItems","marginRight","justifyContent","paddingBottom","undefined","Text","weight","ReasoningTraces","_ref6","traces","_ref6$status","_ref6$title","title","activeStepIndex","isUpfrontMode","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","_useTheme2","isLoading","rowTransition","moderate","entrance","slideTransition","xmoderate","emphasized","useEffect","timer","setTimeout","clearTimeout","handleExpandChange","_ref7","next","getStepStatus","index","length","getTraceLabel","trace","completedLabel","label","marginTop","marginBottom","as","gap","onClick","prev","cursor","border","padding","textAlign","variant","ChevronUpIcon","ChevronDownIcon","Collapsible","onExpandChange","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","paddingTop","map","_Fragment","slice","isJustCompleted","div","y","AnimatePresence","mode","exit"],"mappings":"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"}

package/build/types/components/index.d.ts CHANGED Viewed

@@ -14278,6 +14278,12 @@ type ThumbnailItem = {
     url: string;
     alt?: string;
 };
+type ReasoningTrace = {
+    /** Text shown while the step is active or pending. */
+    label: string;
+    /** Text shown once the step is completed. Falls back to `label` if omitted. */
+    completedLabel?: string;
+};
 type CommonChatMessageProps = {
     /**
      * isLoading prop is used to show loading state in chat message. it will add loading styles and animation to chat message.
@@ -14356,6 +14362,41 @@ type CommonChatMessageProps = {
      * onThumbnailClick is called when the image preview is clicked.
      */
     onThumbnailClick?: () => void;
+    /**
+     * Reasoning traces to display above the message content.
+     * When provided, renders an animated collapsible panel showing the AI's reasoning steps.
+     *
+     * - While `reasoningStatus` is `'loading'`, the last step is highlighted as active.
+     * - When `reasoningStatus` changes to `'complete'`, the panel auto-collapses.
+     * - The user can manually expand/collapse the panel afterwards.
+     *
+     * Only works when `senderType` is `'other'`.
+     */
+    reasoningTraces?: ReasoningTrace[];
+    /**
+     * Controls the state of the reasoning traces panel.
+     * - `'loading'`: Traces are streaming in; the panel is open and animated.
+     * - `'complete'`: All traces are done; the panel auto-collapses.
+     *
+     * @default 'loading'
+     */
+    reasoningStatus?: 'loading' | 'complete';
+    /**
+     * Title text shown in the reasoning traces header.
+     *
+     * @default 'Explored'
+     */
+    reasoningTitle?: string;
+    /**
+     * When all reasoning steps are known upfront, set this to the index of the
+     * step currently being processed (0-based). Steps before it are completed
+     * (green), the step at this index is active (spinning), and steps after are
+     * pending (dimmed).
+     *
+     * When omitted, the component uses streaming mode where steps are added
+     * one-by-one and the last item in `reasoningTraces` is the active step.
+     */
+    reasoningActiveStepIndex?: number;
 } & TestID & StyledPropsBlade & DataAnalyticsAttribute;
 type SelfChatMessageProps = CommonChatMessageProps & {
     senderType: 'self' | 'other';

package/build/types/components/index.native.d.ts CHANGED Viewed

@@ -10118,6 +10118,12 @@ type ThumbnailItem = {
     url: string;
     alt?: string;
 };
+type ReasoningTrace = {
+    /** Text shown while the step is active or pending. */
+    label: string;
+    /** Text shown once the step is completed. Falls back to `label` if omitted. */
+    completedLabel?: string;
+};
 type CommonChatMessageProps = {
     /**
      * isLoading prop is used to show loading state in chat message. it will add loading styles and animation to chat message.
@@ -10196,6 +10202,41 @@ type CommonChatMessageProps = {
      * onThumbnailClick is called when the image preview is clicked.
      */
     onThumbnailClick?: () => void;
+    /**
+     * Reasoning traces to display above the message content.
+     * When provided, renders an animated collapsible panel showing the AI's reasoning steps.
+     *
+     * - While `reasoningStatus` is `'loading'`, the last step is highlighted as active.
+     * - When `reasoningStatus` changes to `'complete'`, the panel auto-collapses.
+     * - The user can manually expand/collapse the panel afterwards.
+     *
+     * Only works when `senderType` is `'other'`.
+     */
+    reasoningTraces?: ReasoningTrace[];
+    /**
+     * Controls the state of the reasoning traces panel.
+     * - `'loading'`: Traces are streaming in; the panel is open and animated.
+     * - `'complete'`: All traces are done; the panel auto-collapses.
+     *
+     * @default 'loading'
+     */
+    reasoningStatus?: 'loading' | 'complete';
+    /**
+     * Title text shown in the reasoning traces header.
+     *
+     * @default 'Explored'
+     */
+    reasoningTitle?: string;
+    /**
+     * When all reasoning steps are known upfront, set this to the index of the
+     * step currently being processed (0-based). Steps before it are completed
+     * (green), the step at this index is active (spinning), and steps after are
+     * pending (dimmed).
+     *
+     * When omitted, the component uses streaming mode where steps are added
+     * one-by-one and the last item in `reasoningTraces` is the active step.
+     */
+    reasoningActiveStepIndex?: number;
 } & TestID & StyledPropsBlade & DataAnalyticsAttribute;
 type SelfChatMessageProps = CommonChatMessageProps & {
     senderType: 'self' | 'other';

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.90.0",
+  "version": "12.91.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"