@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/chunk-R56UOY6C.js

@@ -0,0 +1,222 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/GaugeChart.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var GaugeChart = ({
+  width = 280,
+  height = 200,
+  padding = 24,
+  value,
+  min = 0,
+  max = 100,
+  startAngle = 135,
+  endAngle = 405,
+  arcWidth = 20,
+  showTicks = true,
+  tickCount = 5,
+  valueFormatter,
+  tooltipFormatter,
+  label,
+  segments,
+  trackColor = "var(--tiger-border,#e5e7eb)",
+  color = "var(--tiger-primary,#2563eb)",
+  gradient = false,
+  showTooltip = true,
+  title: chartTitle,
+  desc,
+  className
+}) => {
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
+    [width, height, padding]
+  );
+  const radius = _react.useMemo.call(void 0, 
+    () => Math.min(innerRect.width, innerRect.height) / 2 - 4,
+    [innerRect.width, innerRect.height]
+  );
+  const cx = innerRect.width / 2;
+  const cy = innerRect.height / 2;
+  const needleAngle = _react.useMemo.call(void 0, 
+    () => _tigercatcore.valueToGaugeAngle.call(void 0, value, min, max, startAngle, endAngle),
+    [value, min, max, startAngle, endAngle]
+  );
+  const [animatedAngle, setAnimatedAngle] = _react.useState.call(void 0, needleAngle);
+  const prevAngleRef = _react.useRef.call(void 0, needleAngle);
+  _react.useEffect.call(void 0, () => {
+    const from = prevAngleRef.current;
+    const to = needleAngle;
+    prevAngleRef.current = to;
+    if (from === to) return;
+    const ctrl = _tigercatcore.createGaugeAnimation.call(void 0, {
+      from,
+      to,
+      onUpdate: (v) => setAnimatedAngle(v)
+    });
+    return () => ctrl.stop();
+  }, [needleAngle]);
+  const ticks = _react.useMemo.call(void 0, 
+    () => showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
+    [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
+  );
+  const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, startAngle, endAngle, arcWidth);
+  const valuePath = animatedAngle > startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, startAngle, animatedAngle, arcWidth) : null;
+  const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, cx, cy, radius - arcWidth - 6, animatedAngle);
+  const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
+  const [tooltip, setTooltip] = _react.useState.call(void 0, {
+    visible: false,
+    x: 0,
+    y: 0
+  });
+  const tooltipContent = tooltipFormatter ? tooltipFormatter(value) : label ? `${label}: ${formattedValue}` : formattedValue;
+  const handleTooltipMove = (e) => {
+    if (!showTooltip) return;
+    setTooltip({ visible: true, x: e.clientX, y: e.clientY });
+  };
+  const handleTooltipLeave = () => setTooltip((t) => ({ ...t, visible: false }));
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "gauge", gradientId),
+    [gradientId]
+  );
+  const valueGradientId = `${gradientPrefix}-value`;
+  const wrapperRef = _react.useRef.call(void 0, null);
+  const handleTooltipFocus = () => {
+    if (!showTooltip) return;
+    const rect = _optionalChain([wrapperRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.getBoundingClientRect, 'call', _3 => _3()]);
+    if (rect)
+      setTooltip({ visible: true, x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 });
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: wrapperRef,
+      className: "inline-block relative",
+      tabIndex: showTooltip ? 0 : void 0,
+      role: "img",
+      "aria-label": label ? `${label}: ${formattedValue}` : formattedValue,
+      onMouseMove: handleTooltipMove,
+      onMouseLeave: handleTooltipLeave,
+      onFocus: handleTooltipFocus,
+      onBlur: handleTooltipLeave,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkUKLVOR4Ejs.ChartCanvas,
+          {
+            width,
+            height,
+            padding,
+            title: chartTitle,
+            desc,
+            className: _tigercatcore.classNames.call(void 0, className),
+            children: [
+              gradient && !segments && valuePath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "linearGradient", { id: valueGradientId, x1: 0, y1: 0, x2: 0, y2: 1, children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: color, stopOpacity: 0.55 })
+              ] }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
+              segments ? segments.map((seg, i) => {
+                const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, seg.range[0], min, max, startAngle, endAngle);
+                const sEnd = _tigercatcore.valueToGaugeAngle.call(void 0, seg.range[1], min, max, startAngle, endAngle);
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "path",
+                  {
+                    d: _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, sStart, sEnd, arcWidth),
+                    fill: seg.color,
+                    strokeWidth: 0
+                  },
+                  `seg-${i}`
+                );
+              }) : valuePath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "path",
+                {
+                  d: valuePath,
+                  fill: gradient ? `url(#${valueGradientId})` : color,
+                  strokeWidth: 0
+                }
+              ),
+              ticks.map((tick, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "line",
+                  {
+                    x1: tick.x1,
+                    y1: tick.y1,
+                    x2: tick.x2,
+                    y2: tick.y2,
+                    stroke: "var(--tiger-text-secondary,#6b7280)",
+                    strokeWidth: 1
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "text",
+                  {
+                    x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
+                    y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
+                    className: _tigercatcore.chartAxisTickTextClasses,
+                    textAnchor: "middle",
+                    dominantBaseline: "middle",
+                    style: { fontSize: "10px" },
+                    children: tick.label
+                  }
+                )
+              ] }, `tick-${i}`)),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: needlePath, fill: "var(--tiger-text,#374151)" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "text",
+                {
+                  x: cx,
+                  y: cy + radius * 0.35,
+                  className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
+                  textAnchor: "middle",
+                  dominantBaseline: "middle",
+                  children: formattedValue
+                }
+              ),
+              label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "text",
+                {
+                  x: cx,
+                  y: cy + radius * 0.35 + 20,
+                  className: _tigercatcore.chartAxisTickTextClasses,
+                  textAnchor: "middle",
+                  dominantBaseline: "middle",
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkSK7PXSVEjs.ChartTooltip,
+          {
+            content: tooltipContent,
+            visible: tooltip.visible && tooltipContent !== "",
+            x: tooltip.x,
+            y: tooltip.y
+          }
+        )
+      ]
+    }
+  );
+};
+
+
+
+exports.GaugeChart = GaugeChart;

