@liujitcn/kratos-taro-app-system 0.1.4 → 0.1.11

package/README.md

@@ -54,3 +54,6 @@ pnpm test
 pnpm build:h5
 pnpm build:mp-weixin
 ```
+
+AI 共用 RPC 同步人工确认消息类型；应用端会话仅开放读取工具，写操作确认由管理端完成。
+AI 仅对最新且已结束的助手消息提供重新生成入口，历史消息仍可复制或删除。

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.1.4",
+  "version": "0.1.11",
   "type": "module",
   "files": [
     "dist",
@@ -39,8 +39,8 @@
     "@tarojs/components": "4.2.1",
     "@tarojs/taro": "4.2.1",
     "react": "18.3.1",
-    "@liujitcn/kratos-taro-app-ui": "^0.1.4",
-    "@liujitcn/kratos-taro-app-core": "^0.1.4"
+    "@liujitcn/kratos-taro-app-core": "^0.1.11",
+    "@liujitcn/kratos-taro-app-ui": "^0.1.11"
   },
   "scripts": {
     "build": "pnpm run build:entries && pnpm pack --pack-destination ../../../dist/npm",

package/src/api/base/v1/ai_message.ts

@@ -11,6 +11,7 @@ import Taro from '@tarojs/taro'
 import type { ListAiMessageRequest, ListAiMessageResponse } from '../../../rpc/base/v1/ai_session'
 import type {
   AiMessageService,
+  DecideAiToolApprovalRequest,
   DeleteAiMessageRequest,
   DeleteAiMessageResponse,
   RegenerateAiMessageRequest,
@@ -202,6 +203,15 @@ export function StreamAiMessageByChunkedRequest(
 
 /** AI 助手消息服务。 */
 export class AiMessageServiceImpl implements AiMessageService {
+  /** 共用契约的审批入口；移动端会话由服务端拒绝写入审批。 */
+  DecideAiToolApproval(request: DecideAiToolApprovalRequest): Promise<SendAiMessageResponse> {
+    return http<SendAiMessageResponse>({
+      url: `${AI_SESSION_URL}/${request.session_id}/message/${request.message_id}/approval`,
+      method: 'POST',
+      data: request,
+    })
+  }
+
   /** 查询 AI 助手消息列表。 */
   ListAiMessage(request: ListAiMessageRequest): Promise<ListAiMessageResponse> {
     return http<ListAiMessageResponse>({

package/src/api/base/v1/notification.ts

@@ -9,7 +9,7 @@ import type {
   MarkAllNotificationReadRequest,
   MarkNotificationReadRequest,
   MarkNotificationUnreadRequest,
-  Notification,
+  NotificationDetail,
   NotificationService,
   NotificationSummary,
   PageNotificationRequest,
@@ -58,7 +58,7 @@ export class NotificationServiceImpl implements NotificationService {
     }))
   }
   /** 查询消息详情。 */
-  GetNotification(request: GetNotificationRequest): Promise<Notification> {
+  GetNotification(request: GetNotificationRequest): Promise<NotificationDetail> {
     return http({ url: `${NOTIFICATION_URL}/${request.id}`, method: 'GET', authMode: 'required' })
   }
   /** 查询未读汇总。 */

package/src/rpc/base/v1/ai_message.ts

@@ -1,12 +1,24 @@
 // Code generated by protoc-gen-ts_proto. DO NOT EDIT.
 // versions:
-//   protoc-gen-ts_proto  v2.7.7
+//   protoc-gen-ts_proto  v2.12.1
 //   protoc               unknown
 // source: base/v1/ai_message.proto
 
 /* eslint-disable */
 import type { AiAttachment, AiMessage, AiSession } from "./ai_session";
 
+/** AI 工具人工确认请求，实际工具和参数由服务端冻结。 */
+export interface DecideAiToolApprovalRequest {
+  /** 会话ID */
+  session_id: string;
+  /** 消息ID */
+  message_id: string;
+  /** 一次性审批编号 */
+  approval_id: string;
+  /** 是否确认执行 */
+  approved: boolean;
+}
+
 /** AI 助手消息更新请求 */
 export interface UpdateAiMessageRequest {
   /** 会话ID */
@@ -93,6 +105,8 @@ export interface AiAction {
 
 /** Base AI 助手消息服务 */
 export interface AiMessageService {
+  /** 确认或拒绝当前用户的待执行工具调用。 */
+  DecideAiToolApproval(request: DecideAiToolApprovalRequest): Promise<SendAiMessageResponse>;
   /** 更新 AI 助手消息并重新生成输出 */
   UpdateAiMessage(request: UpdateAiMessageRequest): Promise<SendAiMessageResponse>;
   /** 删除 AI 助手消息 */

package/src/rpc/base/v1/ai_session.ts

@@ -1,12 +1,12 @@
 // Code generated by protoc-gen-ts_proto. DO NOT EDIT.
 // versions:
-//   protoc-gen-ts_proto  v2.7.7
+//   protoc-gen-ts_proto  v2.12.1
 //   protoc               unknown
 // source: base/v1/ai_session.proto
 
 /* eslint-disable */
 import type { Timestamp } from "../../google/protobuf/timestamp";
-import type { AiToolCall, Terminal } from "./ai_tool";
+import type { AiToolApproval, AiToolCall, Terminal } from "./ai_tool";
 
 /** AI 助手消息状态。 */
 export enum AiMessageStatus {
@@ -18,6 +18,8 @@ export enum AiMessageStatus {
   AI_MESSAGE_STATUS_SUCCESS = 2,
   /** AI_MESSAGE_STATUS_FAILED - 失败。 */
   AI_MESSAGE_STATUS_FAILED = 3,
+  /** AI_MESSAGE_STATUS_WAITING_APPROVAL - 等待用户确认工具调用。 */
+  AI_MESSAGE_STATUS_WAITING_APPROVAL = 4,
 }
 
 /** AI 助手消息列表查询条件 */
@@ -184,6 +186,8 @@ export interface AiOutputContent {
   step: string;
   /** 移动端结构化内容JSON */
   blocks_json: string;
+  /** 待执行工具的人工确认信息 */
+  approval: AiToolApproval | undefined;
 }
 
 /** AI 助手 Token 统计 */

package/src/rpc/base/v1/ai_tool.ts

@@ -1,10 +1,11 @@
 // Code generated by protoc-gen-ts_proto. DO NOT EDIT.
 // versions:
-//   protoc-gen-ts_proto  v2.7.7
+//   protoc-gen-ts_proto  v2.12.1
 //   protoc               unknown
 // source: base/v1/ai_tool.proto
 
 /* eslint-disable */
+import type { Timestamp } from "../../google/protobuf/timestamp";
 
 /** 终端类型。 */
 export enum Terminal {
@@ -16,6 +17,26 @@ export enum Terminal {
   TERMINAL_ADMIN = 2,
 }
 
+/** AI 工具人工确认信息。 */
+export interface AiToolApproval {
+  /** 一次性审批编号 */
+  id: string;
+  /** 待确认的工具和冻结参数 */
+  calls: AiApprovalTool[];
+  /** 确认截止时间 */
+  expires_at: Timestamp | undefined;
+}
+
+/** AI 待确认工具调用。 */
+export interface AiApprovalTool {
+  /** 工具名称 */
+  name: string;
+  /** 操作说明 */
+  title: string;
+  /** 待执行的冻结参数JSON */
+  arguments: string;
+}
+
 /** AI 助手快捷入口列表查询条件 */
 export interface ListAiShortcutRequest {
   /** 终端类型：枚举【Terminal】 */

package/src/rpc/base/v1/notification.ts

@@ -1,6 +1,6 @@
 // Code generated by protoc-gen-ts_proto. DO NOT EDIT.
 // versions:
-//   protoc-gen-ts_proto  v2.7.7
+//   protoc-gen-ts_proto  v2.12.1
 //   protoc               unknown
 // source: base/v1/notification.proto
 
@@ -274,8 +274,36 @@ export interface DeleteNotificationRequest {
   id: number;
 }
 
-/** 当前用户消息。 */
+/** 当前用户消息列表项。 */
 export interface Notification {
+  /** 投递ID */
+  id: number;
+  /** 分类名称 */
+  category_name: string;
+  /** 分类图标 */
+  category_icon: string;
+  /** 分类颜色 */
+  category_color: string;
+  /** 消息标题 */
+  title: string;
+  /** 动作目标 */
+  action_target: string;
+  /** 动作参数JSON */
+  action_params: string;
+  /** 接收时间 */
+  received_at: string;
+  /** 已读时间 */
+  read_at: string;
+  /** 归档时间 */
+  archived_at: string;
+  /** 是否允许归档 */
+  allow_archive: boolean;
+  /** 是否允许删除 */
+  allow_delete: boolean;
+}
+
+/** 消息详情。 */
+export interface NotificationDetail {
   /** 投递ID */
   id: number;
   /** 租户ID */
@@ -304,8 +332,6 @@ export interface Notification {
   action_target: string;
   /** 动作参数JSON */
   action_params: string;
-  /** 发送者名称 */
-  sender_name: string;
   /** 接收时间 */
   received_at: string;
   /** 已读时间 */
@@ -329,7 +355,7 @@ export interface NotificationService {
   /** 查询当前用户未读汇总。 */
   GetNotificationSummary(request: GetNotificationSummaryRequest): Promise<NotificationSummary>;
   /** 查询当前用户消息详情。 */
-  GetNotification(request: GetNotificationRequest): Promise<Notification>;
+  GetNotification(request: GetNotificationRequest): Promise<NotificationDetail>;
   /** 标记消息为已读。 */
   MarkNotificationRead(request: MarkNotificationReadRequest): Promise<Empty>;
   /** 标记消息为未读。 */

package/src/views/pagesMember/ai/components/KnowledgePicker.scss

@@ -24,7 +24,7 @@
   padding: 20px 40px calc(40px + env(safe-area-inset-bottom));
   overflow: hidden;
   background: var(--kratos-color-surface-solid, #070d18);
-  border-radius: 40px 40px 0 0;
+  border-radius: var(--kratos-page-radius) var(--kratos-page-radius) 0 0;
   box-sizing: border-box;
 }
 
@@ -34,7 +34,7 @@
   height: 8px;
   margin: 0 auto 20px;
   background: var(--kratos-color-track, rgba(255, 255, 255, 0.06));
-  border-radius: 4px;
+  border-radius: var(--kratos-page-radius);
 }
 
 .knowledge-picker__head {

package/src/views/pagesMember/ai/components/ModelPicker.scss

@@ -28,7 +28,7 @@
   background: var(--kratos-color-surface-solid, #070d18);
   border: 1PX solid var(--kratos-color-border-accent, rgba(120, 230, 215, 0.16));
   border-bottom: 0;
-  border-radius: 32px 32px 0 0;
+  border-radius: var(--kratos-page-radius) var(--kratos-page-radius) 0 0;
   box-shadow: 0 -24px 80px rgba(15, 23, 42, 0.16);
   box-sizing: border-box;
 }
@@ -39,7 +39,7 @@
   height: 8px;
   margin: 16px auto 8px;
   background: var(--kratos-color-track, rgba(255, 255, 255, 0.06));
-  border-radius: 4px;
+  border-radius: var(--kratos-page-radius);
 }
 
 .model-picker__head {
@@ -101,7 +101,7 @@
   margin-bottom: 12px;
   border: 1PX solid var(--kratos-color-border, rgba(255, 255, 255, 0.08));
   background: var(--kratos-color-surface, rgba(255, 255, 255, 0.035));
-  border-radius: 20px;
+  border-radius: var(--kratos-page-radius);
   box-sizing: border-box;
 }
 

package/src/views/pagesMember/ai/components/SessionDrawer.scss

@@ -65,7 +65,7 @@
   width: 112px;
   height: 52px;
   border: 1PX solid var(--kratos-color-primary-edge, rgba(40, 240, 212, 0.3));
-  border-radius: 12px;
+  border-radius: var(--kratos-page-radius);
   color: var(--kratos-color-primary, #28f0d4);
   font-size: 24px;
   line-height: 50px;
@@ -81,7 +81,7 @@
   padding: 0 18px;
   margin-bottom: 18px;
   border: 1PX solid var(--kratos-color-border, rgba(255, 255, 255, 0.08));
-  border-radius: 12px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface-2, rgba(255, 255, 255, 0.06));
   box-sizing: border-box;
 }
@@ -101,7 +101,7 @@
   gap: 12px;
   padding: 22px 16px 22px 22px;
   border: 1PX solid var(--kratos-color-border, rgba(255, 255, 255, 0.08));
-  border-radius: 14px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface, rgba(255, 255, 255, 0.035));
 }
 

package/src/views/pagesMember/ai/components/WelcomePanel.scss

@@ -185,7 +185,7 @@
   min-width: 350px;
   height: 96px;
   padding: 0 34px 0 78px;
-  border-radius: 18px;
+  border-radius: var(--kratos-page-radius);
   font-size: 30px;
   line-height: 96px;
 }
@@ -196,7 +196,7 @@
   min-height: 96px;
   margin-top: 30px;
   padding: 24px 28px;
-  border-radius: 18px;
+  border-radius: var(--kratos-page-radius);
   font-size: 29px;
   line-height: 44px;
 }
@@ -205,7 +205,7 @@
   margin-top: 34px;
   padding: 30px 28px 24px;
   border: 1PX solid var(--kratos-color-border-accent, rgba(120, 230, 215, 0.16));
-  border-radius: 16px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface, #fff);
   box-shadow: var(--kratos-glow-soft, none);
   box-sizing: border-box;
@@ -265,7 +265,7 @@
   width: 36px;
   height: 36px;
   margin-right: 24px;
-  border-radius: 8px;
+  border-radius: var(--kratos-page-radius);
   color: var(--kratos-color-primary, #28f0d4);
   font-size: 24px;
   font-weight: 700;

package/src/views/pagesMember/ai/components/composer.scss

@@ -14,7 +14,7 @@
   flex-shrink: 0;
   width: 100%;
   margin-bottom: var(--kratos-tab-bar-space, calc(104px + env(safe-area-inset-bottom)));
-  padding: 14px 24px calc(18px + env(safe-area-inset-bottom));
+  padding: 14px 24px 18px;
   overflow: hidden;
   background: var(--kratos-color-surface, #fff);
   border-top: 1PX solid var(--kratos-color-border-accent, rgba(0, 150, 134, 0.28));
@@ -32,7 +32,7 @@
   color: var(--kratos-color-text, #102232);
   background: var(--kratos-color-surface, #fff);
   border: 1PX solid var(--kratos-color-border-accent, rgba(0, 150, 134, 0.28));
-  border-radius: 28px;
+  border-radius: var(--kratos-page-radius);
   box-sizing: border-box;
 }
 
@@ -65,7 +65,7 @@
   min-height: 124px;
   padding: 22px 18px;
   border: 1PX solid var(--kratos-color-border, #e3eaf2);
-  border-radius: 24px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface, #fff);
   box-sizing: border-box;
 }
@@ -95,7 +95,7 @@
   min-height: 72px;
   padding: 0 12px 0 28px;
   border: 1PX solid var(--kratos-color-border, #e3eaf2);
-  border-radius: 38px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface-2, #eef4fa);
   box-shadow: none;
   box-sizing: border-box;
@@ -116,7 +116,7 @@
   white-space: nowrap;
   padding: 6px 12px;
   border: 1PX solid var(--kratos-color-primary-edge, rgba(0, 150, 134, 0.3));
-  border-radius: 8px;
+  border-radius: var(--kratos-page-radius);
   color: var(--kratos-color-primary, #039e8c);
   font-size: 20px;
   line-height: 28px;

package/src/views/pagesMember/ai/index.scss

@@ -35,7 +35,7 @@ page {
 .bubble {
   max-width: 86%;
   padding: 20px 24px;
-  border-radius: 18px;
+  border-radius: var(--kratos-page-radius);
   box-sizing: border-box;
   word-break: break-word;
 }
@@ -43,14 +43,12 @@ page {
 .user-bubble {
   color: var(--kratos-color-on-primary);
   background: linear-gradient(135deg, var(--kratos-color-primary-deep) 0%, var(--kratos-color-primary) 100%);
-  border-bottom-right-radius: 6px;
   box-shadow: var(--kratos-glow);
 }
 .ai-bubble {
   color: var(--kratos-color-text);
   background: var(--kratos-color-surface);
   border: 1PX solid var(--kratos-color-border);
-  border-bottom-left-radius: 6px;
 }
 .bubble.is-streaming { opacity: 0.72; }
 .bubble-content { white-space: pre-wrap; font-size: 28px; line-height: 1.65; }
@@ -76,7 +74,7 @@ page {
   padding: 12px;
   margin-top: 8px;
   border: 1PX solid var(--kratos-color-border);
-  border-radius: 12px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface-2);
   box-sizing: border-box;
 }
@@ -86,7 +84,7 @@ page {
   width: 48px;
   height: 48px;
   border: 1PX solid var(--kratos-color-primary-edge);
-  border-radius: 10px;
+  border-radius: var(--kratos-page-radius);
   color: var(--kratos-color-primary);
   font-size: 20px;
   line-height: 46px;

package/src/views/pagesMember/ai/index.tsx

@@ -626,9 +626,17 @@ export default function AiPage() {
     }
   }
 
+  const canRegenerateMessage = (item: ChatMessageItem) => {
+    const current = messagesRef.current[activeSessionIDRef.current] ?? []
+    return item.role === 'ai' && !item.localOnly && !isSessionSending(activeSessionIDRef.current)
+      && item.status !== AiMessageStatus.AI_MESSAGE_STATUS_GENERATING
+      && item.status !== AiMessageStatus.AI_MESSAGE_STATUS_WAITING_APPROVAL
+      && current[current.length - 1]?.messageID === item.messageID
+  }
+
   const regenerateMessage = async (item: ChatMessageItem) => {
     const sessionID = activeSessionIDRef.current
-    if (item.role !== 'ai' || item.localOnly || isSessionSending(sessionID)) return
+    if (!canRegenerateMessage(item)) return
     setSessionSending(sessionID, true)
     try {
       const response = await defAiMessageService.RegenerateAiMessage({ session_id: sessionID, message_id: item.messageID })
@@ -643,7 +651,7 @@ export default function AiPage() {
 
   const handleMessageAction = async (item: ChatMessageItem) => {
     try {
-      const itemList = item.role === 'ai'
+      const itemList = canRegenerateMessage(item)
         ? [t('system.ai.action.copy'), t('common.action.delete'), t('system.ai.action.regenerate')]
         : [t('system.ai.action.copy'), t('common.action.delete')]
       const { tapIndex } = await Taro.showActionSheet({ itemList })
@@ -889,6 +897,7 @@ function mapMessageItem(message: AiMessage, role: ChatRole): ChatMessageItem {
     flow: message.output_content?.flow ?? '',
     step: message.output_content?.step ?? '',
     blocks_json: message.output_content?.blocks_json ?? '',
+    approval: message.output_content?.approval,
   }
   const status = Number(message.status ?? AiMessageStatus.AI_MESSAGE_STATUS_SUCCESS)
   return {
@@ -949,7 +958,7 @@ function createThinkingMessage(options?: { sessionID?: string; messageID?: strin
       input_content: undefined,
     output_content: {
       kind: 'text', content: t('system.ai.thinking'), reply_source: '', model: '', fallback: false,
-      fallback_reason: '', flow: '', step: '', blocks_json: '',
+      fallback_reason: '', flow: '', step: '', blocks_json: '', approval: undefined,
     },
     attachments: [],
     created_at: { seconds: Math.floor(now / 1000), nanos: (now % 1000) * 1_000_000 },

package/src/views/pagesMember/message/detail.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { KratosNavBar, t, useThemeStore } from '@liujitcn/kratos-taro-app-core'
 import { UniIcon } from '@liujitcn/kratos-taro-app-ui'
 import { defNotificationService } from '../../../api/base/v1/notification'
-import type { Notification } from '../../../rpc/base/v1/notification'
+import type { NotificationDetail } from '../../../rpc/base/v1/notification'
 import { MessageContentFormat } from '../../../rpc/base/v1/notification'
 import { resolvePersistedMessage } from '../../../utils/persisted-message'
 import { resolveMessageCategoryIcon } from './icons'
@@ -13,7 +13,7 @@ import './message.scss'
 /** MessageDetailPage 展示站内信详情与通知操作。 */
 export default function MessageDetailPage() {
   const themeStore = useThemeStore()
-  const [detail, setDetail] = useState<Notification>()
+  const [detail, setDetail] = useState<NotificationDetail>()
 
   useLoad((options) => {
     const id = Number(options?.id)
@@ -45,7 +45,6 @@ export default function MessageDetailPage() {
               />
               <Text>{detail.category_name}</Text>
             </View>
-            <Text>{resolvePersistedMessage(detail.sender_name)}</Text>
             <Text>{detail.received_at}</Text>
           </View>
           {detail.content_format === MessageContentFormat.MESSAGE_CONTENT_FORMAT_RICH_TEXT ? (

package/src/views/pagesMember/message/message.scss

@@ -27,7 +27,7 @@
   margin-top: 24px;
   padding: 0 24px;
   border: 1PX solid var(--kratos-color-border);
-  border-radius: 16px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface-2);
   color: var(--kratos-color-text);
   font-size: 26px;
@@ -93,7 +93,7 @@
   display: block;
   padding: 28px;
   border: 1PX solid var(--kratos-color-border);
-  border-radius: 20px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface);
   color: var(--kratos-color-text);
   font-size: 30px;

package/src/views/pagesMember/profile/profile.scss

@@ -34,7 +34,7 @@
 .profile-av-img {
   width: 100%;
   height: 100%;
-  border-radius: 22px;
+  border-radius: var(--kratos-page-radius);
 }
 
 /* 表单卡 */
@@ -83,7 +83,7 @@
   margin: 0;
   padding: 0 24px;
   border: 1PX solid var(--kratos-color-border-accent);
-  border-radius: 999px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-primary-soft);
   color: var(--kratos-color-primary);
   font-size: 24px;

package/src/views/pagesMember/settings/components/ChangePasswordEntry.scss

@@ -19,7 +19,7 @@
   max-height: calc(100vh - 64px);
   overflow-y: auto;
   background: var(--kratos-color-surface-solid);
-  border-radius: 16px;
+  border-radius: var(--kratos-page-radius);
   box-shadow: 0 20px 64px rgb(0 0 0 / 20%);
 }
 
@@ -82,7 +82,7 @@
   color: var(--kratos-color-text);
   font-size: 30px;
   border: 1PX solid var(--kratos-color-border);
-  border-radius: 8px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface-2);
 }
 
@@ -90,7 +90,7 @@
   margin-top: 20px;
   padding: 18px 20px;
   border: 1PX solid var(--kratos-color-border);
-  border-radius: 10px;
+  border-radius: var(--kratos-page-radius);
   background: var(--kratos-color-surface-2);
 }
 
@@ -100,7 +100,7 @@
 .change-password-strength__label--medium { color: var(--kratos-color-warning); }
 .change-password-strength__label--high { color: var(--kratos-color-primary); }
 .change-password-strength__bars { display: flex; gap: 10px; margin-top: 14px; }
-.change-password-strength__bar { flex: 1; height: 10px; border-radius: 6px; background: var(--kratos-color-border); }
+.change-password-strength__bar { flex: 1; height: 10px; border-radius: var(--kratos-page-radius); background: var(--kratos-color-border); }
 .change-password-strength__bar--low { background: var(--kratos-color-danger); }
 .change-password-strength__bar--medium { background: var(--kratos-color-warning); }
 .change-password-strength__bar--high { background: var(--kratos-color-primary); }
@@ -109,7 +109,7 @@
 .change-password-dialog__error { margin-top: 12px; color: var(--kratos-color-text-muted); font-size: 24px; line-height: 1.5; }
 .change-password-dialog__error { color: var(--kratos-color-danger); }
 .change-password-dialog__footer { display: flex; justify-content: flex-end; gap: 20px; padding: 0 32px 32px; }
-.change-password-dialog__button { min-width: 160px; height: 72px; margin: 0; padding: 0 24px; font-size: 28px; line-height: 72px; border: 0; border-radius: 8px; }
+.change-password-dialog__button { min-width: 160px; height: 72px; margin: 0; padding: 0 24px; font-size: 28px; line-height: 72px; border: 0; border-radius: var(--kratos-page-radius); }
 .change-password-dialog__button::after { border: 0; }
 .change-password-dialog__button--cancel { color: var(--kratos-color-text-muted); background: var(--kratos-color-track); }
 .change-password-dialog__button--confirm { color: var(--kratos-color-on-primary); background: var(--kratos-color-primary); }

package/src/views/pagesMember/settings/components/PasswordVerifyDialog.scss

@@ -16,7 +16,7 @@
   width: 100%;
   max-width: 680px;
   overflow: hidden;
-  border-radius: 16px;
+  border-radius: var(--kratos-page-radius);
   background-color: var(--kratos-color-surface-solid);
   box-shadow: 0 20px 64px rgba(0, 0, 0, 0.2);
 }
@@ -64,7 +64,7 @@
   font-size: 30px;
   border: 1PX solid var(--kratos-color-border);
   background-color: var(--kratos-color-surface-2);
-  border-radius: 8px;
+  border-radius: var(--kratos-page-radius);
   box-sizing: border-box;
 }
 
@@ -102,7 +102,7 @@
   font-size: 28px;
   line-height: 72px;
   border: 0;
-  border-radius: 8px;
+  border-radius: var(--kratos-page-radius);
 }
 
 .mfa-bind-dialog__button--cancel {