chore(web): 前端格式 - 统一十个文件的 Prettier 格式 (#561)

Original-Commit: ade0049c0b80733dfea563bac2aae9260e373cf0 style(web): 前端格式 - 补 Prettier 格式（10 个文件）这 10 个文件（3 个组件/样式与设置页、4 个 admin 主题与控件、1 个 lib、2 个测试）用仓库自带 Prettier 检查会 warn，`bun scripts/check-changed-formatting.mjs` 在改动到它们时会直接判红。本次只做格式化，不改任何行为：合并的 CSS 声明、去掉多余换行与括号、统一链式调用换行。验证：prettier --write 后 `check-changed-formatting.mjs` 通过、typecheck 通过、 1940 条前端测试全过、eslint 通过。
2026-09-21 06:24:31 +08:00
parent 5e3bc01161
commit 6c92c3be7a
10 changed files with 63 additions and 155 deletions
--- a/web/src/pages/admin/components/agent-lessons-panel.tsx
+++ b/web/src/pages/admin/components/agent-lessons-panel.tsx
@@ -179,9 +179,7 @@ export default function AgentLessonsPanel() {

    return (
        <div className="flex flex-col gap-3">
-            <p className="text-xs text-foreground/60">
-                记忆归用户自己批准和管理。这里只做巡查：可按用户、状态、关键词筛选，必要时删除违规内容。批准入口在用户的「设置 → Agent 记忆」。
-            </p>
+            <p className="text-xs text-foreground/60">记忆归用户自己批准和管理。这里只做巡查：可按用户、状态、关键词筛选，必要时删除违规内容。批准入口在用户的「设置 → Agent 记忆」。</p>
            <AdminDataTable
                toolbar={
                    <div className="flex flex-wrap items-center gap-2">
@@ -211,13 +209,7 @@ export default function AgentLessonsPanel() {
                                label: user.displayName ? `${user.displayName}（${user.username}）` : user.username,
                            }))}
                        />
-                        <Input.Search
-                            allowClear
-                            placeholder="主题、内容或用户名"
-                            className="w-[220px]"
-                            value={keyword}
-                            onChange={(event) => setKeyword(event.target.value)}
-                        />
+                        <Input.Search allowClear placeholder="主题、内容或用户名" className="w-[220px]" value={keyword} onChange={(event) => setKeyword(event.target.value)} />
                        <Button icon={<RefreshCw className="size-4" />} onClick={() => void load()}>
                            刷新
                        </Button>
--- a/web/src/pages/admin/theme/admin-chrome.css
+++ b/web/src/pages/admin/theme/admin-chrome.css
@@ -142,7 +142,9 @@
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
-    transition: background-color var(--admin-motion), color var(--admin-motion);
+    transition:
+        background-color var(--admin-motion),
+        color var(--admin-motion);
 }

 [data-admin-root] .admin-nav-link.is-collapsed {
@@ -651,18 +653,19 @@
    padding: 4px 0;
 }