package/dist/chunk-RNHC7BON.js

@@ -0,0 +1,230 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/VirtualTable.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_VIRTUAL_COLUMN_WIDTH = 150;
+var VirtualTable = ({
+  data = [],
+  columns = [],
+  rowHeight = 48,
+  height = 400,
+  width = "auto",
+  overscan = 5,
+  stickyHeader = true,
+  virtualizeColumns = false,
+  rowKey,
+  rowClassName,
+  loading = false,
+  emptyText,
+  locale,
+  selectable = false,
+  selectedKeys = [],
+  striped = false,
+  bordered = false,
+  className,
+  onRowClick,
+  onSelect,
+  renderCell,
+  ...rest
+}) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const containerRef = _react.useRef.call(void 0, null);
+  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const [scrollLeft, setScrollLeft] = _react.useState.call(void 0, 0);
+  const range = _react.useMemo.call(void 0, 
+    () => _tigercatcore.calculateVirtualRange.call(void 0, scrollTop, height, data.length, rowHeight, overscan),
+    [scrollTop, height, data.length, rowHeight, overscan]
+  );
+  const visibleData = _react.useMemo.call(void 0, 
+    () => data.slice(range.start, range.end),
+    [data, range.start, range.end]
+  );
+  const selectedSet = _react.useMemo.call(void 0, () => new Set(selectedKeys), [selectedKeys]);
+  const onScroll = _react.useCallback.call(void 0, () => {
+    if (containerRef.current) {
+      setScrollTop(containerRef.current.scrollTop);
+      setScrollLeft(containerRef.current.scrollLeft);
+    }
+  }, []);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getVirtualTableContainerClasses.call(void 0, bordered, className),
+    [bordered, className]
+  );
+  const fixedInfo = _react.useMemo.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, columns), [columns]);
+  const columnWidths = _react.useMemo.call(void 0, 
+    () => columns.map((c) => typeof c.width === "number" ? c.width : DEFAULT_VIRTUAL_COLUMN_WIDTH),
+    [columns]
+  );
+  const colVirtualActive = virtualizeColumns && !fixedInfo.hasFixedColumns && width !== "auto";
+  const colRange = _react.useMemo.call(void 0, 
+    () => colVirtualActive ? _tigercatcore.calculateVirtualColumnRange.call(void 0, scrollLeft, width, columnWidths) : void 0,
+    [colVirtualActive, scrollLeft, width, columnWidths]
+  );
+  const visibleColumns = colRange ? columns.slice(colRange.start, colRange.end) : columns;
+  const colIndexOffset = colRange ? colRange.start : 0;
+  const colgroupEntries = _react.useMemo.call(void 0, 
+    () => fixedInfo.hasFixedColumns ? _tigercatcore.getTableColgroup.call(void 0, {
+      columns: visibleColumns,
+      size: "md",
+      hasSelectionColumn: false,
+      expand: false
+    }) : [],
+    [fixedInfo.hasFixedColumns, visibleColumns]
+  );
+  const resolveRowClassName = (row, index) => typeof rowClassName === "function" ? rowClassName(row, index) : rowClassName;
+  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: _tigercatcore.classNames.call(void 0, 
+        containerClasses,
+        rest.className
+      ),
+      style: {
+        height: `${height}px`,
+        ...width !== "auto" ? { width: `${width}px` } : {}
+      },
+      onScroll,
+      role: "grid",
+      "aria-rowcount": data.length,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.tableBaseClasses, "table-fixed"), children: [
+          colgroupEntries.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "colgroup", { children: colgroupEntries.map((entry) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "col",
+            {
+              "data-tiger-table-col": entry.key,
+              style: entry.width ? { width: entry.width } : void 0
+            },
+            entry.key
+          )) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+            colRange && colRange.leftPad > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { "aria-hidden": true, style: { width: `${colRange.leftPad}px`, padding: 0 } }),
+            visibleColumns.map((col) => {
+              const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+              const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo);
+              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "th",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    _tigercatcore.virtualTableHeaderCellClasses,
+                    _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
+                      view: "virtual-table",
+                      column: col,
+                      stickyHeader,
+                      fixedInfo
+                    })
+                  ),
+                  style: { ...widthStyle, ...stickyStyle },
+                  children: _nullishCoalesce(col.title, () => ( ""))
+                },
+                col.key
+              );
+            }),
+            colRange && colRange.rightPad > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { "aria-hidden": true, style: { width: `${colRange.rightPad}px`, padding: 0 } })
+          ] }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
+            visibleData.map((row, localIdx) => {
+              const globalIdx = range.start + localIdx;
+              const key = _tigercatcore.getVirtualRowKey.call(void 0, row, globalIdx, rowKey);
+              const isSelected = selectedSet.has(key);
+              const isInteractive = !!onRowClick || selectable;
+              const activate = () => {
+                _optionalChain([onRowClick, 'optionalCall', _ => _(row, globalIdx)]);
+                if (selectable) _optionalChain([onSelect, 'optionalCall', _2 => _2(key, row, globalIdx)]);
+              };
+              return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "tr",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, striped, isSelected),
+                    resolveRowClassName(row, globalIdx)
+                  ),
+                  "aria-rowindex": globalIdx + 2,
+                  "aria-selected": selectable ? isSelected : void 0,
+                  tabIndex: isInteractive ? 0 : void 0,
+                  onClick: isInteractive ? activate : void 0,
+                  onKeyDown: isInteractive ? (e) => {
+                    if (_tigercatcore.isActivationKey.call(void 0, e)) {
+                      e.preventDefault();
+                      activate();
+                    }
+                  } : void 0,
+                  children: [
+                    colRange && colRange.leftPad > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { "aria-hidden": true, style: { width: `${colRange.leftPad}px`, padding: 0 } }),
+                    visibleColumns.map((col, colIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "td",
+                      {
+                        "aria-colindex": colIndexOffset + colIdx + 1,
+                        className: _tigercatcore.classNames.call(void 0, 
+                          _tigercatcore.virtualTableCellClasses,
+                          _tigercatcore.getTableFixedCellClasses.call(void 0, {
+                            view: "virtual-table",
+                            column: col,
+                            record: row,
+                            rowIndex: globalIdx,
+                            striped,
+                            stripedActive: striped && globalIdx % 2 === 1,
+                            selected: isSelected,
+                            hoverable: true,
+                            fixedInfo,
+                            selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
+                          })
+                        ),
+                        style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
+                        children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
+                      },
+                      col.key
+                    )),
+                    colRange && colRange.rightPad > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { "aria-hidden": true, style: { width: `${colRange.rightPad}px`, padding: 0 } })
+                  ]
+                },
+                key
+              );
+            }),
+            bottomHeight > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
+          ] })
+        ] }),
+        data.length === 0 && !loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.emptyText])) }),
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableLoadingClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.loadingText])) })
+      ]
+    }
+  );
+};
+var VirtualTable_default = VirtualTable;
+
+
+
+
+exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;

