feat(admin): 仪表盘重构、代理线路修复与后台体验优化

- 各角色仪表盘：KPI 可点击跳转、快捷入口、去重冗余区块，代理/站点降级 analytics
- 代理线路：创建玩家权限、侧栏搜索、深链 URL、档案保存与删除预检等修复
- 统一密码最短 6 位；代理模块表格/侧栏背景色一致（admin-table-inset）
- 报表、钱包、对账、开奖、结算、配置等模块结构与 i18n 同步更新

src/modules/config/doc/play-config-doc-screen.tsx

@@ -17,11 +17,7 @@ import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { ConfigChipGroup } from "@/modules/config/config-chip-group";
 import { ConfigDocPage, ConfigDocToolbar } from "@/modules/config/config-doc-page";
-import {
-  ConfigVersionToolbarMeta,
-  ConfigVersionToolbarMetaEmphasis,
-} from "@/modules/config/config-version-toolbar-meta";
-import { ConfigSection } from "@/modules/config/config-section";
+
 import { ConfirmableSwitch } from "@/components/admin/confirmable-switch";
 import {
   Dialog,
@@ -52,7 +48,7 @@ import { AdminLoadingState } from "@/components/admin/admin-loading-state";
 import { ConfigReadonlyValue } from "@/modules/config/config-readonly-value";
 import { ConfigVersionActions } from "@/modules/config/config-version-actions";
 import { ConfigVersionSwitcher } from "@/modules/config/config-version-switcher";
-import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
+
 import { useAsyncEffect } from "@/hooks/use-async-effect";
 import { useConfirmAction } from "@/hooks/use-confirm-action";
 import { useTranslationRef } from "@/hooks/use-translation-ref";
@@ -152,7 +148,6 @@ export function PlayConfigDocScreen() {
   const { request: requestConfirm, ConfirmDialog, busy: confirmBusy } = useConfirmAction();
   const profile = useAdminProfile();
   const canManage = adminHasAnyPermission(profile?.permissions, [PRD_PLAY_SWITCH_MANAGE]);
-  const formatDt = useAdminDateTimeFormatter();
   const [list, setList] = useState<ConfigVersionSummary[]>([]);
   const [selectedId, setSelectedId] = useState("");
   const [detail, setDetail] = useState<PlayConfigVersionDetail | null>(null);
@@ -429,8 +424,6 @@ export function PlayConfigDocScreen() {
     return <span>{name || row.play_code}</span>;
   }
 
-  const activeHead = list.find((x) => x.status === "active");
-
   async function handleDeleteVersion(row: ConfigVersionSummary) {
     try {
       await deletePlayConfigVersion(row.id);
@@ -488,7 +481,7 @@ export function PlayConfigDocScreen() {
               selectedId={selectedId}
               onSelectedIdChange={setSelectedId}
               loading={loadingList}
-              sheetTitle={`${t("nav.items.plays", { ns: "config" })} ${t("versionSwitcher.sheetTitle", { ns: "config" })}`}
+
               onDeleteVersion={handleDeleteVersion}
               onRollbackVersion={requestRollback}
               rollbackBusy={saving}
@@ -515,100 +508,63 @@ export function PlayConfigDocScreen() {
               }
             />
           }
-          footer={
-            detail ? (
-              <ConfigVersionToolbarMeta emphasis={!isDraft}>
-                {activeHead ? (
-                  <span>
-                    {t("play.activeVersion", { ns: "config", version: activeHead.version_no })}
-                    {activeHead.effective_at ? ` · ${formatDt(activeHead.effective_at)}` : ""}
-                  </span>
-                ) : null}
-                {!isDraft ? (
-                  <ConfigVersionToolbarMetaEmphasis>
-                    {t("play.readOnlyHint", { ns: "config" })}
-                  </ConfigVersionToolbarMetaEmphasis>
-                ) : activeHead ? (
-                  <span>{t("versionToolbar.draftEditing", { ns: "config" })}</span>
-                ) : null}
-              </ConfigVersionToolbarMeta>
-            ) : null
-          }
         />
       }
     >
       {detail ? (
-        <ConfigSection
-          title={t("play.filters.sectionTitle", { ns: "config" })}
-          description={isDraft ? t("play.filters.sectionDescription", { ns: "config" }) : undefined}
-        >
-          {!isDraft ? (
-            <div className="rounded-md border border-amber-200 bg-amber-50/70 px-3 py-2 text-xs text-amber-950">
-              {t("play.readOnlyDraftHint", { ns: "config" })}
-            </div>
-          ) : null}
-          <div className="flex flex-col gap-3 lg:flex-row lg:items-end">
-            <div className="flex flex-1 flex-col gap-3 md:flex-row md:flex-wrap md:items-end">
-              <div className="flex min-w-0 flex-col gap-1.5 md:w-[320px]">
-                <span className="text-sm font-medium">{t("play.filters.keyword", { ns: "config" })}</span>
-                <Input
-                  value={keyword}
-                  onChange={(e) => setKeyword(e.target.value)}
-                  placeholder={t("play.filters.keywordPlaceholder", { ns: "config" })}
-                  className="h-8"
-                />
-              </div>
-              <div className="flex flex-col gap-1.5 md:w-[140px]">
-                <span className="text-sm font-medium">{t("play.filters.category", { ns: "config" })}</span>
-                <Select value={categoryFilter} onValueChange={(value) => setCategoryFilter(value ?? "all")}>
-                  <SelectTrigger className="h-8">
-                    <SelectValue>
-                      {categoryFilter === "all"
-                        ? t("play.filters.allCategories", { ns: "config" })
-                        : categoryLabel(categoryFilter)}
-                    </SelectValue>
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">{t("play.filters.allCategories", { ns: "config" })}</SelectItem>
-                    {categoryOptions.map((category) => (
-                      <SelectItem key={category} value={category}>
-                        {categoryLabel(category)}
-                      </SelectItem>
-                    ))}
-                    <SelectItem value="uncategorized">
-                      {t("play.filters.uncategorized", { ns: "config" })}
-                    </SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <div className="flex flex-col gap-1.5 md:w-[140px]">
-                <span className="text-sm font-medium">{t("play.filters.status", { ns: "config" })}</span>
-                <Select
-                  value={statusFilter}
-                  onValueChange={(value) => setStatusFilter(value as "all" | "enabled" | "disabled")}
-                >
-                  <SelectTrigger className="h-8">
-                    <SelectValue>
-                      {statusFilter === "all"
-                        ? t("play.filters.allStatuses", { ns: "config" })
-                        : statusFilter === "enabled"
-                          ? t("play.states.enabled", { ns: "config" })
-                          : t("play.states.disabled", { ns: "config" })}
-                    </SelectValue>
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">{t("play.filters.allStatuses", { ns: "config" })}</SelectItem>
-                    <SelectItem value="enabled">{t("play.states.enabled", { ns: "config" })}</SelectItem>
-                    <SelectItem value="disabled">{t("play.states.disabled", { ns: "config" })}</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-            <div className="flex items-end justify-start lg:flex-none">
+        <div className="space-y-3">
+          <div className="flex flex-wrap items-center gap-2">
+            <Input
+              value={keyword}
+              onChange={(e) => setKeyword(e.target.value)}
+              placeholder={t("play.filters.keywordPlaceholder", { ns: "config" })}
+              className="h-8 w-full min-w-[12rem] max-w-xs"
+            />
+            <Select value={categoryFilter} onValueChange={(value) => setCategoryFilter(value ?? "all")}>
+              <SelectTrigger className="h-8 w-[8.5rem]">
+                <SelectValue>
+                  {categoryFilter === "all"
+                    ? t("play.filters.allCategories", { ns: "config" })
+                    : categoryLabel(categoryFilter)}
+                </SelectValue>
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="all">{t("play.filters.allCategories", { ns: "config" })}</SelectItem>
+                {categoryOptions.map((category) => (
+                  <SelectItem key={category} value={category}>
+                    {categoryLabel(category)}
+                  </SelectItem>
+                ))}
+                <SelectItem value="uncategorized">
+                  {t("play.filters.uncategorized", { ns: "config" })}
+                </SelectItem>
+              </SelectContent>
+            </Select>
+            <Select
+              value={statusFilter}
+              onValueChange={(value) => setStatusFilter(value as "all" | "enabled" | "disabled")}
+            >
+              <SelectTrigger className="h-8 w-[6.5rem]">
+                <SelectValue>
+                  {statusFilter === "all"
+                    ? t("play.filters.allStatuses", { ns: "config" })
+                    : statusFilter === "enabled"
+                      ? t("play.states.enabled", { ns: "config" })
+                      : t("play.states.disabled", { ns: "config" })}
+                </SelectValue>
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="all">{t("play.filters.allStatuses", { ns: "config" })}</SelectItem>
+                <SelectItem value="enabled">{t("play.states.enabled", { ns: "config" })}</SelectItem>
+                <SelectItem value="disabled">{t("play.states.disabled", { ns: "config" })}</SelectItem>
+              </SelectContent>
+            </Select>
+            {(keyword || categoryFilter !== "all" || statusFilter !== "all") ? (
               <Button
                 type="button"
                 size="sm"
-                variant="outline"
+                variant="ghost"
+                className="h-8 px-2"
                 onClick={() => {
                   setKeyword("");
                   setCategoryFilter("all");
@@ -617,76 +573,52 @@ export function PlayConfigDocScreen() {
               >
                 {t("play.filters.reset", { ns: "config" })}
               </Button>
-            </div>
+            ) : null}
           </div>
           {isDraft ? (
-            <div className="space-y-2 border-t border-border/60 pt-3">
-              <div className="text-xs font-medium text-muted-foreground">
-                {t("play.batchSwitchesTitle", { ns: "config" })}
-              </div>
-              <ConfigChipGroup>
-                {batchSwitchStates.map((group) => {
-                  const groupOn = group.allEnabled;
-                  const isPartial =
-                    group.total > 0 && group.enabledCount > 0 && group.enabledCount < group.total;
-                  return (
-                    <div
-                      key={group.key}
-                      className="flex items-center justify-between gap-3 rounded-lg border border-border/60 bg-card px-3 py-2"
-                    >
-                      <div className="min-w-0">
-                        <p className="text-sm font-medium text-foreground">{group.label}</p>
-                        <p className="text-xs text-muted-foreground">
-                          {group.total > 0
-                            ? isPartial
-                              ? t("play.batchPartialEnabled", {
-                                  ns: "config",
-                                  enabledCount: group.enabledCount,
-                                  total: group.total,
-                                })
-                              : t("play.batchEnabledCount", {
-                                  ns: "config",
-                                  enabledCount: group.enabledCount,
-                                  total: group.total,
-                                })
-                            : t("play.noPlayTypes", { ns: "config" })}
-                        </p>
-                      </div>
-                      <div className="flex shrink-0 items-center justify-center">
-                        <Checkbox
-                          checked={groupOn}
-                          indeterminate={isPartial}
-                          disabled={saving || group.total === 0 || confirmBusy}
-                          aria-label={t("play.aria.batchGroupSwitch", {
+            <ConfigChipGroup label={t("play.batchSwitchesTitle", { ns: "config" })}>
+              {batchSwitchStates.map((group) => {
+                const groupOn = group.allEnabled;
+                const isPartial =
+                  group.total > 0 && group.enabledCount > 0 && group.enabledCount < group.total;
+                return (
+                  <label
+                    key={group.key}
+                    className="inline-flex cursor-pointer items-center gap-2 rounded-md border border-border/60 px-2.5 py-1.5 text-sm"
+                  >
+                    <span>{group.label}</span>
+                    <Checkbox
+                      checked={groupOn}
+                      indeterminate={isPartial}
+                      disabled={saving || group.total === 0 || confirmBusy}
+                      aria-label={t("play.aria.batchGroupSwitch", {
+                        ns: "config",
+                        group: group.label,
+                      })}
+                      onCheckedChange={(checked) => {
+                        const enable = checked === true;
+                        const action = enable
+                          ? t("play.batchSwitchEnable", { ns: "config" })
+                          : t("play.batchSwitchDisable", { ns: "config" });
+                        requestConfirm({
+                          title: t("play.batchSwitchConfirmTitle", { ns: "config", action }),
+                          description: t("play.batchSwitchConfirmDescription", {
                             ns: "config",
+                            action,
                             group: group.label,
-                          })}
-                          onCheckedChange={(checked) => {
-                            const enable = checked === true;
-                            const action = enable
-                              ? t("play.batchSwitchEnable", { ns: "config" })
-                              : t("play.batchSwitchDisable", { ns: "config" });
-                            requestConfirm({
-                              title: t("play.batchSwitchConfirmTitle", { ns: "config", action }),
-                              description: t("play.batchSwitchConfirmDescription", {
-                                ns: "config",
-                                action,
-                                group: group.label,
-                                count: group.total,
-                              }),
-                              confirmVariant: enable ? "default" : "destructive",
-                              onConfirm: () => applyBatchSwitch(group, enable),
-                            });
-                          }}
-                        />
-                      </div>
-                    </div>
-                  );
-                })}
-              </ConfigChipGroup>
-            </div>
+                            count: group.total,
+                          }),
+                          confirmVariant: enable ? "default" : "destructive",
+                          onConfirm: () => applyBatchSwitch(group, enable),
+                        });
+                      }}
+                    />
+                  </label>
+                );
+              })}
+            </ConfigChipGroup>
           ) : null}
-        </ConfigSection>
+        </div>
       ) : null}
 
       {error ? <p className="text-sm text-destructive">{error}</p> : null}