-[data-admin-root] :is(
-    .admin-feature-command-bar,
-    .admin-appearance-command-bar,
-    .admin-access-command-bar,
-    .admin-email-command-bar,
-    .admin-storage-command-bar,
-    .admin-ark-command-bar,
-    .admin-intercept-command-bar,
-    .admin-drawing-command-bar,
-    .admin-runtime-policy-command-bar,
-    .admin-third-party-command-bar
-) {
+[data-admin-root]
+    :is(
+        .admin-feature-command-bar,
+        .admin-appearance-command-bar,
+        .admin-access-command-bar,
+        .admin-email-command-bar,
+        .admin-storage-command-bar,
+        .admin-ark-command-bar,
+        .admin-intercept-command-bar,
+        .admin-drawing-command-bar,
+        .admin-runtime-policy-command-bar,
+        .admin-third-party-command-bar
+    ) {
    position: sticky;
    top: 0;
    z-index: 8;
@@ -681,26 +684,24 @@
    backdrop-filter: none !important;
 }

-[data-admin-root] :is(
-    .admin-feature-command-bar,
-    .admin-appearance-command-bar,
-    .admin-access-command-bar,
-    .admin-email-command-bar,
-    .admin-storage-command-bar,
-    .admin-ark-command-bar,
-    .admin-intercept-command-bar,
-    .admin-drawing-command-bar,
-    .admin-runtime-policy-command-bar,
-    .admin-third-party-command-bar
-).is-dirty {
+[data-admin-root]
+    :is(
+        .admin-feature-command-bar,
+        .admin-appearance-command-bar,
+        .admin-access-command-bar,
+        .admin-email-command-bar,
+        .admin-storage-command-bar,
+        .admin-ark-command-bar,
+        .admin-intercept-command-bar,
+        .admin-drawing-command-bar,
+        .admin-runtime-policy-command-bar,
+        .admin-third-party-command-bar
+    ).is-dirty {
    border-bottom-color: color-mix(in srgb, var(--admin-status-warning) 55%, var(--admin-border)) !important;
    background: color-mix(in srgb, var(--admin-status-warning) 8%, var(--admin-canvas)) !important;
 }

-[data-admin-root] :is(
-    .admin-feature-command-copy strong,
-    .admin-appearance-command-copy strong
-) {
+[data-admin-root] :is(.admin-feature-command-copy strong, .admin-appearance-command-copy strong) {
    color: var(--admin-text);
    font-size: 12px;
    font-weight: 650;
--- a/web/src/pages/admin/theme/admin-tokens.css
+++ b/web/src/pages/admin/theme/admin-tokens.css
@@ -2,15 +2,7 @@
 * Never alias --workspace-*, --user-*, or --skin-* from the product UI.
 * Light/dark follow the page theme class; product skins are ignored. */

-:is(
-    [data-admin-root],
-    body.admin-overlays,
-    .admin-drawer,
-    .admin-secondary-drawer,
-    .admin-modal-root,
-    .admin-channel-modal-root,
-    .admin-mobile-navigation-menu
-) {
+:is([data-admin-root], body.admin-overlays, .admin-drawer, .admin-secondary-drawer, .admin-modal-root, .admin-channel-modal-root, .admin-mobile-navigation-menu) {
    --admin-font: ui-sans-serif, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", system-ui, sans-serif;
    --admin-font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --admin-space: 8px;
@@ -100,17 +92,12 @@
    font-family: var(--admin-font);
    font-size: 13px;
    line-height: 1.45;
-    font-feature-settings: "ss01" 0, "cv11" 0;
+    font-feature-settings:
+        "ss01" 0,
+        "cv11" 0;
 }

-.dark :is(
-    [data-admin-root],
-    .admin-drawer,
-    .admin-secondary-drawer,
-    .admin-modal-root,
-    .admin-channel-modal-root,
-    .admin-mobile-navigation-menu
-),
+.dark :is([data-admin-root], .admin-drawer, .admin-secondary-drawer, .admin-modal-root, .admin-channel-modal-root, .admin-mobile-navigation-menu),
 .dark body.admin-overlays {
    --admin-canvas: #0f0f0f;
    --admin-sidebar: #0f0f0f;
--- a/web/src/pages/admin/ui/controls.tsx
+++ b/web/src/pages/admin/ui/controls.tsx
@@ -22,14 +22,7 @@ export function AdminSwitch({
    className?: string;
    "aria-label"?: string;
 }) {
-    return (
-        <AntSwitch
-            {...props}
-            size={size === "sm" ? "small" : "default"}
-            className={cn("admin-switch", className)}
-            onChange={(checked) => props.onChange?.(checked)}
-        />
-    );
+    return <AntSwitch {...props} size={size === "sm" ? "small" : "default"} className={cn("admin-switch", className)} onChange={(checked) => props.onChange?.(checked)} />;
 }

 export function Switch(props: Parameters<typeof AdminSwitch>[0]) {
@@ -53,15 +46,7 @@ export function AdminSelect<V extends string = string>({
    ariaLabel?: string;
    className?: string;
 }) {
-    return (
-        <AntSelect
-            {...props}
-            size={size === "sm" ? "small" : "middle"}
-            className={cn("admin-select", className)}
-            aria-label={ariaLabel}
-            onChange={(value) => onChange?.(value as V)}
-        />
-    );
+    return <AntSelect {...props} size={size === "sm" ? "small" : "middle"} className={cn("admin-select", className)} aria-label={ariaLabel} onChange={(value) => onChange?.(value as V)} />;
 }

 export function Select<V extends string = string>(props: Parameters<typeof AdminSelect<V>>[0]) {
@@ -143,15 +128,7 @@ export function AdminSegmented<V extends string = string>({
    ariaLabel?: string;
    className?: string;
 }) {
-    return (
-        <Segmented
-            className={cn("admin-segmented", className)}
-            value={value}
-            options={options.map((option) => ({ ...option, label: option.label ?? option.value }))}
-            onChange={(next) => onChange?.(String(next) as V)}
-            aria-label={ariaLabel}
-        />
-    );
+    return <Segmented className={cn("admin-segmented", className)} value={value} options={options.map((option) => ({ ...option, label: option.label ?? option.value }))} onChange={(next) => onChange?.(String(next) as V)} aria-label={ariaLabel} />;
 }

 export function SegmentedControl<V extends string = string>(props: Parameters<typeof AdminSegmented<V>>[0]) {
--- a/web/src/pages/admin/ui/overlays.tsx
+++ b/web/src/pages/admin/ui/overlays.tsx
@@ -30,19 +30,13 @@ function mergeFlushStyles(resolved: unknown, flush: boolean, kind: "drawer" | "m
 }

 export function AdminDrawer({ flush = false, destroyOnHidden = true, styles, className, rootClassName, ...props }: AdminDrawerProps) {
-    const mergedStyles =
-        typeof styles === "function"
-            ? (info: { props: DrawerProps }) => mergeFlushStyles(styles(info), flush, "drawer")
-            : mergeFlushStyles(styles, flush, "drawer");
+    const mergedStyles = typeof styles === "function" ? (info: { props: DrawerProps }) => mergeFlushStyles(styles(info), flush, "drawer") : mergeFlushStyles(styles, flush, "drawer");

    return <Drawer destroyOnHidden={destroyOnHidden} className={cn("admin-drawer-panel", className)} rootClassName={cn("admin-drawer", rootClassName)} {...props} styles={mergedStyles as DrawerProps["styles"]} />;
 }

 export function AdminModal({ flush = false, destroyOnHidden = true, styles, className, rootClassName, ...props }: AdminModalProps) {
-    const mergedStyles =
-        typeof styles === "function"
-            ? (info: { props: ModalProps }) => mergeFlushStyles(styles(info), flush, "modal")
-            : mergeFlushStyles(styles, flush, "modal");
+    const mergedStyles = typeof styles === "function" ? (info: { props: ModalProps }) => mergeFlushStyles(styles(info), flush, "modal") : mergeFlushStyles(styles, flush, "modal");

    return <Modal destroyOnHidden={destroyOnHidden} className={cn("admin-modal-panel", className)} rootClassName={cn("admin-modal-root", rootClassName)} {...props} styles={mergedStyles as ModalProps["styles"]} />;
 }