@fses/workbench-app 0.3.0 → 0.3.2

package/node_modules/@fses/workbench-card/dist/renderers/chart/types.d.ts

@@ -18,11 +18,18 @@ export interface WorkbenchChartQueryScope {
 }
 export interface WorkbenchChartQueryOptions {
     businessWording?: string;
+    pageIndex?: number;
+    pageSize?: number;
+    needCount?: boolean;
 }
 export interface WorkbenchChartRefreshResult {
     success: boolean;
     rows?: Array<Record<string, unknown>>;
     dataPayload?: unknown;
+    pageIndex?: number;
+    pageSize?: number;
+    total?: number;
+    hasMore?: boolean;
     errorCode?: string;
     errorMessage?: string;
 }

package/node_modules/@fses/workbench-card/dist/renderers/native/nativeBindings.d.ts

@@ -135,6 +135,7 @@ export declare function createNativeBindings(context: NativeBindingsContext): {
     tableRowCells: typeof tableRowCells;
     metricSummaryDisplayValue: (data: MetricSummaryData & Record<string, unknown>) => string;
     metricSummaryUnitLabel: (data: MetricSummaryData & Record<string, unknown>) => string;
+    metricSummarySourceLabel: (data: MetricSummaryData & Record<string, unknown>) => string;
     imageComposeMetricSubText: (data: MetricSummaryData & Record<string, unknown>) => string;
     imageComposeMetricFooterStatus: (data: MetricSummaryData & Record<string, unknown>) => string;
     imageComposeMetricFooterMain: (data: MetricSummaryData & Record<string, unknown>) => string;

package/node_modules/@fses/workbench-card/dist/renderers/useWorkbenchBlockRendererBindings.d.ts

@@ -4,7 +4,7 @@
  * @created 2026-05-20
  */
 import { type CSSProperties } from 'vue';
-import type { TableColumnsType } from 'ant-design-vue';
+import type { TableColumnsType, TablePaginationConfig } from 'ant-design-vue';
 import type { WorkbenchRendererHostBridge } from './hostBridge';
 import type { CategoryRankingData, CustomCanvasData, CustomCanvasNestedBlock, DisplayBlockData, MaterializedBlock, MetricSummaryData, RoleId, TableRowsData, WorkbenchBlock } from '../types';
 type WorkbenchAntTableRow = Record<string, unknown> & {
@@ -106,6 +106,9 @@ export declare function useWorkbenchBlockRendererBindings(props: WorkbenchBlockR
         x: number;
         y: string;
     };
+    tableRowsPaginationConfig: (data: DisplayBlockData | undefined) => false | TablePaginationConfig;
+    tableRowsPageLoading: import("vue").Ref<boolean, boolean>;
+    handleTableRowsPaginationChange: (pagination: Pick<TablePaginationConfig, "current" | "pageSize">) => Promise<void>;
     handleTableRowsAntTableColumnResize: (width: number, column: unknown) => void;
     formatWeatherTemp: (value: number | null | undefined) => string;
     weatherIcon: (condition: import("..").WeatherCurrentData["condition"]) => import("vue").Component;
@@ -161,6 +164,7 @@ export declare function useWorkbenchBlockRendererBindings(props: WorkbenchBlockR
     tableRowCells: typeof import("./native/nativeBindings").tableRowCells;
     metricSummaryDisplayValue: (data: MetricSummaryData & Record<string, unknown>) => string;
     metricSummaryUnitLabel: (data: MetricSummaryData & Record<string, unknown>) => string;
+    metricSummarySourceLabel: (data: MetricSummaryData & Record<string, unknown>) => string;
     imageComposeMetricSubText: (data: MetricSummaryData & Record<string, unknown>) => string;
     imageComposeMetricFooterStatus: (data: MetricSummaryData & Record<string, unknown>) => string;
     imageComposeMetricFooterMain: (data: MetricSummaryData & Record<string, unknown>) => string;

package/node_modules/@fses/workbench-card/dist/style.css

@@ -1 +1 @@
-.fses-workbench-card-root{box-sizing:border-box}.workbench-card-ant-table,.workbench-card-ant-table .ant-spin-nested-loading,.workbench-card-ant-table .ant-spin-container,.workbench-card-ant-table .ant-table,.workbench-card-ant-table .ant-table-container{height:100%;min-height:0}.workbench-card-ant-table .ant-table{font-size:12px}.workbench-card-ant-table .ant-table-container{display:grid;grid-template-rows:auto minmax(0,1fr)}.workbench-card-ant-table .ant-table-thead>tr>th{padding:6px 8px;color:#667085;background:#f7f8fa;border-bottom-color:#eef1f6;font-weight:600;white-space:nowrap}.workbench-card-ant-table .ant-table-tbody>tr>td{padding:6px 8px;color:#344054;border-bottom-color:#eef1f6}.workbench-card-ant-table .ant-table-body{height:auto!important;min-height:0;max-height:none!important;overflow:auto!important;scrollbar-gutter:stable;scrollbar-width:thin}.workbench-custom-canvas-page-header{box-sizing:border-box;display:grid;width:100%;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;overflow:hidden;border-radius:6px}.workbench-custom-canvas-page-header__brand{display:grid;min-width:0;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden}.workbench-custom-canvas-page-header__logo{width:40px;height:40px;font-size:14px}.workbench-custom-canvas-page-header__title{font-size:20px;line-height:24px}.workbench-custom-canvas-page-header__subtitle{margin-top:2px;font-size:14px;line-height:18px}.workbench-custom-canvas-page-header__actions{max-width:740px}.workbench-custom-canvas-page-header__pill{max-width:192px;padding:6px 12px;font-size:14px;line-height:18px}.workbench-custom-canvas-image{min-height:0}.workbench-image-alert-ranking-row{display:grid;min-height:28px;grid-template-columns:56px minmax(0,1fr) 48px;align-items:center;column-gap:16px}.workbench-image-alert-ranking-severity{height:24px;align-items:center;justify-content:center;line-height:1}.workbench-image-alert-ranking-title,.workbench-image-alert-ranking-time{align-self:center;line-height:20px}.workbench-image-alert-ranking-time{text-align:right}.workbench-reference-panel-header{display:grid;height:30px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden}.workbench-reference-ops-panel,.workbench-reference-security-panel,.workbench-reference-asset-panel,.workbench-reference-project-panel,.workbench-reference-bid-collaboration-panel{display:grid;width:100%;height:100%;min-height:0;overflow:hidden}.workbench-reference-ops-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.workbench-reference-ops-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.58fr) minmax(0,.42fr);gap:4px;overflow:hidden}.workbench-reference-ops-right-column{display:grid;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:4px;overflow:hidden}.workbench-reference-ops-service-list,.workbench-reference-ops-resource-list,.workbench-reference-ops-incident-list,.workbench-reference-ops-trend-card,.workbench-reference-security-score-card,.workbench-reference-security-score-main,.workbench-reference-security-score-metrics,.workbench-reference-security-risk-list,.workbench-reference-security-audit-list,.workbench-reference-security-account-list,.workbench-reference-security-compliance-list,.workbench-reference-asset-ledger-grid,.workbench-reference-asset-exception-list,.workbench-reference-cost-donut-card,.workbench-reference-cost-donut-ring,.workbench-reference-cost-list,.workbench-reference-project-progress-list,.workbench-reference-project-efficiency-list,.workbench-reference-project-todo-grid,.workbench-reference-project-quick-links,.workbench-reference-notice-list{min-height:0;overflow:hidden}.workbench-reference-ops-service-list{align-content:start;grid-auto-rows:minmax(16px,1fr)}.workbench-reference-ops-incident-list,.workbench-reference-security-risk-list{align-content:start;grid-auto-rows:minmax(20px,1fr)}.workbench-reference-security-audit-list,.workbench-reference-security-account-list,.workbench-reference-security-compliance-list{grid-auto-rows:minmax(24px,1fr)}.workbench-reference-security-panel{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:6px}.workbench-reference-security-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(84px,.58fr) minmax(72px,.42fr);gap:4px;overflow:hidden}.workbench-reference-security-right-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:4px;overflow:hidden}.workbench-reference-security-score-card{display:grid;height:100%;grid-template-columns:minmax(128px,.46fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0}.workbench-reference-cost-donut-ring{width:min(88px,100%,calc(100cqh - 8px));height:min(88px,100%,calc(100cqh - 8px));min-width:28px;min-height:28px}.workbench-reference-security-score-ring{display:grid;width:clamp(32px,22%,76px);height:clamp(32px,22%,76px)}.workbench-reference-security-score-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}.workbench-reference-security-score-main strong{font-size:20px;line-height:20px}.workbench-reference-security-score-metrics{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));height:100%;min-height:0}.workbench-reference-security-score-metric{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden}.workbench-reference-asset-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.workbench-reference-asset-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.44fr) minmax(0,.56fr);overflow:hidden}.workbench-reference-asset-right-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.62fr) minmax(0,.38fr);overflow:hidden}.workbench-reference-cost-donut-card{container-type:size;column-gap:clamp(4px,1cqh,12px);row-gap:2px}.workbench-reference-asset-value-pill{max-height:16px;padding-top:0;padding-bottom:0;line-height:14px}.workbench-reference-project-panel{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}.workbench-reference-project-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.68fr) minmax(0,.32fr);overflow:hidden}.workbench-reference-project-right-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.45fr) minmax(0,.28fr) minmax(0,.27fr);overflow:hidden}.workbench-reference-bid-collaboration-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto;gap:8px}.workbench-reference-bid-hero{min-height:72px}.workbench-reference-bid-risk-table{min-height:140px}
+.fses-workbench-card-root{box-sizing:border-box}.workbench-card-ant-table,.workbench-card-ant-table .ant-spin-nested-loading,.workbench-card-ant-table .ant-spin-container,.workbench-card-ant-table .ant-table,.workbench-card-ant-table .ant-table-container{height:100%;min-height:0}.workbench-card-ant-table .ant-table{font-size:12px}.workbench-card-ant-table .ant-spin-container{display:grid;grid-template-rows:minmax(0,1fr) auto}.workbench-card-ant-table .ant-table-container{display:grid;grid-template-rows:auto minmax(0,1fr)}.workbench-card-ant-table .ant-pagination{box-sizing:border-box;display:flex;min-height:28px;margin:0 8px;align-items:center;justify-content:flex-end;gap:4px;border-top:1px solid var(--bl-n300-c, #e8eaed);font-size:12px}.ant-table-wrapper.workbench-card-ant-table .ant-pagination{margin:0 8px;padding:8px 0}.workbench-card-ant-table .ant-pagination-item,.workbench-card-ant-table .ant-pagination-prev,.workbench-card-ant-table .ant-pagination-next,.workbench-card-ant-table .ant-pagination-jump-prev,.workbench-card-ant-table .ant-pagination-jump-next{min-width:24px;height:24px;margin-inline-end:0;line-height:22px}.workbench-card-ant-table .ant-pagination-item{border-color:transparent;border-radius:4px;background:transparent}.workbench-card-ant-table .ant-pagination-item:hover{background:var(--bl-n200-c, #f5f6f7)}.workbench-card-ant-table .ant-pagination-item-active{border-color:transparent;background:var(--bl-brand-label, #edf1ff)}.workbench-card-ant-table .ant-pagination-item-active a{color:var(--bl-brand-c, #4c78fc);font-weight:600}.workbench-card-ant-table .ant-pagination-prev .ant-pagination-item-link,.workbench-card-ant-table .ant-pagination-next .ant-pagination-item-link{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-color:transparent;border-radius:4px;background:transparent;line-height:1}.workbench-card-ant-table .ant-pagination-prev .anticon,.workbench-card-ant-table .ant-pagination-next .anticon{display:inline-flex;margin:0;align-items:center;justify-content:center}.workbench-card-ant-table .ant-pagination-prev:not(.ant-pagination-disabled) .ant-pagination-item-link:hover,.workbench-card-ant-table .ant-pagination-next:not(.ant-pagination-disabled) .ant-pagination-item-link:hover{background:var(--bl-n200-c, #f5f6f7)}.workbench-card-ant-table .ant-pagination-options{height:24px;margin-inline-start:4px}.workbench-card-ant-table .ant-pagination-options .ant-select-selector{height:24px!important;border-color:var(--bl-n300-c, #e8eaed)!important;border-radius:4px!important;box-shadow:none!important}.workbench-card-ant-table .ant-pagination-options .ant-select-selection-item{padding-inline-end:16px;line-height:22px!important}.workbench-card-ant-table .ant-table-thead>tr>th{padding:6px 8px;color:#667085;background:#f7f8fa;border-bottom-color:#eef1f6;font-weight:600;white-space:nowrap}.workbench-card-ant-table .ant-table-tbody>tr>td{padding:6px 8px;color:#344054;border-bottom-color:#eef1f6}.workbench-card-ant-table .ant-table-body{height:auto!important;min-height:0;max-height:none!important;overflow:auto!important;scrollbar-gutter:stable;scrollbar-width:thin}.workbench-custom-canvas-page-header{box-sizing:border-box;display:grid;width:100%;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;overflow:hidden;border-radius:6px}.workbench-custom-canvas-page-header__brand{display:grid;min-width:0;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden}.workbench-custom-canvas-page-header__logo{width:40px;height:40px;font-size:14px}.workbench-custom-canvas-page-header__title{font-size:20px;line-height:24px}.workbench-custom-canvas-page-header__subtitle{margin-top:2px;font-size:14px;line-height:18px}.workbench-custom-canvas-page-header__actions{max-width:740px}.workbench-custom-canvas-page-header__pill{max-width:192px;padding:6px 12px;font-size:14px;line-height:18px}.workbench-custom-canvas-image{min-height:0}.workbench-image-alert-ranking-row{display:grid;min-height:28px;grid-template-columns:56px minmax(0,1fr) 48px;align-items:center;column-gap:16px}.workbench-image-alert-ranking-severity{height:24px;align-items:center;justify-content:center;line-height:1}.workbench-image-alert-ranking-title,.workbench-image-alert-ranking-time{align-self:center;line-height:20px}.workbench-image-alert-ranking-time{text-align:right}.workbench-reference-panel-header{display:grid;height:30px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden}.workbench-reference-ops-panel,.workbench-reference-security-panel,.workbench-reference-asset-panel,.workbench-reference-project-panel,.workbench-reference-bid-collaboration-panel{display:grid;width:100%;height:100%;min-height:0;overflow:hidden}.workbench-reference-ops-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.workbench-reference-ops-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.58fr) minmax(0,.42fr);gap:4px;overflow:hidden}.workbench-reference-ops-right-column{display:grid;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:4px;overflow:hidden}.workbench-reference-ops-service-list,.workbench-reference-ops-resource-list,.workbench-reference-ops-incident-list,.workbench-reference-ops-trend-card,.workbench-reference-security-score-card,.workbench-reference-security-score-main,.workbench-reference-security-score-metrics,.workbench-reference-security-risk-list,.workbench-reference-security-audit-list,.workbench-reference-security-account-list,.workbench-reference-security-compliance-list,.workbench-reference-asset-ledger-grid,.workbench-reference-asset-exception-list,.workbench-reference-cost-donut-card,.workbench-reference-cost-donut-ring,.workbench-reference-cost-list,.workbench-reference-project-progress-list,.workbench-reference-project-efficiency-list,.workbench-reference-project-todo-grid,.workbench-reference-project-quick-links,.workbench-reference-notice-list{min-height:0;overflow:hidden}.workbench-reference-ops-service-list{align-content:start;grid-auto-rows:minmax(16px,1fr)}.workbench-reference-ops-incident-list,.workbench-reference-security-risk-list{align-content:start;grid-auto-rows:minmax(20px,1fr)}.workbench-reference-security-audit-list,.workbench-reference-security-account-list,.workbench-reference-security-compliance-list{grid-auto-rows:minmax(24px,1fr)}.workbench-reference-security-panel{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:6px}.workbench-reference-security-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(84px,.58fr) minmax(72px,.42fr);gap:4px;overflow:hidden}.workbench-reference-security-right-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:4px;overflow:hidden}.workbench-reference-security-score-card{display:grid;height:100%;grid-template-columns:minmax(128px,.46fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0}.workbench-reference-cost-donut-ring{width:min(88px,100%,calc(100cqh - 8px));height:min(88px,100%,calc(100cqh - 8px));min-width:28px;min-height:28px}.workbench-reference-security-score-ring{display:grid;width:clamp(32px,22%,76px);height:clamp(32px,22%,76px)}.workbench-reference-security-score-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}.workbench-reference-security-score-main strong{font-size:20px;line-height:20px}.workbench-reference-security-score-metrics{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));height:100%;min-height:0}.workbench-reference-security-score-metric{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden}.workbench-reference-asset-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.workbench-reference-asset-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.44fr) minmax(0,.56fr);overflow:hidden}.workbench-reference-asset-right-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.62fr) minmax(0,.38fr);overflow:hidden}.workbench-reference-cost-donut-card{container-type:size;column-gap:clamp(4px,1cqh,12px);row-gap:2px}.workbench-reference-asset-value-pill{max-height:16px;padding-top:0;padding-bottom:0;line-height:14px}.workbench-reference-project-panel{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}.workbench-reference-project-left-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.68fr) minmax(0,.32fr);overflow:hidden}.workbench-reference-project-right-column{display:grid;min-height:0;grid-template-rows:auto minmax(0,.45fr) minmax(0,.28fr) minmax(0,.27fr);overflow:hidden}.workbench-reference-bid-collaboration-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto;gap:8px}.workbench-reference-bid-hero{min-height:72px}.workbench-reference-bid-risk-table{min-height:140px}

package/node_modules/@fses/workbench-card/dist/types/block.d.ts

@@ -1102,11 +1102,20 @@ export interface TableRowsData {
     shape: 'rows';
     visualKind?: string;
     sourceLabel?: string;
+    dataBindingId?: string;
+    dataBinding?: Record<string, unknown>;
+    dataBindingStatus?: string;
     columns: string[];
     rows: Array<{
         id: string;
         cells: string[];
     }>;
+    pagination?: {
+        pageIndex: number;
+        pageSize: number;
+        total: number;
+        hasMore: boolean;
+    };
 }
 export interface InsightNarrativeData {
     shape: 'insightNarrative';

package/node_modules/@fses/workbench-card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fses/workbench-card",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "private": false,
   "type": "module",
   "files": [

package/node_modules/@fses/workbench-card/src/renderers/WorkbenchBlockRenderer.vue

@@ -106,6 +106,9 @@ const {
   tableRowsFallbackAntTableColumns,
   tableRowsFallbackAntTableRows,
   tableRowsAntTableScroll,
+  tableRowsPaginationConfig,
+  tableRowsPageLoading,
+  handleTableRowsPaginationChange,
   handleTableRowsAntTableColumnResize,
   formatWeatherTemp,
   weatherIcon,
@@ -154,6 +157,7 @@ const {
   rowGrid,
   metricSummaryDisplayValue,
   metricSummaryUnitLabel,
+  metricSummarySourceLabel,
   imageComposeMetricSubText,
   imageComposeMetricFooterStatus,
   imageComposeMetricFooterMain,
@@ -548,7 +552,7 @@ const {
           </div>
           <div v-if="metricSummaryShowsChrome(effectiveBlock, effectiveData as MetricSummaryData) && !visualFor(effectiveBlock).hideMetricFooter" class="flex items-center justify-between text-xs text-slate-500">
             <span>{{ (effectiveData as MetricSummaryData).periodLabel }}</span>
-            <span>{{ (effectiveData as MetricSummaryData).sourceLabel }}</span>
+            <span>{{ metricSummarySourceLabel(effectiveData as MetricSummaryData & Record<string, unknown>) }}</span>
           </div>
         </div>
       </template>
@@ -943,8 +947,10 @@ const {
               row-key="__rowKey"
               :columns="tableRowsPreviewAntTableColumns(effectiveBlock.id, (effectiveData as TableRowsData).columns || [])"
               :data-source="tableRowsPreviewAntTableRows(effectiveData, (effectiveData as TableRowsData).columns || [])"
-              :pagination="false"
+              :pagination="tableRowsPaginationConfig(effectiveData)"
+              :loading="tableRowsPageLoading"
               :scroll="tableRowsAntTableScroll(tableRowsPreviewAntTableColumns(effectiveBlock.id, (effectiveData as TableRowsData).columns || []))"
+              @change="handleTableRowsPaginationChange"
               @resize-column="handleTableRowsAntTableColumnResize"
             />
           </div>
@@ -956,8 +962,10 @@ const {
             row-key="__rowKey"
             :columns="tableRowsFallbackAntTableColumns(effectiveBlock.id, effectiveData as TableRowsData)"
             :data-source="tableRowsFallbackAntTableRows(effectiveData as TableRowsData)"
-            :pagination="false"
+            :pagination="tableRowsPaginationConfig(effectiveData)"
+            :loading="tableRowsPageLoading"
             :scroll="tableRowsAntTableScroll(tableRowsFallbackAntTableColumns(effectiveBlock.id, effectiveData as TableRowsData))"
+            @change="handleTableRowsPaginationChange"
             @resize-column="handleTableRowsAntTableColumnResize"
           />
         </div>

package/node_modules/@fses/workbench-card/src/renderers/chart/types.ts

@@ -21,12 +21,19 @@ export interface WorkbenchChartQueryScope {
 
 export interface WorkbenchChartQueryOptions {
   businessWording?: string;
+  pageIndex?: number;
+  pageSize?: number;
+  needCount?: boolean;
 }
 
 export interface WorkbenchChartRefreshResult {
   success: boolean;
   rows?: Array<Record<string, unknown>>;
   dataPayload?: unknown;
+  pageIndex?: number;
+  pageSize?: number;
+  total?: number;
+  hasMore?: boolean;
   errorCode?: string;
   errorMessage?: string;
 }

package/node_modules/@fses/workbench-card/src/renderers/native/nativeBindings.ts

@@ -935,6 +935,19 @@ export function createNativeBindings(context: NativeBindingsContext) {
     return unit;
   }
 
+  /**
+   * Returns the metric source label without the platform brand name.
+   * @param data - Metric summary renderer data.
+   * @returns Source label suitable for display in a metric card footer.
+   */
+  function metricSummarySourceLabel(data: MetricSummaryData & Record<string, unknown>): string {
+    return textValue(data.sourceLabel)
+      .replace(/百特搭\s*的?/gu, '')
+      .replace(/Baiteda(?:'s)?\s*/giu, '')
+      .replace(/\s+/gu, ' ')
+      .trim();
+  }
+
   /**
    * Returns the first compact secondary metric text from image-composed KPI data.
    * @param data - Metric summary renderer data.
@@ -1087,6 +1100,7 @@ export function createNativeBindings(context: NativeBindingsContext) {
     tableRowCells,
     metricSummaryDisplayValue,
     metricSummaryUnitLabel,
+    metricSummarySourceLabel,
     imageComposeMetricSubText,
     imageComposeMetricFooterStatus,
     imageComposeMetricFooterMain,

package/node_modules/@fses/workbench-card/src/renderers/useWorkbenchBlockRendererBindings.ts

@@ -4,8 +4,8 @@ import { getLocaleText } from '@byteluck-fe/locale-message'
  * @author seadon
  * @created 2026-05-20
  */
-import { computed, h, onBeforeUnmount, reactive, watch, type CSSProperties } from 'vue';
-import type { TableColumnsType } from 'ant-design-vue';
+import { computed, h, onBeforeUnmount, reactive, ref, watch, type CSSProperties } from 'vue';
+import type { TableColumnsType, TablePaginationConfig } from 'ant-design-vue';
 import { Bot, CircleCheck, CloudRain, CloudSun, LayoutDashboard, UserRound } from 'lucide-vue-next';
 import { workbenchCardShellStyle, workbenchShellDensityClasses } from '../shell/workbenchVisualShell';
 import { implementedCardRegistryEntries } from '../registry';
@@ -127,6 +127,7 @@ export function useWorkbenchBlockRendererBindings(
   const manualReplacementCapabilityTouched = reactive<Record<string, boolean>>({});
   const tableRowsAntTableColumnWidths = reactive<Record<string, number>>({});
   const tableRowsAntTableScrollFloors: Record<string, number> = {};
+  const tableRowsPageLoading = ref(false);
   const chartRefreshRuntime = computed(() => props.hostBridge?.refreshRuntime);
   let nativeRefreshSequence = 0;
   let nestedRefreshSequence = 0;
@@ -618,6 +619,7 @@ export function useWorkbenchBlockRendererBindings(
     tableRowCells,
     metricSummaryDisplayValue,
     metricSummaryUnitLabel,
+    metricSummarySourceLabel,
     imageComposeMetricSubText,
     imageComposeMetricFooterStatus,
     imageComposeMetricFooterMain,
@@ -773,6 +775,76 @@ export function useWorkbenchBlockRendererBindings(
     };
   }
 
+  /**
+   * 构建明细表的受控服务端分页配置。
+   * @param data - 当前 rows renderer 数据。
+   * @returns Ant Design 分页配置；无分页元数据时保持旧卡无分页行为。
+   */
+  function tableRowsPaginationConfig(data: DisplayBlockData | undefined): false | TablePaginationConfig {
+    if (!data || data.shape !== 'rows' || !data.pagination) return false;
+    return {
+      current: data.pagination.pageIndex,
+      pageSize: data.pagination.pageSize,
+      total: data.pagination.total,
+      showSizeChanger: true,
+      pageSizeOptions: ['10', '20', '50'],
+      showLessItems: true,
+      disabled: tableRowsPageLoading.value,
+      position: ['bottomRight'],
+    };
+  }
+
+  /**
+   * 请求并应用明细表的目标服务端分页结果。
+   * @param pagination - Ant Design Table 返回的目标页码与每页条数。
+   * @returns 分页查询完成信号。
+   */
+  async function handleTableRowsPaginationChange(
+    pagination: Pick<TablePaginationConfig, 'current' | 'pageSize'>,
+  ): Promise<void> {
+    if (tableRowsPageLoading.value) return;
+    const data = effectiveData.value;
+    if (!data || data.shape !== 'rows' || !data.pagination) return;
+    const pageIndex = pagination.current ?? data.pagination.pageIndex;
+    const pageSize = pagination.pageSize ?? data.pagination.pageSize;
+    if (pageIndex === data.pagination.pageIndex && pageSize === data.pagination.pageSize) return;
+    const refreshRuntime = props.hostBridge?.refreshRuntime;
+    const refreshApi = nativeDataBindingRefreshApi(data);
+    const bindingId = nativeDataBindingId(data);
+    const userId = currentUserId();
+    if (!refreshRuntime || !refreshApi || !bindingId || !userId) return;
+
+    tableRowsPageLoading.value = true;
+    refreshRuntime.markRefreshStatus?.(bindingId, 'running');
+    try {
+      const result = await refreshRuntime.queryDataBinding({
+        userId,
+        roleId: currentRoleId(),
+        conversationId: refreshRuntime.conversationId || refreshRuntime.currentConversationId,
+      }, refreshApi, {
+        pageIndex,
+        pageSize,
+        needCount: true,
+      });
+      refreshRuntime.applyRefreshResult?.(result);
+      if (result.success) {
+        refreshRuntime.markRefreshStatus?.(bindingId, 'ready');
+      } else {
+        refreshRuntime.markRefreshStatus?.(
+          bindingId,
+          'error',
+          result.errorMessage || result.errorCode || 'Data binding refresh failed',
+        );
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      refreshRuntime.markRefreshStatus?.(bindingId, 'error', message);
+      await refreshRuntime.repairDataBindings?.({ userId, roleId: currentRoleId() }, refreshApi, error);
+    } finally {
+      tableRowsPageLoading.value = false;
+    }
+  }
+
   watch(() => props.block.form, () => {
     if (isFormBlockData(props.block.form)) formValuesByBlock[props.block.id] = { ...(props.block.form.values || {}) };
   }, { immediate: true, deep: true });
@@ -2822,6 +2894,9 @@ export function useWorkbenchBlockRendererBindings(
     tableRowsFallbackAntTableColumns,
     tableRowsFallbackAntTableRows,
     tableRowsAntTableScroll,
+    tableRowsPaginationConfig,
+    tableRowsPageLoading,
+    handleTableRowsPaginationChange,
     handleTableRowsAntTableColumnResize,
     formatWeatherTemp,
     weatherIcon,
@@ -2862,6 +2937,7 @@ export function useWorkbenchBlockRendererBindings(
     tableRowCells,
     metricSummaryDisplayValue,
     metricSummaryUnitLabel,
+    metricSummarySourceLabel,
     imageComposeMetricSubText,
     imageComposeMetricFooterStatus,
     imageComposeMetricFooterMain,

package/node_modules/@fses/workbench-card/src/styles/workbench-card.css

@@ -20,11 +20,109 @@
   font-size: 12px;
 }
 
+.workbench-card-ant-table .ant-spin-container {
+  /* 为服务端分页栏保留固定底部行，避免表格 100% 高度把分页节点裁出卡片。 */
+  display: grid;
+  grid-template-rows: minmax(0, 1fr) auto;
+}
+
 .workbench-card-ant-table .ant-table-container {
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
 }
 
+.workbench-card-ant-table .ant-pagination {
+  box-sizing: border-box;
+  display: flex;
+  min-height: 28px;
+  margin: 0 8px;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+  border-top: 1px solid var(--bl-n300-c, #e8eaed);
+  font-size: 12px;
+}
+
+/* Ant Design 的表格分页规则优先级更高，显式收紧上下外边距以保持分页栏垂直居中。 */
+.ant-table-wrapper.workbench-card-ant-table .ant-pagination {
+  margin: 0 8px;
+  padding: 8px 0;
+}
+
+.workbench-card-ant-table .ant-pagination-item,
+.workbench-card-ant-table .ant-pagination-prev,
+.workbench-card-ant-table .ant-pagination-next,
+.workbench-card-ant-table .ant-pagination-jump-prev,
+.workbench-card-ant-table .ant-pagination-jump-next {
+  min-width: 24px;
+  height: 24px;
+  margin-inline-end: 0;
+  line-height: 22px;
+}
+
+.workbench-card-ant-table .ant-pagination-item {
+  border-color: transparent;
+  border-radius: 4px;
+  background: transparent;
+}
+
+.workbench-card-ant-table .ant-pagination-item:hover {
+  background: var(--bl-n200-c, #f5f6f7);
+}
+
+.workbench-card-ant-table .ant-pagination-item-active {
+  border-color: transparent;
+  background: var(--bl-brand-label, #edf1ff);
+}
+
+.workbench-card-ant-table .ant-pagination-item-active a {
+  color: var(--bl-brand-c, #4c78fc);
+  font-weight: 600;
+}
+
+.workbench-card-ant-table .ant-pagination-prev .ant-pagination-item-link,
+.workbench-card-ant-table .ant-pagination-next .ant-pagination-item-link {
+  display: inline-flex;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  border-color: transparent;
+  border-radius: 4px;
+  background: transparent;
+  line-height: 1;
+}
+
+.workbench-card-ant-table .ant-pagination-prev .anticon,
+.workbench-card-ant-table .ant-pagination-next .anticon {
+  display: inline-flex;
+  margin: 0;
+  align-items: center;
+  justify-content: center;
+}
+
+.workbench-card-ant-table .ant-pagination-prev:not(.ant-pagination-disabled) .ant-pagination-item-link:hover,
+.workbench-card-ant-table .ant-pagination-next:not(.ant-pagination-disabled) .ant-pagination-item-link:hover {
+  background: var(--bl-n200-c, #f5f6f7);
+}
+
+.workbench-card-ant-table .ant-pagination-options {
+  height: 24px;
+  margin-inline-start: 4px;
+}
+
+.workbench-card-ant-table .ant-pagination-options .ant-select-selector {
+  height: 24px !important;
+  border-color: var(--bl-n300-c, #e8eaed) !important;
+  border-radius: 4px !important;
+  box-shadow: none !important;
+}
+
+.workbench-card-ant-table .ant-pagination-options .ant-select-selection-item {
+  padding-inline-end: 16px;
+  line-height: 22px !important;
+}
+
 .workbench-card-ant-table .ant-table-thead > tr > th {
   padding: 6px 8px;
   color: #667085;

package/node_modules/@fses/workbench-card/src/types/block.ts

@@ -1376,11 +1376,20 @@ export interface TableRowsData {
   shape: 'rows';
   visualKind?: string;
   sourceLabel?: string;
+  dataBindingId?: string;
+  dataBinding?: Record<string, unknown>;
+  dataBindingStatus?: string;
   columns: string[];
   rows: Array<{
     id: string;
     cells: string[];
   }>;
+  pagination?: {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    hasMore: boolean;
+  };
 }
 
 export interface InsightNarrativeData {

package/package.json

@@ -11,8 +11,8 @@
     "@byteluck-fe/workbench-template": "0.1.1",
     "@byteluck/agentic-protocol": "2.2.1",
     "@byteluck/workbench-skill-contracts": "0.1.0",
-    "@fses/ai-chat": "2.0.0",
-    "@fses/workbench-card": "0.4.0",
+    "@fses/ai-chat": "2.0.2",
+    "@fses/workbench-card": "0.4.2",
     "@microsoft/fetch-event-source": "2.0.1",
     "axios": "^1.15.0",
     "clsx": "^2.1.1",
@@ -151,5 +151,5 @@
   },
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.3.0"
+  "version": "0.3.2"
 }