package/dist/{chunk-7PXALKLM.js → chunk-RRO752KE.js}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
+var _chunkFCCHM2B4js = require('./chunk-FCCHM2B4.js');
 
 
-var _chunkM3FVPPMMjs = require('./chunk-M3FVPPMM.js');
+var _chunkTO4SSBAJjs = require('./chunk-TO4SSBAJ.js');
 
 
-var _chunkZRHDNGWOjs = require('./chunk-ZRHDNGWO.js');
+var _chunkBR3WLDH7js = require('./chunk-BR3WLDH7.js');
 
 
-var _chunkGDPU5MYAjs = require('./chunk-GDPU5MYA.js');
+var _chunkGPAY5F7Djs = require('./chunk-GPAY5F7D.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
@@ -23,6 +23,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var ChatWindow = ({
@@ -38,7 +39,7 @@ var ChatWindow = ({
   inputAriaLabel,
   sendAriaLabel,
   statusText,
-  statusVariant: _statusVariant = "info",
+  statusVariant = "info",
   showAvatar = true,
   showName = true,
   showTime = false,
@@ -186,7 +187,7 @@ var ChatWindow = ({
         "aria-relevant": "additions text",
         "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP36GX65Njs.VirtualList,
+          _chunkFCCHM2B4js.VirtualList,
           {
             itemCount: messages.length,
             itemHeight: virtualItemHeight,
@@ -204,13 +205,13 @@ var ChatWindow = ({
         "aria-live": "polite",
         "aria-relevant": "additions text",
         "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
-        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRHDNGWOjs.Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
+        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBR3WLDH7js.Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
       }
     ),
-    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: statusText }),
+    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getChatStatusBarClasses.call(void 0, statusVariant), children: statusText }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkM3FVPPMMjs.Input,
+        _chunkTO4SSBAJjs.Input,
         {
           value: inputValue,
           placeholder,
@@ -221,7 +222,7 @@ var ChatWindow = ({
           onKeyDown: handleKeyDown
         }
       ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGDPU5MYAjs.Textarea,
+        _chunkGPAY5F7Djs.Textarea,
         {
           value: inputValue,
           placeholder,