@pactor-app/skills 1.24.0

package/prd-to-app/template/src/server/yaml/provider/provider-list.yaml

@@ -0,0 +1,1989 @@
+dsl: "1.0"
+page:
+  id: provider-list
+  title: 供应商
+  name: providerList
+  description: 模型资产 / Provider：上游 AI 供应商端点管理（卡片式列表）
+state:
+  keyword: ""
+  statusChip: all
+  typeChips: []
+dataSources:
+  providers:
+    type: http
+    autoLoad: true
+    request:
+      method: GET
+      url: /api/data/providers
+      params:
+        keyword: ${state.keyword}
+        status: ${state.statusChip}
+        types: ${state.typeChips}
+body:
+  type: Page
+  children:
+    - type: Breadcrumb
+      props:
+        items:
+          - label: 模型资产
+          - label: Provider
+    - type: Flex
+      props:
+        align: baseline
+        gap: middle
+      children:
+        - type: Typography
+          props:
+            variant: h3
+            text: 供应商
+        - type: Typography
+          props:
+            variant: muted
+            text: 上游 AI 供应商端点。导入模板后，请填入你的 API Key。
+    - type: Card
+      children:
+        - type: Flex
+          props:
+            align: center
+            gap: middle
+          children:
+            - type: Flex
+              props:
+                align: center
+                gap: small
+                className: h-9 rounded-md border bg-background px-3
+                style:
+                  flex: 1
+              children:
+                - type: Icon
+                  props:
+                    name: search
+                    className: text-muted-foreground
+                - type: Input
+                  props:
+                    value: ${state.keyword}
+                    placeholder: 搜索供应商、ID、端点或能力
+                    className: border-0 bg-transparent px-0 shadow-none focus-visible:ring-0
+                    style:
+                      flex: 1
+                  events:
+                    onChange:
+                      - action: setState
+                        params:
+                          keyword: ${event}
+                      - action: reload
+                        params:
+                          dataSource: providers
+            - type: Text
+              props:
+                text: 显示 ${data.providers.items.length} / ${data.providers.total}
+                type: secondary
+                className: tabular-nums text-sm
+        - type: Flex
+          props:
+            align: center
+            gap: small
+            style:
+              flexWrap: wrap
+            className: mt-2
+          children:
+            - type: ChipFilter
+              props:
+                mode: single
+                value: ${state.statusChip}
+                items: ${data.providers.filters.status}
+              events:
+                onChange:
+                  - action: setState
+                    params:
+                      statusChip: ${event}
+                  - action: reload
+                    params:
+                      dataSource: providers
+            - type: ChipFilter
+              props:
+                mode: multi
+                value: ${state.typeChips}
+                items: ${data.providers.filters.types}
+              events:
+                onChange:
+                  - action: setState
+                    params:
+                      typeChips: ${event}
+                  - action: reload
+                    params:
+                      dataSource: providers
+    - type: Grid
+      props:
+        columns: 3
+        gap: 16
+      children:
+        - type: Card
+          props:
+            className: border-dashed h-full bg-(--muted) border-2
+              border-[color-mix(in_srgb,var(--foreground)_30%,transparent)]
+          children:
+            - type: Flex
+              props:
+                direction: vertical
+                gap: large
+                align: stretch
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-10 shrink-0 rounded-full bg-primary
+                      children:
+                        - type: Icon
+                          props:
+                            name: plus
+                            size: 28
+                            color: var(--primary-foreground)
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 2
+                      children:
+                        - type: Text
+                          props:
+                            text: 添加供应商
+                            strong: true
+                            className: text-base
+                        - type: Text
+                          props:
+                            text: 从模板导入，或新建空白供应商
+                            type: secondary
+                            className: text-sm
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Button
+                      props:
+                        text: 导入
+                        icon: download
+                        variant: default
+                        style:
+                          flex: 1
+                      events:
+                        onClick:
+                          - action: message
+                            params:
+                              messageType: info
+                              text: 模板导入流程（演示：选择内置/社区模板 → 生成草稿 → 引导填密钥）
+                    - type: Button
+                      props:
+                        text: 新建
+                        icon: plus
+                        variant: primary
+                        style:
+                          flex: 1
+                      events:
+                        onClick:
+                          - action: navigate
+                            params:
+                              to: /providers/new
+        - type: ProviderCardLink
+          when: ${data.providers.items[0] != null}
+          props:
+            href: /providers/${data.providers.items[0].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[0].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[0].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[0].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[0].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[0].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[0].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[0].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[0].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[0].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[0].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[0].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[0].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[0].modelCount}
+                                                  个（${data.providers.items[0].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[0].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[0].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[0].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[0].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[0].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[0].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[0].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[0].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[0].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[0].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[0].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[0].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[0].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[0].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[0].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[0].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[1] != null}
+          props:
+            href: /providers/${data.providers.items[1].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[1].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[1].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[1].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[1].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[1].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[1].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[1].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[1].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[1].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[1].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[1].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[1].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[1].modelCount}
+                                                  个（${data.providers.items[1].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[1].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[1].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[1].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[1].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[1].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[1].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[1].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[1].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[1].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[1].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[1].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[1].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[1].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[1].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[1].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[1].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[2] != null}
+          props:
+            href: /providers/${data.providers.items[2].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[2].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[2].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[2].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[2].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[2].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[2].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[2].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[2].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[2].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[2].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[2].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[2].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[2].modelCount}
+                                                  个（${data.providers.items[2].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[2].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[2].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[2].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[2].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[2].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[2].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[2].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[2].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[2].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[2].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[2].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[2].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[2].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[2].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[2].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[2].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[3] != null}
+          props:
+            href: /providers/${data.providers.items[3].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[3].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[3].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[3].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[3].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[3].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[3].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[3].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[3].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[3].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[3].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[3].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[3].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[3].modelCount}
+                                                  个（${data.providers.items[3].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[3].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[3].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[3].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[3].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[3].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[3].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[3].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[3].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[3].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[3].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[3].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[3].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[3].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[3].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[3].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[3].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[4] != null}
+          props:
+            href: /providers/${data.providers.items[4].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[4].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[4].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[4].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[4].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[4].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[4].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[4].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[4].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[4].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[4].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[4].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[4].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[4].modelCount}
+                                                  个（${data.providers.items[4].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[4].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[4].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[4].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[4].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[4].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[4].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[4].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[4].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[4].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[4].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[4].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[4].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[4].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[4].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[4].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[4].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[5] != null}
+          props:
+            href: /providers/${data.providers.items[5].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[5].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[5].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[5].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[5].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[5].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[5].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[5].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[5].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[5].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[5].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[5].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[5].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[5].modelCount}
+                                                  个（${data.providers.items[5].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[5].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[5].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[5].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[5].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[5].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[5].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[5].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[5].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[5].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[5].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[5].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[5].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[5].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[5].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[5].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[5].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[6] != null}
+          props:
+            href: /providers/${data.providers.items[6].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[6].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[6].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[6].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[6].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[6].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[6].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[6].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[6].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[6].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[6].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[6].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[6].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[6].modelCount}
+                                                  个（${data.providers.items[6].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[6].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[6].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[6].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[6].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[6].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[6].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[6].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[6].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[6].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[6].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[6].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[6].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[6].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[6].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[6].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[6].capabilities.length - 3}
+                        type: secondary
+        - type: ProviderCardLink
+          when: ${data.providers.items[7] != null}
+          props:
+            href: /providers/${data.providers.items[7].code}
+          children:
+            - type: Card
+              props:
+                className: h-full provider-card relative
+              children:
+                - type: Flex
+                  props:
+                    align: center
+                    gap: middle
+                  children:
+                    - type: Flex
+                      props:
+                        align: center
+                        justify: center
+                        className: size-14 shrink-0 rounded-full bg-(--muted)
+                      children:
+                        - type: Icon
+                          props:
+                            name: ${data.providers.items[7].icon}
+                            size: 28
+                    - type: Flex
+                      props:
+                        direction: vertical
+                        gap: 0
+                        style:
+                          alignItems: flex-start
+                          flex: 1
+                      children:
+                        - type: Button
+                          props:
+                            text: ${data.providers.items[7].displayName}
+                            variant: link
+                            className: p-0 font-semibold text-base
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[7].code}
+                        - type: Flex
+                          props:
+                            justify: space-between
+                            align: center
+                            style:
+                              width: 100%
+                              marginTop: 2
+                          children:
+                            - type: TextLink
+                              props:
+                                text: ${data.providers.items[7].routeSummary}
+                                className: text-sm text-(--muted-foreground) underline-offset-4 hover:underline
+                              events:
+                                onClick:
+                                  - action: navigate
+                                    params:
+                                      to: /routes
+                            - type: Text
+                              when: ${data.providers.items[7].keyStatus != 'configured'}
+                              props:
+                                text: "${data.providers.items[7].keyStatus == 'pending' ? '● 待填密钥' : '● 无密钥'}"
+                                type: "${data.providers.items[7].keyStatus == 'pending' ? 'warning' : 'danger'}"
+                                className: text-xs
+                            - type: Text
+                              when: ${data.providers.items[7].keyStatus == 'configured'}
+                              props:
+                                text: ""
+                - type: Flex
+                  props:
+                    align: center
+                    gap: 2
+                    className: absolute right-3 top-3 provider-card-actions
+                  children:
+                    - type: Tooltip
+                      props:
+                        content: "${data.providers.items[7].status == 'enabled' ? '停用' : '启用'}"
+                      children:
+                        - type: Button
+                          props:
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          children:
+                            - type: StatusToggleIcon
+                              props:
+                                enabled: ${data.providers.items[7].status == 'enabled'}
+                          events:
+                            onClick:
+                              - id: statusCfm
+                                action: overlay.open
+                                params:
+                                  overlay:
+                                    type: modal
+                                    title: "${data.providers.items[7].status == 'enabled' ? '确认停用 Provider' : '确认启用
+                                      Provider'}"
+                                    width: 480
+                                    content:
+                                      type: Flex
+                                      props:
+                                        direction: vertical
+                                        gap: middle
+                                      children:
+                                        - type: Text
+                                          props:
+                                            size: small
+                                            text: "${data.providers.items[7].status == 'enabled' ? '停用后，该 Provider 将无法被新建
+                                              Model / Target 引用。' : '启用后，该
+                                              Provider 可被 Model / Target 引用。'}"
+                                        - type: Flex
+                                          props:
+                                            direction: vertical
+                                            gap: small
+                                          children:
+                                            - type: Text
+                                              props:
+                                                text: 影响范围：
+                                                strong: true
+                                            - type: Text
+                                              props:
+                                                text: · Model：${data.providers.items[7].modelCount}
+                                                  个（${data.providers.items[7].enabledModelCount}
+                                                  个启用）
+                                                type: secondary
+                                            - type: Text
+                                              props:
+                                                text: · Route Target 引用：${data.providers.items[7].routes.total} 个
+                                                type: secondary
+                                        - type: Text
+                                          when: ${data.providers.items[7].status == 'enabled'}
+                                          props:
+                                            size: small
+                                            text: ⚠ 存在 ONLINE Target 引用时，建议先完成切换再停用。
+                                            type: warning
+                                        - type: Flex
+                                          props:
+                                            justify: end
+                                            gap: middle
+                                          children:
+                                            - type: Button
+                                              props:
+                                                text: 取消
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                            - type: Button
+                                              props:
+                                                text: "${data.providers.items[7].status == 'enabled' ? '确认停用' : '确认启用'}"
+                                                variant: primary
+                                                danger: ${data.providers.items[7].status == 'enabled'}
+                                              events:
+                                                onClick:
+                                                  - action: overlay.close
+                                                    params:
+                                                      payload:
+                                                        ok: true
+                              - action: if
+                                params:
+                                  condition: ${actions.statusCfm.ok}
+                                  then:
+                                    - action: message
+                                      params:
+                                        messageType: success
+                                        text: "${data.providers.items[7].status == 'enabled' ? '已停用' :
+                                          '已启用'}（演示：静态页面不落库）"
+                    - type: Tooltip
+                      props:
+                        content: 编辑
+                      children:
+                        - type: Button
+                          props:
+                            icon: pencil
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[7].code}/edit
+                    - type: Tooltip
+                      when: ${data.providers.items[7].keyStatus != 'configured'}
+                      props:
+                        content: 填写密钥
+                      children:
+                        - type: Button
+                          props:
+                            icon: key
+                            variant: text
+                            size: small
+                            className: size-6 p-0
+                          events:
+                            onClick:
+                              - action: navigate
+                                params:
+                                  to: /providers/${data.providers.items[7].code}/edit
+                - type: Flex
+                  props:
+                    align: center
+                    gap: small
+                    style:
+                      flexWrap: wrap
+                  children:
+                    - type: Badge
+                      when: ${data.providers.items[7].capabilities[0] != null}
+                      props:
+                        text: ${data.providers.items[7].capabilities[0]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[7].capabilities[1] != null}
+                      props:
+                        text: ${data.providers.items[7].capabilities[1]}
+                        variant: outline
+                    - type: Badge
+                      when: ${data.providers.items[7].capabilities[2] != null}
+                      props:
+                        text: ${data.providers.items[7].capabilities[2]}
+                        variant: outline
+                    - type: Text
+                      when: ${data.providers.items[7].capabilities.length > 3}
+                      props:
+                        text: +${data.providers.items[7].capabilities.length - 3}
+                        type: secondary
+    - type: Empty
+      when: ${data.providers.items != null && data.providers.items.length == 0}
+      props:
+        title: 无匹配供应商
+        description: 调整搜索关键词或筛选条件后重试