From 08fa232fe33352377b597f0f75da1d0db43b93fc Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sat, 2 May 2026 19:40:42 +0800
Subject: [PATCH] refactor(ticket): simplify frontend ticket API and components

---
 .../_components/conversation-info-panel.tsx   |    8 +-
 web/app/dashboard/ticket-priorities/page.tsx  |  616 --------
 .../ticket-resolution-codes/page.tsx          |  477 ------
 web/app/dashboard/ticket-risk/page.tsx        |  326 ----
 ...create-ticket-from-conversation-dialog.tsx |    7 +-
 .../dashboard/tickets/_components/edit.tsx    |  219 +--
 .../_components/ticket-assign-dialog.tsx      |   42 +-
 .../ticket-collaborator-dialog.tsx            |  149 --
 .../_components/ticket-priority-badge.tsx     |   43 -
 .../_components/ticket-reason-dialog.tsx      |  122 --
 .../_components/ticket-relation-dialog.tsx    |  229 ---
 .../_components/ticket-reply-dialog.tsx       |  244 ---
 .../tickets/_components/ticket-sla-badge.tsx  |   62 -
 .../_components/ticket-status-badge.tsx       |   33 +-
 .../_components/ticket-status-dialog.tsx      |  178 +--
 web/app/dashboard/tickets/detail/page.tsx     | 1271 ----------------
 web/app/dashboard/tickets/page.tsx            | 1344 +++--------------
 .../customer-link-or-create-dialog.tsx        |   13 +-
 web/lib/api/ticket-config.ts                  |  139 --
 web/lib/api/ticket.ts                         |  336 +----
 web/lib/navigation.tsx                        |   20 -
 web/lib/ticket-priority.ts                    |   19 -
 22 files changed, 327 insertions(+), 5570 deletions(-)
 delete mode 100644 web/app/dashboard/ticket-priorities/page.tsx
 delete mode 100644 web/app/dashboard/ticket-resolution-codes/page.tsx
 delete mode 100644 web/app/dashboard/ticket-risk/page.tsx
 delete mode 100644 web/app/dashboard/tickets/_components/ticket-collaborator-dialog.tsx
 delete mode 100644 web/app/dashboard/tickets/_components/ticket-priority-badge.tsx
 delete mode 100644 web/app/dashboard/tickets/_components/ticket-reason-dialog.tsx
 delete mode 100644 web/app/dashboard/tickets/_components/ticket-relation-dialog.tsx
 delete mode 100644 web/app/dashboard/tickets/_components/ticket-reply-dialog.tsx
 delete mode 100644 web/app/dashboard/tickets/_components/ticket-sla-badge.tsx
 delete mode 100644 web/app/dashboard/tickets/detail/page.tsx
 delete mode 100644 web/lib/api/ticket-config.ts
 delete mode 100644 web/lib/ticket-priority.ts

diff --git a/web/app/dashboard/conversations/_components/conversation-info-panel.tsx b/web/app/dashboard/conversations/_components/conversation-info-panel.tsx
index 7c389cb..99279b8 100644
--- a/web/app/dashboard/conversations/_components/conversation-info-panel.tsx
+++ b/web/app/dashboard/conversations/_components/conversation-info-panel.tsx
@@ -55,7 +55,6 @@ import {
   ConversationTagBadges,
   ConversationTagPicker,
 } from "./conversation-tag-picker";
-import { TicketPriorityBadge } from "../../tickets/_components/ticket-priority-badge";
 import { TicketStatusBadge } from "../../tickets/_components/ticket-status-badge";
 
 function contactTypeLabel(contactType: ContactType | string) {
@@ -629,9 +628,7 @@ function RelatedTicketsSection({ conversation }: { conversation: AgentConversati
           {tickets.map((ticket) => (
             <Link
               key={ticket.id}
-              href={`/dashboard/tickets/detail?id=${ticket.id}`}
-              target="_blank"
-              rel="noreferrer"
+              href={`/dashboard/tickets?ticketId=${ticket.id}`}
               className="block rounded-lg border border-border bg-background px-3 py-2 transition-colors hover:bg-muted/40"
             >
               <div className="flex items-start justify-between gap-3">
@@ -643,10 +640,9 @@ function RelatedTicketsSection({ conversation }: { conversation: AgentConversati
                     {ticket.ticketNo}
                   </div>
                 </div>
-                <TicketPriorityBadge priority={ticket.priority} priorityName={ticket.priorityName} />
+                <TicketStatusBadge status={ticket.status} />
               </div>
               <div className="mt-2 flex items-center justify-between gap-3">
-                <TicketStatusBadge status={ticket.status} />
                 <span className="text-xs text-muted-foreground">
                   {ticket.updatedAt ? formatDateTime(ticket.updatedAt) : "—"}
                 </span>
diff --git a/web/app/dashboard/ticket-priorities/page.tsx b/web/app/dashboard/ticket-priorities/page.tsx
deleted file mode 100644
index e625edf..0000000
--- a/web/app/dashboard/ticket-priorities/page.tsx
+++ /dev/null
@@ -1,616 +0,0 @@
-"use client";
-
-import {
-  closestCenter,
-  DndContext,
-  KeyboardSensor,
-  MouseSensor,
-  TouchSensor,
-  useSensor,
-  useSensors,
-  type DragEndEvent,
-} from "@dnd-kit/core";
-import {
-  arrayMove,
-  SortableContext,
-  sortableKeyboardCoordinates,
-  useSortable,
-  verticalListSortingStrategy,
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { zodResolver } from "@hookform/resolvers/zod";
-import {
-  GripVerticalIcon,
-  PencilIcon,
-  PlusIcon,
-  RefreshCwIcon,
-  SearchIcon,
-  Trash2Icon,
-} from "lucide-react";
-import { useCallback, useEffect, useState, type CSSProperties } from "react";
-import { Controller, useForm, type Resolver } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod/v4";
-
-import { useConfirm } from "@/components/confirm-provider";
-import { OptionCombobox } from "@/components/option-combobox";
-import { ProjectDialog } from "@/components/project-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { ButtonGroup } from "@/components/ui/button-group";
-import {
-  Field,
-  FieldContent,
-  FieldError,
-  FieldLabel,
-} from "@/components/ui/field";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  createTicketPriorityConfig,
-  deleteTicketPriorityConfig,
-  fetchTicketPriorityConfigs,
-  updateTicketPriorityConfig,
-  updateTicketPriorityConfigSort,
-  type CreateTicketPriorityConfigPayload,
-  type TicketPriorityConfig,
-} from "@/lib/api/ticket-config";
-import { getEnumOptions } from "@/lib/enums";
-import { Status, StatusLabels } from "@/lib/generated/enums";
-import { cn } from "@/lib/utils";
-
-const listStatusOptions = [
-  { value: "all", label: "全部状态" },
-  ...getEnumOptions(StatusLabels)
-    .filter((item) => Number(item.value) !== Status.Deleted)
-    .map((item) => ({ value: String(item.value), label: item.label })),
-] as const;
-
-const formSchema = z.object({
-  name: z.string().trim().min(1, "优先级名称不能为空"),
-  firstResponseMinutes: z
-    .string()
-    .trim()
-    .min(1, "首响时长不能为空")
-    .regex(/^\d+$/, "请输入正整数"),
-  resolutionMinutes: z
-    .string()
-    .trim()
-    .min(1, "解决时长不能为空")
-    .regex(/^\d+$/, "请输入正整数"),
-  status: z.enum([String(Status.Ok), String(Status.Disabled)], {
-    message: "请选择状态",
-  }),
-  remark: z.string().trim(),
-});
-
-type EditForm = z.infer<typeof formSchema>;
-
-const resolver = zodResolver(formSchema as never) as Resolver<
-  z.input<typeof formSchema>,
-  undefined,
-  z.output<typeof formSchema>
->;
-
-const emptyForm: EditForm = {
-  name: "",
-  firstResponseMinutes: "30",
-  resolutionMinutes: "1440",
-  status: String(Status.Ok),
-  remark: "",
-};
-
-function buildForm(item: TicketPriorityConfig | null): EditForm {
-  if (!item) {
-    return emptyForm;
-  }
-  return {
-    name: item.name,
-    firstResponseMinutes: String(item.firstResponseMinutes),
-    resolutionMinutes: String(item.resolutionMinutes),
-    status: String(item.status) as EditForm["status"],
-    remark: item.remark || "",
-  };
-}
-
-function buildPayload(form: EditForm): CreateTicketPriorityConfigPayload {
-  return {
-    name: form.name.trim(),
-    firstResponseMinutes: Number(form.firstResponseMinutes),
-    resolutionMinutes: Number(form.resolutionMinutes),
-    status: Number(form.status),
-    remark: form.remark.trim(),
-  };
-}
-
-type SortablePriorityRowProps = {
-  item: TicketPriorityConfig;
-  disabled: boolean;
-  onEdit: (item: TicketPriorityConfig) => void;
-  onDelete: (item: TicketPriorityConfig) => void;
-};
-
-function SortablePriorityRow({
-  item,
-  disabled,
-  onEdit,
-  onDelete,
-}: SortablePriorityRowProps) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging,
-  } = useSortable({
-    id: item.id,
-    disabled,
-  });
-
-  const style: CSSProperties = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-  };
-
-  return (
-    <tr
-      ref={setNodeRef}
-      style={style}
-      className={cn(
-        "border-t",
-        isDragging && "relative z-10 bg-muted/60 shadow-sm",
-      )}
-    >
-      <td className="w-14 px-4 py-3">
-        <Button
-          type="button"
-          variant="ghost"
-          size="icon"
-          className="size-8 cursor-grab active:cursor-grabbing"
-          disabled={disabled}
-          aria-label={`拖拽排序 ${item.name}`}
-          {...attributes}
-          {...listeners}
-        >
-          <GripVerticalIcon className="size-4 text-muted-foreground" />
-        </Button>
-      </td>
-      <td className="px-4 py-3">{item.name}</td>
-      <td className="px-4 py-3">{item.firstResponseMinutes} 分钟</td>
-      <td className="px-4 py-3">{item.resolutionMinutes} 分钟</td>
-      <td className="px-4 py-3">
-        <Badge variant={item.status === Status.Ok ? "default" : "secondary"}>
-          {item.status === Status.Ok ? "启用" : "停用"}
-        </Badge>
-      </td>
-      <td className="px-4 py-3 text-right">
-        <ButtonGroup className="ml-auto">
-          <Button variant="outline" size="sm" onClick={() => onEdit(item)}>
-            <PencilIcon className="size-3.5" />
-            编辑
-          </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => void onDelete(item)}
-          >
-            <Trash2Icon className="size-3.5" />
-            删除
-          </Button>
-        </ButtonGroup>
-      </td>
-    </tr>
-  );
-}
-
-export default function TicketPrioritiesPage() {
-  const [keywordInput, setKeywordInput] = useState("");
-  const [statusFilterInput, setStatusFilterInput] = useState("all");
-  const [keyword, setKeyword] = useState("");
-  const [statusFilter, setStatusFilter] = useState("all");
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [sorting, setSorting] = useState(false);
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [editingItem, setEditingItem] = useState<TicketPriorityConfig | null>(
-    null,
-  );
-  const [deleting, setDeleting] = useState(false);
-  const [items, setItems] = useState<TicketPriorityConfig[]>([]);
-  const confirm = useConfirm();
-
-  const sensors = useSensors(
-    useSensor(MouseSensor, { activationConstraint: { distance: 6 } }),
-    useSensor(TouchSensor, {
-      activationConstraint: { delay: 120, tolerance: 8 },
-    }),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates,
-    }),
-  );
-
-  const loadData = useCallback(async () => {
-    setLoading(true);
-    try {
-      const data = await fetchTicketPriorityConfigs({
-        name: keyword.trim() || undefined,
-        status: statusFilter === "all" ? undefined : statusFilter,
-      });
-      setItems(Array.isArray(data) ? data : []);
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : "加载工单优先级失败",
-      );
-    } finally {
-      setLoading(false);
-    }
-  }, [keyword, statusFilter]);
-
-  useEffect(() => {
-    void loadData();
-  }, [loadData]);
-
-  function applyFilters() {
-    setKeyword(keywordInput);
-    setStatusFilter(statusFilterInput);
-  }
-
-  async function handleSubmit(payload: CreateTicketPriorityConfigPayload) {
-    if (saving) {
-      return;
-    }
-    setSaving(true);
-    try {
-      if (editingItem) {
-        await updateTicketPriorityConfig({ id: editingItem.id, ...payload });
-        toast.success(`已更新工单优先级：${payload.name}`);
-      } else {
-        await createTicketPriorityConfig(payload);
-        toast.success(`已创建工单优先级：${payload.name}`);
-      }
-      setDialogOpen(false);
-      setEditingItem(null);
-      await loadData();
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : "保存工单优先级失败",
-      );
-    } finally {
-      setSaving(false);
-    }
-  }
-
-  async function handleDelete(item: TicketPriorityConfig) {
-    if (deleting) {
-      return;
-    }
-    const confirmed = await confirm({
-      title: "确认删除优先级",
-      description: `删除后将无法恢复。确定要删除工单优先级“${item.name}”吗？`,
-      confirmText: "确认删除",
-      cancelText: "取消",
-      variant: "destructive",
-    });
-    if (!confirmed) {
-      return;
-    }
-    setDeleting(true);
-    try {
-      await deleteTicketPriorityConfig(item.id);
-      toast.success(`已删除工单优先级：${item.name}`);
-      await loadData();
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : "删除工单优先级失败",
-      );
-    } finally {
-      setDeleting(false);
-    }
-  }
-
-  async function handleDragEnd(event: DragEndEvent) {
-    const { active, over } = event;
-    if (!over || active.id === over.id || sorting || loading) {
-      return;
-    }
-    const previousResults = items;
-    const oldIndex = previousResults.findIndex((item) => item.id === active.id);
-    const newIndex = previousResults.findIndex((item) => item.id === over.id);
-    if (oldIndex < 0 || newIndex < 0) {
-      return;
-    }
-    const nextResults = arrayMove(previousResults, oldIndex, newIndex);
-    setItems(nextResults);
-    setSorting(true);
-    try {
-      await updateTicketPriorityConfigSort(nextResults.map((item) => item.id));
-      toast.success("工单优先级排序已更新");
-      await loadData();
-    } catch (error) {
-      setItems(previousResults);
-      toast.error(error instanceof Error ? error.message : "更新排序失败");
-    } finally {
-      setSorting(false);
-    }
-  }
-
-  return (
-    <>
-      <div className="flex flex-1 flex-col gap-6 p-4 lg:p-6">
-        <div className="flex flex-col gap-3 xl:flex-row xl:items-center">
-          <div className="relative min-w-72">
-            <SearchIcon className="pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" />
-            <Input
-              value={keywordInput}
-              onChange={(event) => setKeywordInput(event.target.value)}
-              onKeyDown={(event) => {
-                if (event.key === "Enter") {
-                  event.preventDefault();
-                  applyFilters();
-                }
-              }}
-              placeholder="按优先级名称筛选"
-              className="pl-9"
-            />
-          </div>
-          <div className="w-full xl:w-40">
-            <OptionCombobox
-              value={statusFilterInput}
-              onChange={setStatusFilterInput}
-              placeholder="全部状态"
-              options={listStatusOptions.map((item) => ({
-                value: item.value,
-                label: item.label,
-              }))}
-            />
-          </div>
-          <Button variant="outline" onClick={applyFilters} disabled={loading}>
-            <SearchIcon className="size-4" />
-            查询
-          </Button>
-          <Button
-            variant="outline"
-            onClick={() => void loadData()}
-            disabled={loading}
-          >
-            <RefreshCwIcon className="size-4" />
-          </Button>
-          <Button
-            onClick={() => {
-              setEditingItem(null);
-              setDialogOpen(true);
-            }}
-          >
-            <PlusIcon className="size-4" />
-            新建优先级
-          </Button>
-        </div>
-
-        <div className="overflow-hidden rounded-lg border bg-background">
-          <DndContext
-            sensors={sensors}
-            collisionDetection={closestCenter}
-            onDragEnd={handleDragEnd}
-          >
-            <table className="w-full text-sm">
-              <thead className="bg-muted/35">
-                <tr>
-                  <th className="w-14 px-4 py-3 text-left font-medium"></th>
-                  <th className="px-4 py-3 text-left font-medium">名称</th>
-                  <th className="px-4 py-3 text-left font-medium">首响时长</th>
-                  <th className="px-4 py-3 text-left font-medium">解决时长</th>
-                  <th className="px-4 py-3 text-left font-medium">状态</th>
-                  <th className="px-4 py-3 text-right font-medium">操作</th>
-                </tr>
-              </thead>
-              <tbody>
-                {loading ? (
-                  <tr>
-                    <td
-                      colSpan={6}
-                      className="h-32 text-center text-muted-foreground"
-                    >
-                      加载中...
-                    </td>
-                  </tr>
-                ) : items.length > 0 ? (
-                  <SortableContext
-                    items={items.map((item) => item.id)}
-                    strategy={verticalListSortingStrategy}
-                  >
-                    {items.map((item) => (
-                      <SortablePriorityRow
-                        key={item.id}
-                        item={item}
-                        disabled={sorting}
-                        onEdit={(current) => {
-                          setEditingItem(current);
-                          setDialogOpen(true);
-                        }}
-                        onDelete={handleDelete}
-                      />
-                    ))}
-                  </SortableContext>
-                ) : (
-                  <tr>
-                    <td
-                      colSpan={6}
-                      className="h-32 text-center text-muted-foreground"
-                    >
-                      暂无工单优先级
-                    </td>
-                  </tr>
-                )}
-              </tbody>
-            </table>
-          </DndContext>
-        </div>
-      </div>
-
-      <TicketPriorityEditDialog
-        open={dialogOpen}
-        saving={saving}
-        item={editingItem}
-        onOpenChange={(nextOpen) => {
-          setDialogOpen(nextOpen);
-          if (!nextOpen) {
-            setEditingItem(null);
-          }
-        }}
-        onSubmit={handleSubmit}
-      />
-    </>
-  );
-}
-
-type TicketPriorityEditDialogProps = {
-  open: boolean;
-  saving: boolean;
-  item: TicketPriorityConfig | null;
-  onOpenChange: (open: boolean) => void;
-  onSubmit: (payload: CreateTicketPriorityConfigPayload) => Promise<void>;
-};
-
-function TicketPriorityEditDialog({
-  open,
-  saving,
-  item,
-  onOpenChange,
-  onSubmit,
-}: TicketPriorityEditDialogProps) {
-  const formId = "ticket-priority-edit-form";
-  const form = useForm<
-    z.input<typeof formSchema>,
-    undefined,
-    z.output<typeof formSchema>
-  >({
-    resolver,
-    defaultValues: buildForm(item),
-  });
-  const {
-    register,
-    control,
-    handleSubmit,
-    reset,
-    formState: { errors },
-  } = form;
-
-  useEffect(() => {
-    reset(buildForm(item));
-  }, [item, reset]);
-
-  return (
-    <ProjectDialog
-      open={open}
-      onOpenChange={onOpenChange}
-      title={item ? "编辑工单优先级" : "新建工单优先级"}
-      description="优先级同时承载首响与解决时长配置。排序请在列表中拖动调整。"
-      size="md"
-      footer={
-        <>
-          <Button
-            type="button"
-            variant="outline"
-            onClick={() => onOpenChange(false)}
-            disabled={saving}
-          >
-            取消
-          </Button>
-          <Button type="submit" form={formId} disabled={saving}>
-            {saving ? "保存中..." : item ? "保存" : "创建"}
-          </Button>
-        </>
-      }
-    >
-      <form
-        id={formId}
-        className="space-y-4"
-        onSubmit={handleSubmit(async (values) =>
-          onSubmit(buildPayload(values)),
-        )}
-      >
-        <Field data-invalid={Boolean(errors.name)}>
-          <FieldLabel htmlFor="ticket-priority-name">名称</FieldLabel>
-          <FieldContent>
-            <Input
-              id="ticket-priority-name"
-              placeholder="请输入优先级名称"
-              {...register("name")}
-            />
-            {errors.name ? <FieldError errors={[errors.name]} /> : null}
-          </FieldContent>
-        </Field>
-
-        <div className="grid gap-4 md:grid-cols-2">
-          <Field data-invalid={Boolean(errors.firstResponseMinutes)}>
-            <FieldLabel htmlFor="ticket-priority-first-response">
-              首响时长
-            </FieldLabel>
-            <FieldContent>
-              <Input
-                id="ticket-priority-first-response"
-                placeholder="分钟"
-                {...register("firstResponseMinutes")}
-              />
-              {errors.firstResponseMinutes ? (
-                <FieldError errors={[errors.firstResponseMinutes]} />
-              ) : null}
-            </FieldContent>
-          </Field>
-
-          <Field data-invalid={Boolean(errors.resolutionMinutes)}>
-            <FieldLabel htmlFor="ticket-priority-resolution">
-              解决时长
-            </FieldLabel>
-            <FieldContent>
-              <Input
-                id="ticket-priority-resolution"
-                placeholder="分钟"
-                {...register("resolutionMinutes")}
-              />
-              {errors.resolutionMinutes ? (
-                <FieldError errors={[errors.resolutionMinutes]} />
-              ) : null}
-            </FieldContent>
-          </Field>
-        </div>
-
-        <Field data-invalid={Boolean(errors.status)}>
-          <FieldLabel>状态</FieldLabel>
-          <FieldContent>
-            <Controller
-              control={control}
-              name="status"
-              render={({ field }) => (
-                <OptionCombobox
-                  value={field.value}
-                  onChange={field.onChange}
-                  placeholder="请选择状态"
-                  options={[
-                    { value: String(Status.Ok), label: "启用" },
-                    { value: String(Status.Disabled), label: "停用" },
-                  ]}
-                />
-              )}
-            />
-            {errors.status ? <FieldError errors={[errors.status]} /> : null}
-          </FieldContent>
-        </Field>
-
-        <Field data-invalid={Boolean(errors.remark)}>
-          <FieldLabel htmlFor="ticket-priority-remark">备注</FieldLabel>
-          <FieldContent>
-            <Textarea
-              id="ticket-priority-remark"
-              rows={4}
-              placeholder="可选"
-              {...register("remark")}
-            />
-            {errors.remark ? <FieldError errors={[errors.remark]} /> : null}
-          </FieldContent>
-        </Field>
-      </form>
-    </ProjectDialog>
-  );
-}
diff --git a/web/app/dashboard/ticket-resolution-codes/page.tsx b/web/app/dashboard/ticket-resolution-codes/page.tsx
deleted file mode 100644
index 58f7252..0000000
--- a/web/app/dashboard/ticket-resolution-codes/page.tsx
+++ /dev/null
@@ -1,477 +0,0 @@
-"use client";
-
-import { zodResolver } from "@hookform/resolvers/zod";
-import { PlusIcon, RefreshCwIcon, SearchIcon, Trash2Icon } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { Controller, useForm, type Resolver } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod/v4";
-
-import { ListPagination } from "@/components/list-pagination";
-import { OptionCombobox } from "@/components/option-combobox";
-import { ProjectDialog } from "@/components/project-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Field,
-  FieldContent,
-  FieldError,
-  FieldLabel,
-} from "@/components/ui/field";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  createTicketResolutionCode,
-  deleteTicketResolutionCode,
-  fetchTicketResolutionCodes,
-  updateTicketResolutionCode,
-  type CreateTicketResolutionCodePayload,
-  type PageResult,
-  type TicketResolutionCode,
-} from "@/lib/api/ticket-config";
-import { getEnumLabel, getEnumOptions } from "@/lib/enums";
-import { Status, StatusLabels } from "@/lib/generated/enums";
-
-const listStatusOptions = [
-  { value: "all", label: "全部状态" },
-  ...getEnumOptions(StatusLabels)
-    .filter((item) => Number(item.value) !== Status.Deleted)
-    .map((item) => ({ value: String(item.value), label: item.label })),
-] as const;
-
-const formSchema = z.object({
-  name: z.string().trim().min(1, "解决码名称不能为空"),
-  code: z.string().trim().min(1, "解决码编码不能为空"),
-  sortNo: z
-    .string()
-    .trim()
-    .min(1, "排序不能为空")
-    .regex(/^\d+$/, "排序值必须是大于等于 0 的整数"),
-  status: z.enum([String(Status.Ok), String(Status.Disabled)], {
-    message: "请选择状态",
-  }),
-  remark: z.string().trim(),
-});
-
-type EditForm = z.infer<typeof formSchema>;
-
-const resolver = zodResolver(formSchema as never) as Resolver<
-  z.input<typeof formSchema>,
-  undefined,
-  z.output<typeof formSchema>
->;
-
-const emptyForm: EditForm = {
-  name: "",
-  code: "",
-  sortNo: "0",
-  status: String(Status.Ok),
-  remark: "",
-};
-
-function buildForm(item: TicketResolutionCode | null): EditForm {
-  if (!item) {
-    return emptyForm;
-  }
-  return {
-    name: item.name,
-    code: item.code,
-    sortNo: String(item.sortNo),
-    status: String(item.status) as EditForm["status"],
-    remark: item.remark || "",
-  };
-}
-
-function buildPayload(form: EditForm): CreateTicketResolutionCodePayload {
-  return {
-    name: form.name.trim(),
-    code: form.code.trim(),
-    sortNo: Number(form.sortNo),
-    status: Number(form.status),
-    remark: form.remark.trim(),
-  };
-}
-
-export default function TicketResolutionCodesPage() {
-  const [keywordInput, setKeywordInput] = useState("");
-  const [statusFilterInput, setStatusFilterInput] = useState("all");
-  const [keyword, setKeyword] = useState("");
-  const [statusFilter, setStatusFilter] = useState("all");
-  const [page, setPage] = useState(1);
-  const [limit, setLimit] = useState(20);
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [editingItem, setEditingItem] = useState<TicketResolutionCode | null>(
-    null,
-  );
-  const [result, setResult] = useState<PageResult<TicketResolutionCode>>({
-    results: [],
-    page: { page: 1, limit: 20, total: 0 },
-  });
-
-  const loadData = useCallback(async () => {
-    setLoading(true);
-    try {
-      const data = await fetchTicketResolutionCodes({
-        name: keyword.trim() || undefined,
-        status: statusFilter === "all" ? undefined : statusFilter,
-        page,
-        limit,
-      });
-      setResult(data);
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "加载解决码失败");
-    } finally {
-      setLoading(false);
-    }
-  }, [keyword, statusFilter, page, limit]);
-
-  useEffect(() => {
-    void loadData();
-  }, [loadData]);
-
-  function applyFilters() {
-    setKeyword(keywordInput);
-    setStatusFilter(statusFilterInput);
-    setPage(1);
-  }
-
-  async function handleSubmit(payload: CreateTicketResolutionCodePayload) {
-    if (saving) {
-      return;
-    }
-    setSaving(true);
-    try {
-      if (editingItem) {
-        await updateTicketResolutionCode({ id: editingItem.id, ...payload });
-        toast.success(`已更新解决码：${payload.name}`);
-      } else {
-        await createTicketResolutionCode(payload);
-        toast.success(`已创建解决码：${payload.name}`);
-      }
-      setDialogOpen(false);
-      setEditingItem(null);
-      await loadData();
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "保存解决码失败");
-    } finally {
-      setSaving(false);
-    }
-  }
-
-  async function handleDelete(item: TicketResolutionCode) {
-    try {
-      await deleteTicketResolutionCode(item.id);
-      toast.success(`已删除解决码：${item.name}`);
-      await loadData();
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "删除解决码失败");
-    }
-  }
-
-  return (
-    <>
-      <div className="flex flex-1 flex-col gap-6 p-4 lg:p-6">
-        <div className="flex flex-col gap-3 xl:flex-row xl:items-center">
-          <div className="relative min-w-72">
-            <SearchIcon className="pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" />
-            <Input
-              value={keywordInput}
-              onChange={(event) => setKeywordInput(event.target.value)}
-              onKeyDown={(event) => {
-                if (event.key === "Enter") {
-                  event.preventDefault();
-                  applyFilters();
-                }
-              }}
-              placeholder="按解决码名称筛选"
-              className="pl-9"
-            />
-          </div>
-          <div className="w-full xl:w-40">
-            <OptionCombobox
-              value={statusFilterInput}
-              onChange={setStatusFilterInput}
-              placeholder="全部状态"
-              options={listStatusOptions.map((item) => ({
-                value: item.value,
-                label: item.label,
-              }))}
-            />
-          </div>
-          <Button variant="outline" onClick={applyFilters} disabled={loading}>
-            <SearchIcon className="size-4" />
-            查询
-          </Button>
-          <Button
-            variant="outline"
-            onClick={() => void loadData()}
-            disabled={loading}
-          >
-            <RefreshCwIcon className="size-4" />
-          </Button>
-          <Button
-            onClick={() => {
-              setEditingItem(null);
-              setDialogOpen(true);
-            }}
-          >
-            <PlusIcon className="size-4" />
-            新建解决码
-          </Button>
-        </div>
-
-        <div className="overflow-hidden rounded-lg border bg-background">
-          <table className="w-full text-sm">
-            <thead className="bg-muted/35">
-              <tr>
-                <th className="px-4 py-3 text-left font-medium">名称</th>
-                <th className="px-4 py-3 text-left font-medium">编码</th>
-                <th className="px-4 py-3 text-left font-medium">状态</th>
-                <th className="px-4 py-3 text-left font-medium">排序</th>
-                <th className="px-4 py-3 text-right font-medium">操作</th>
-              </tr>
-            </thead>
-            <tbody>
-              {loading ? (
-                <tr>
-                  <td
-                    colSpan={5}
-                    className="h-32 text-center text-muted-foreground"
-                  >
-                    加载中...
-                  </td>
-                </tr>
-              ) : result.results.length > 0 ? (
-                result.results.map((item) => (
-                  <tr key={item.id} className="border-t">
-                    <td className="px-4 py-3">{item.name}</td>
-                    <td className="px-4 py-3 font-mono text-xs">{item.code}</td>
-                    <td className="px-4 py-3">
-                      <Badge
-                        variant={
-                          item.status === Status.Ok ? "default" : "secondary"
-                        }
-                      >
-                        {getEnumLabel(StatusLabels, item.status as Status)}
-                      </Badge>
-                    </td>
-                    <td className="px-4 py-3">{item.sortNo}</td>
-                    <td className="px-4 py-3 text-right">
-                      <DropdownMenu>
-                        <DropdownMenuTrigger
-                          render={<Button variant="ghost" size="sm" />}
-                        >
-                          操作
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="end">
-                          <DropdownMenuItem
-                            onClick={() => {
-                              setEditingItem(item);
-                              setDialogOpen(true);
-                            }}
-                          >
-                            编辑
-                          </DropdownMenuItem>
-                          <DropdownMenuItem
-                            className="text-destructive"
-                            onClick={() => void handleDelete(item)}
-                          >
-                            <Trash2Icon className="size-4" />
-                            删除
-                          </DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </td>
-                  </tr>
-                ))
-              ) : (
-                <tr>
-                  <td
-                    colSpan={5}
-                    className="h-32 text-center text-muted-foreground"
-                  >
-                    暂无解决码
-                  </td>
-                </tr>
-              )}
-            </tbody>
-          </table>
-        </div>
-
-        <ListPagination
-          page={result.page.page}
-          total={result.page.total}
-          limit={result.page.limit}
-          loading={loading}
-          onPageChange={setPage}
-          onLimitChange={(value) => {
-            setLimit(value);
-            setPage(1);
-          }}
-        />
-      </div>
-
-      <TicketResolutionCodeEditDialog
-        open={dialogOpen}
-        saving={saving}
-        item={editingItem}
-        onOpenChange={(open) => {
-          if (!saving) {
-            setDialogOpen(open);
-            if (!open) {
-              setEditingItem(null);
-            }
-          }
-        }}
-        onSubmit={handleSubmit}
-      />
-    </>
-  );
-}
-
-type TicketResolutionCodeEditDialogProps = {
-  open: boolean;
-  saving: boolean;
-  item: TicketResolutionCode | null;
-  onOpenChange: (open: boolean) => void;
-  onSubmit: (payload: CreateTicketResolutionCodePayload) => Promise<void>;
-};
-
-function TicketResolutionCodeEditDialog({
-  open,
-  saving,
-  item,
-  onOpenChange,
-  onSubmit,
-}: TicketResolutionCodeEditDialogProps) {
-  const formId = "ticket-resolution-code-edit-form";
-  const form = useForm<
-    z.input<typeof formSchema>,
-    undefined,
-    z.output<typeof formSchema>
-  >({
-    resolver,
-    defaultValues: emptyForm,
-  });
-  const {
-    control,
-    register,
-    handleSubmit,
-    reset,
-    formState: { errors },
-  } = form;
-
-  useEffect(() => {
-    reset(buildForm(item));
-  }, [item, reset]);
-
-  return (
-    <ProjectDialog
-      open={open}
-      onOpenChange={onOpenChange}
-      title={item ? "编辑解决码" : "新建解决码"}
-      size="md"
-      allowFullscreen
-      footer={
-        <>
-          <Button
-            type="button"
-            variant="outline"
-            onClick={() => onOpenChange(false)}
-            disabled={saving}
-          >
-            取消
-          </Button>
-          <Button type="submit" form={formId} disabled={saving}>
-            {saving ? "保存中..." : item ? "保存" : "创建"}
-          </Button>
-        </>
-      }
-    >
-      <form
-        id={formId}
-        onSubmit={handleSubmit(async (values) =>
-          onSubmit(buildPayload(values)),
-        )}
-        className="space-y-4"
-      >
-        <Field data-invalid={!!errors.name}>
-          <FieldLabel htmlFor="ticket-resolution-code-name">
-            解决码名称
-          </FieldLabel>
-          <FieldContent>
-            <Input
-              id="ticket-resolution-code-name"
-              placeholder="请输入解决码名称"
-              {...register("name")}
-            />
-            <FieldError errors={[errors.name]} />
-          </FieldContent>
-        </Field>
-        <Field data-invalid={!!errors.code}>
-          <FieldLabel htmlFor="ticket-resolution-code-code">
-            解决码编码
-          </FieldLabel>
-          <FieldContent>
-            <Input
-              id="ticket-resolution-code-code"
-              placeholder="请输入解决码编码"
-              {...register("code")}
-            />
-            <FieldError errors={[errors.code]} />
-          </FieldContent>
-        </Field>
-        <div className="grid gap-4 md:grid-cols-2">
-          <Field data-invalid={!!errors.sortNo}>
-            <FieldLabel htmlFor="ticket-resolution-code-sort">排序</FieldLabel>
-            <FieldContent>
-              <Input id="ticket-resolution-code-sort" {...register("sortNo")} />
-              <FieldError errors={[errors.sortNo]} />
-            </FieldContent>
-          </Field>
-          <Field data-invalid={!!errors.status}>
-            <FieldLabel>状态</FieldLabel>
-            <FieldContent>
-              <Controller
-                control={control}
-                name="status"
-                render={({ field }) => (
-                  <OptionCombobox
-                    value={field.value}
-                    onChange={field.onChange}
-                    placeholder="请选择状态"
-                    options={listStatusOptions
-                      .filter((item) => item.value !== "all")
-                      .map((item) => ({
-                        value: item.value,
-                        label: item.label,
-                      }))}
-                  />
-                )}
-              />
-              <FieldError errors={[errors.status]} />
-            </FieldContent>
-          </Field>
-        </div>
-        <Field>
-          <FieldLabel htmlFor="ticket-resolution-code-remark">备注</FieldLabel>
-          <FieldContent>
-            <Textarea
-              id="ticket-resolution-code-remark"
-              rows={4}
-              {...register("remark")}
-            />
-          </FieldContent>
-        </Field>
-      </form>
-    </ProjectDialog>
-  );
-}
diff --git a/web/app/dashboard/ticket-risk/page.tsx b/web/app/dashboard/ticket-risk/page.tsx
deleted file mode 100644
index dbb67fd..0000000
--- a/web/app/dashboard/ticket-risk/page.tsx
+++ /dev/null
@@ -1,326 +0,0 @@
-"use client"
-
-import Link from "next/link"
-import { AlertTriangleIcon, CircleDashedIcon, RefreshCcwIcon, TimerResetIcon, WrenchIcon } from "lucide-react"
-import { useCallback, useEffect, useMemo, useState } from "react"
-import { toast } from "sonner"
-
-import { OptionCombobox } from "@/components/option-combobox"
-import { Button } from "@/components/ui/button"
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card"
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-import {
-  fetchAgentTeamsAll,
-  type AdminAgentTeam,
-} from "@/lib/api/admin"
-import {
-  fetchTicketRiskOverview,
-  fetchTicketRiskList,
-  type TicketItem,
-  type TicketRiskOverview,
-} from "@/lib/api/ticket"
-import { formatDateTime } from "@/lib/utils"
-import { TicketPriorityBadge } from "../tickets/_components/ticket-priority-badge"
-import { TicketSLABadge } from "../tickets/_components/ticket-sla-badge"
-import { TicketStatusBadge } from "../tickets/_components/ticket-status-badge"
-
-type RiskTableProps = {
-  title: string
-  description: string
-  items: TicketItem[]
-  emptyText: string
-}
-
-function RiskTable({ title, description, items, emptyText }: RiskTableProps) {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="text-base">{title}</CardTitle>
-        <CardDescription>{description}</CardDescription>
-      </CardHeader>
-      <CardContent>
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>工单</TableHead>
-              <TableHead>分类</TableHead>
-              <TableHead>优先级</TableHead>
-              <TableHead>状态</TableHead>
-              <TableHead>SLA</TableHead>
-              <TableHead>处理人</TableHead>
-              <TableHead>更新时间</TableHead>
-              <TableHead className="text-right">操作</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {items.length > 0 ? (
-              items.map((item) => (
-                <TableRow key={item.id}>
-                  <TableCell className="min-w-64">
-                    <div className="space-y-1">
-                      <div className="font-medium">{item.title}</div>
-                      <div className="text-xs text-muted-foreground">{item.ticketNo}</div>
-                    </div>
-                  </TableCell>
-                  <TableCell>
-                    {item.tags && item.tags.length > 0
-                      ? item.tags.map((tag) => tag.name).join(" / ")
-                      : "未打标签"}
-                  </TableCell>
-                  <TableCell>
-                    <TicketPriorityBadge priority={item.priority} priorityName={item.priorityName} />
-                  </TableCell>
-                  <TableCell>
-                    <TicketStatusBadge status={item.status} />
-                  </TableCell>
-                  <TableCell>
-                    <TicketSLABadge ticket={item} />
-                  </TableCell>
-                  <TableCell>{item.currentAssigneeName || "未指派"}</TableCell>
-                  <TableCell>{item.updatedAt ? formatDateTime(item.updatedAt) : "—"}</TableCell>
-                  <TableCell className="text-right">
-                    <Link href={`/dashboard/tickets/detail?id=${item.id}`} target="_blank" rel="noreferrer">
-                      <Button variant="outline" size="sm">
-                        查看详情
-                      </Button>
-                    </Link>
-                  </TableCell>
-                </TableRow>
-              ))
-            ) : (
-              <TableRow>
-                <TableCell colSpan={8} className="h-24 text-center text-muted-foreground">
-                  {emptyText}
-                </TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </Table>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default function TicketRiskPage() {
-  const [loading, setLoading] = useState(true)
-  const [overview, setOverview] = useState<TicketRiskOverview | null>(null)
-  const [overdueTickets, setOverdueTickets] = useState<TicketItem[]>([])
-  const [highRiskTickets, setHighRiskTickets] = useState<TicketItem[]>([])
-  const [unassignedTickets, setUnassignedTickets] = useState<TicketItem[]>([])
-  const [pendingInternalTickets, setPendingInternalTickets] = useState<TicketItem[]>([])
-  const [teams, setTeams] = useState<AdminAgentTeam[]>([])
-  const [teamFilter, setTeamFilter] = useState("all")
-  const [riskWindow, setRiskWindow] = useState("240")
-
-  useEffect(() => {
-    void (async () => {
-      try {
-        const data = await fetchAgentTeamsAll()
-        setTeams(Array.isArray(data) ? data : [])
-      } catch {
-        setTeams([])
-      }
-    })()
-  }, [])
-
-  const loadData = useCallback(async () => {
-    setLoading(true)
-    try {
-      const currentTeamId = teamFilter === "all" ? undefined : Number(teamFilter)
-      const riskMinutes = Number(riskWindow)
-      const [overviewData, overdueData, highRiskData, unassignedData, pendingInternalData] =
-        await Promise.all([
-          fetchTicketRiskOverview({ currentTeamId, riskWindowMins: riskMinutes }),
-          fetchTicketRiskList({ riskType: "overdue", currentTeamId, riskWindowMins: riskMinutes, page: 1, limit: 10 }),
-          fetchTicketRiskList({ riskType: "high_risk", currentTeamId, riskWindowMins: riskMinutes, page: 1, limit: 10 }),
-          fetchTicketRiskList({ riskType: "unassigned", currentTeamId, riskWindowMins: riskMinutes, page: 1, limit: 10 }),
-          fetchTicketRiskList({ riskType: "pending_internal", currentTeamId, riskWindowMins: riskMinutes, page: 1, limit: 10 }),
-        ])
-
-      setOverview(overviewData)
-      setOverdueTickets(Array.isArray(overdueData.results) ? overdueData.results : [])
-      setHighRiskTickets(Array.isArray(highRiskData.results) ? highRiskData.results : [])
-      setUnassignedTickets(Array.isArray(unassignedData.results) ? unassignedData.results : [])
-      setPendingInternalTickets(
-        Array.isArray(pendingInternalData.results) ? pendingInternalData.results : [],
-      )
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "加载 SLA 风险页失败")
-    } finally {
-      setLoading(false)
-    }
-  }, [riskWindow, teamFilter])
-
-  useEffect(() => {
-    void loadData()
-  }, [loadData])
-
-  const cards = useMemo(
-    () => [
-      {
-        title: "已超时",
-        description: "解决 SLA 已经 breach 的工单",
-        value: overview?.overdue ?? 0,
-        icon: AlertTriangleIcon,
-        tone: "text-red-700 bg-red-500/10",
-      },
-      {
-        title: `${Number(riskWindow) / 60} 小时内到期`,
-        description: "建议组长优先盯防的风险队列",
-        value: overview?.highRisk ?? 0,
-        icon: TimerResetIcon,
-        tone: "text-orange-700 bg-orange-500/10",
-      },
-      {
-        title: "待分配",
-        description: "目前还没有明确负责人的工单",
-        value: overview?.unassigned ?? 0,
-        icon: CircleDashedIcon,
-        tone: "text-amber-700 bg-amber-500/10",
-      },
-      {
-        title: "待内部处理",
-        description: "等待内部团队协作处理的工单",
-        value: overview?.pendingInternal ?? 0,
-        icon: WrenchIcon,
-        tone: "text-blue-700 bg-blue-500/10",
-      },
-    ],
-    [overview, riskWindow],
-  )
-
-  return (
-    <div className="min-h-0 flex-1 overflow-auto bg-muted/20 p-4 md:p-6">
-      <div className="flex flex-col gap-4">
-        <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
-          <div>
-            <h1 className="text-xl font-semibold">SLA 风险运营</h1>
-            <p className="mt-1 text-sm text-muted-foreground">
-              给主管和组长使用的风险盯防页，优先查看超时、临近超时和待分配工单
-            </p>
-          </div>
-          <div className="flex gap-2">
-            <div className="w-44">
-              <OptionCombobox
-                value={teamFilter}
-                onChange={setTeamFilter}
-                placeholder="全部团队"
-                options={[
-                  { value: "all", label: "全部团队" },
-                  ...teams.map((team) => ({ value: String(team.id), label: team.name })),
-                ]}
-              />
-            </div>
-            <div className="w-44">
-              <OptionCombobox
-                value={riskWindow}
-                onChange={setRiskWindow}
-                placeholder="风险时间窗"
-                options={[
-                  { value: "60", label: "1 小时内" },
-                  { value: "240", label: "4 小时内" },
-                  { value: "1440", label: "24 小时内" },
-                ]}
-              />
-            </div>
-            <Link href="/dashboard/tickets">
-              <Button variant="outline">前往工单工作台</Button>
-            </Link>
-            <Button variant="outline" onClick={() => void loadData()} disabled={loading}>
-              <RefreshCcwIcon className="size-4" />
-              刷新
-            </Button>
-          </div>
-        </div>
-
-        <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
-          {cards.map((item) => {
-            const Icon = item.icon
-            return (
-              <Card key={item.title}>
-                <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-3">
-                  <div className="space-y-1">
-                    <CardTitle className="text-sm font-medium">{item.title}</CardTitle>
-                    <CardDescription>{item.description}</CardDescription>
-                  </div>
-                  <div className={`rounded-full p-2 ${item.tone}`}>
-                    <Icon className="size-4" />
-                  </div>
-                </CardHeader>
-                <CardContent>
-                  <div className="text-3xl font-semibold tracking-tight">
-                    {loading ? "..." : item.value.toLocaleString()}
-                  </div>
-                </CardContent>
-              </Card>
-            )
-          })}
-        </div>
-
-        <RiskTable
-          title="已超时工单"
-          description="需要立即处理或升级的高风险工单"
-          items={overdueTickets}
-          emptyText="当前没有已超时工单"
-        />
-
-        <RiskTable
-          title="4 小时内到期"
-          description="建议优先处理，避免进入超时队列"
-          items={highRiskTickets}
-          emptyText="当前没有临近超时工单"
-        />
-
-        <Card>
-          <CardHeader>
-            <CardTitle className="text-base">滞留原因</CardTitle>
-            <CardDescription>帮助主管快速判断风险是由分配、协作还是 SLA 配置问题造成</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
-              {(overview?.reasons?.length ?? 0) > 0 ? (
-                overview?.reasons?.map((item) => (
-                  <div key={item.code} className="rounded-lg border bg-muted/20 p-4">
-                    <div className="text-sm font-medium">{item.title}</div>
-                    <div className="mt-2 text-2xl font-semibold">{item.count.toLocaleString()}</div>
-                    <div className="mt-2 text-xs leading-6 text-muted-foreground">{item.description}</div>
-                  </div>
-                ))
-              ) : (
-                <div className="text-sm text-muted-foreground">暂无滞留原因数据</div>
-              )}
-            </div>
-          </CardContent>
-        </Card>
-
-        <div className="grid gap-4 xl:grid-cols-2">
-          <RiskTable
-            title="待分配工单"
-            description="进入队列但尚未明确负责人的工单"
-            items={unassignedTickets}
-            emptyText="当前没有待分配工单"
-          />
-          <RiskTable
-            title="待内部处理"
-            description="需要内部团队介入，容易长期滞留的工单"
-            items={pendingInternalTickets}
-            emptyText="当前没有待内部处理工单"
-          />
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/create-ticket-from-conversation-dialog.tsx b/web/app/dashboard/tickets/_components/create-ticket-from-conversation-dialog.tsx
index c318b10..1b4d7ef 100644
--- a/web/app/dashboard/tickets/_components/create-ticket-from-conversation-dialog.tsx
+++ b/web/app/dashboard/tickets/_components/create-ticket-from-conversation-dialog.tsx
@@ -30,8 +30,6 @@ export function CreateTicketFromConversationDialog({
     ? {
         title: conversation.customerName || "",
         description: conversation.lastMessageSummary || "",
-        priority: 2,
-        severity: 1,
         currentAssigneeId: conversation.currentAssigneeId || undefined,
       }
     : undefined
@@ -55,11 +53,8 @@ export function CreateTicketFromConversationDialog({
           conversationId: conversation.id,
           title: payload.title,
           description: payload.description,
-          priority: payload.priority,
-          severity: payload.severity,
-          currentTeamId: payload.currentTeamId,
           currentAssigneeId: payload.currentAssigneeId,
-          syncToConversation: true,
+          tagIds: payload.tagIds,
         })
         toast.success("工单创建成功")
         onSuccess?.()
diff --git a/web/app/dashboard/tickets/_components/edit.tsx b/web/app/dashboard/tickets/_components/edit.tsx
index a7a34c5..e9a8e97 100644
--- a/web/app/dashboard/tickets/_components/edit.tsx
+++ b/web/app/dashboard/tickets/_components/edit.tsx
@@ -31,16 +31,10 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import { Textarea } from "@/components/ui/textarea"
 import {
   fetchAgentProfilesAll,
-  fetchAgentTeamsAll,
   fetchTagsAll,
   type AdminAgentProfile,
-  type AdminAgentTeam,
   type TagTree,
 } from "@/lib/api/admin"
-import {
-  fetchTicketPriorityConfigsAll,
-  type TicketPriorityConfig,
-} from "@/lib/api/ticket-config"
 import {
   fetchTicketDetail,
   type CreateTicketPayload,
@@ -61,34 +55,26 @@ type EditDialogProps = {
   onSubmit: (payload: CreateTicketPayload | UpdateTicketPayload) => Promise<void>
 }
 
-const ticketFormSchema = z.object({
-  title: z.string().trim().min(1, "标题不能为空"),
-  description: z.string().trim(),
-  tagIds: z.array(z.string().trim()).default([]),
-  priority: z.string().trim().min(1, "请选择优先级"),
-  severity: z.enum(["1", "2", "3"], { message: "请选择严重度" }),
-  currentTeamId: z.string().trim(),
-  currentAssigneeId: z.string().trim(),
-  dueAt: z.string().trim(),
+const schema = z.object({
+  title: z.string().trim().min(1, "请输入工单标题"),
+  description: z.string().trim().min(1, "请输入问题描述"),
+  currentAssigneeId: z.coerce.number().int().min(0).optional(),
+  tagIds: z.array(z.number().int().positive()).default([]),
 })
 
-type EditForm = z.infer<typeof ticketFormSchema>
+type EditForm = z.infer<typeof schema>
 
-const editFormResolver = zodResolver(ticketFormSchema as never) as Resolver<
-  z.input<typeof ticketFormSchema>,
+const editFormResolver = zodResolver(schema as never) as Resolver<
+  z.input<typeof schema>,
   undefined,
-  z.output<typeof ticketFormSchema>
+  z.output<typeof schema>
 >
 
 const emptyForm: EditForm = {
   title: "",
   description: "",
+  currentAssigneeId: 0,
   tagIds: [],
-  priority: "",
-  severity: "1",
-  currentTeamId: "",
-  currentAssigneeId: "",
-  dueAt: "",
 }
 
 function buildForm(item: TicketItem | null): EditForm {
@@ -98,12 +84,8 @@ function buildForm(item: TicketItem | null): EditForm {
   return {
     title: item.title ?? "",
     description: item.description ?? "",
-    tagIds: (item.tags ?? []).map((tag) => String(tag.id)),
-    priority: item.priority ? String(item.priority) : "",
-    severity: String(item.severity || 1) as EditForm["severity"],
-    currentTeamId: item.currentTeamId ? String(item.currentTeamId) : "",
-    currentAssigneeId: item.currentAssigneeId ? String(item.currentAssigneeId) : "",
-    dueAt: item.dueAt ? item.dueAt.replace(" ", "T").slice(0, 16) : "",
+    currentAssigneeId: item.currentAssigneeId ?? 0,
+    tagIds: (item.tags ?? []).map((tag) => tag.id),
   }
 }
 
@@ -111,27 +93,18 @@ function buildInitialForm(initialValues?: Partial<CreateTicketPayload>): EditFor
   return {
     title: initialValues?.title?.trim() ?? "",
     description: initialValues?.description?.trim() ?? "",
-    tagIds: (initialValues?.tagIds ?? []).map((tagId) => String(tagId)),
-    priority: initialValues?.priority ? String(initialValues.priority) : "",
-    severity: String(initialValues?.severity ?? 1) as EditForm["severity"],
-    currentTeamId: initialValues?.currentTeamId ? String(initialValues.currentTeamId) : "",
-    currentAssigneeId: initialValues?.currentAssigneeId
-      ? String(initialValues.currentAssigneeId)
-      : "",
-    dueAt: initialValues?.dueAt ? initialValues.dueAt.replace(" ", "T").slice(0, 16) : "",
+    currentAssigneeId: initialValues?.currentAssigneeId ?? 0,
+    tagIds: initialValues?.tagIds ?? [],
   }
 }
 
 function buildPayload(form: EditForm): CreateTicketPayload {
+  const currentAssigneeId = form.currentAssigneeId ?? 0
   return {
     title: form.title.trim(),
     description: form.description.trim(),
-    tagIds: form.tagIds.length > 0 ? form.tagIds.map((tagId) => Number(tagId)) : undefined,
-    priority: Number(form.priority),
-    severity: Number(form.severity),
-    currentTeamId: form.currentTeamId ? Number(form.currentTeamId) : undefined,
-    currentAssigneeId: form.currentAssigneeId ? Number(form.currentAssigneeId) : undefined,
-    dueAt: form.dueAt ? `${form.dueAt.replace("T", " ")}:00` : undefined,
+    currentAssigneeId,
+    tagIds: form.tagIds,
   }
 }
 
@@ -153,8 +126,8 @@ function flattenTagTree(nodes: TagTree[], depth = 0, parentPath = ""): FlatTagNo
 }
 
 type TicketTagSelectorProps = {
-  value?: string[]
-  onChange: (value: string[]) => void
+  value?: number[]
+  onChange: (value: number[]) => void
   availableTags: TagTree[]
 }
 
@@ -163,11 +136,11 @@ function TicketTagSelector({ value, onChange, availableTags }: TicketTagSelector
   const flatTags = useMemo(() => flattenTagTree(availableTags), [availableTags])
   const selectedTagIDs = useMemo(() => new Set(selectedValues), [selectedValues])
   const selectedTags = useMemo(
-    () => flatTags.filter((tag) => selectedTagIDs.has(String(tag.id))),
+    () => flatTags.filter((tag) => selectedTagIDs.has(tag.id)),
     [flatTags, selectedTagIDs],
   )
 
-  function handleToggle(tagID: string) {
+  function handleToggle(tagID: number) {
     if (selectedTagIDs.has(tagID)) {
       onChange(selectedValues.filter((item) => item !== tagID))
       return
@@ -183,8 +156,8 @@ function TicketTagSelector({ value, onChange, availableTags }: TicketTagSelector
             <Button type="button" variant="outline" className="w-full justify-start" />
           }
         >
-            <TagIcon className="size-4" />
-            {selectedTags.length > 0 ? `已选择 ${selectedTags.length} 个标签` : "请选择工单标签"}
+          <TagIcon className="size-4" />
+          {selectedTags.length > 0 ? `已选择 ${selectedTags.length} 个标签` : "请选择工单标签"}
         </PopoverTrigger>
         <PopoverContent align="start" className="w-[320px] p-0">
           <Command>
@@ -193,12 +166,12 @@ function TicketTagSelector({ value, onChange, availableTags }: TicketTagSelector
               <CommandEmpty>暂无可用标签</CommandEmpty>
               <CommandGroup heading="标签">
                 {flatTags.map((tag) => {
-                  const checked = selectedTagIDs.has(String(tag.id))
+                  const checked = selectedTagIDs.has(tag.id)
                   return (
                     <CommandItem
                       key={tag.id}
                       value={`${tag.id} ${tag.path} ${tag.remark}`}
-                      onSelect={() => handleToggle(String(tag.id))}
+                      onSelect={() => handleToggle(tag.id)}
                     >
                       <CheckIcon className={`mr-2 size-4 ${checked ? "opacity-100" : "opacity-0"}`} />
                       <span className="truncate" style={{ paddingLeft: `${tag.depth * 12}px` }}>
@@ -274,13 +247,11 @@ function TicketEditDialogBody({
   const formId = "ticket-edit-form"
   const [loading, setLoading] = useState(false)
   const [tags, setTags] = useState<TagTree[]>([])
-  const [priorities, setPriorities] = useState<TicketPriorityConfig[]>([])
-  const [teams, setTeams] = useState<AdminAgentTeam[]>([])
   const [agents, setAgents] = useState<AdminAgentProfile[]>([])
   const form = useForm<
-    z.input<typeof ticketFormSchema>,
+    z.input<typeof schema>,
     undefined,
-    z.output<typeof ticketFormSchema>
+    z.output<typeof schema>
   >({
     resolver: editFormResolver,
     defaultValues: emptyForm,
@@ -315,31 +286,16 @@ function TicketEditDialogBody({
       return
     }
     void (async () => {
-      const [tagData, priorityData, teamData, agentData] = await Promise.all([
+      const [tagData, agentData] = await Promise.all([
         fetchTagsAll(),
-        fetchTicketPriorityConfigsAll(),
-        fetchAgentTeamsAll(),
         fetchAgentProfilesAll(),
       ])
       setTags(Array.isArray(tagData) ? tagData : [])
-      setPriorities(Array.isArray(priorityData) ? priorityData : [])
-      setTeams(Array.isArray(teamData) ? teamData : [])
       setAgents(Array.isArray(agentData) ? agentData : [])
     })()
   }, [open])
 
-  const priorityOptions = priorities.map((priority) => ({
-    value: String(priority.id),
-    label: priority.name,
-  }))
-
-  const teamOptions = [{ value: "", label: "不指定团队" }].concat(
-    teams.map((team) => ({
-      value: String(team.id),
-      label: team.name,
-    })),
-  )
-  const agentOptions = [{ value: "", label: "不指定处理人" }].concat(
+  const agentOptions = [{ value: "0", label: "不指定处理人" }].concat(
     agents.map((agent) => ({
       value: String(agent.userId),
       label:
@@ -426,9 +382,25 @@ function TicketEditDialogBody({
             </Field>
 
             <Field>
-              <div className="flex items-center justify-between gap-3">
-                <FieldLabel>工单标签</FieldLabel>
-              </div>
+              <FieldLabel>处理人</FieldLabel>
+              <FieldContent>
+                <Controller
+                  control={control}
+                  name="currentAssigneeId"
+                  render={({ field }) => (
+                    <OptionCombobox
+                      value={String(field.value ?? 0)}
+                      onChange={(value) => field.onChange(Number(value))}
+                      placeholder="请选择处理人"
+                      options={agentOptions}
+                    />
+                  )}
+                />
+              </FieldContent>
+            </Field>
+
+            <Field>
+              <FieldLabel>工单标签</FieldLabel>
               <FieldContent>
                 <Controller
                   control={control}
@@ -443,101 +415,6 @@ function TicketEditDialogBody({
                 />
               </FieldContent>
             </Field>
-
-            <div className="grid gap-4 md:grid-cols-2">
-              <Field data-invalid={!!errors.priority}>
-                <FieldLabel>优先级</FieldLabel>
-                <FieldContent>
-                  <Controller
-                    control={control}
-                    name="priority"
-                    render={({ field }) => (
-                      <OptionCombobox
-                        value={field.value}
-                        onChange={field.onChange}
-                        placeholder="请选择优先级"
-                        options={priorityOptions}
-                      />
-                    )}
-                  />
-                  <FieldError errors={[errors.priority]} />
-                </FieldContent>
-              </Field>
-
-              <Field data-invalid={!!errors.severity}>
-                <FieldLabel>严重度</FieldLabel>
-                <FieldContent>
-                  <Controller
-                    control={control}
-                    name="severity"
-                    render={({ field }) => (
-                      <OptionCombobox
-                        value={field.value}
-                        onChange={field.onChange}
-                        placeholder="请选择严重度"
-                        options={[
-                          { value: "1", label: "轻微" },
-                          { value: "2", label: "严重" },
-                          { value: "3", label: "致命" },
-                        ]}
-                      />
-                    )}
-                  />
-                  <FieldError errors={[errors.severity]} />
-                </FieldContent>
-              </Field>
-            </div>
-
-            <div className="grid gap-4 md:grid-cols-2">
-              <Field>
-                <FieldLabel>处理团队</FieldLabel>
-                <FieldContent>
-                  <Controller
-                    control={control}
-                    name="currentTeamId"
-                    render={({ field }) => (
-                      <OptionCombobox
-                        value={field.value}
-                        onChange={field.onChange}
-                        placeholder="请选择团队"
-                        options={teamOptions}
-                      />
-                    )}
-                  />
-                </FieldContent>
-              </Field>
-
-              <Field>
-                <FieldLabel>处理人</FieldLabel>
-                <FieldContent>
-                  <Controller
-                    control={control}
-                    name="currentAssigneeId"
-                    render={({ field }) => (
-                      <OptionCombobox
-                        value={field.value}
-                        onChange={field.onChange}
-                        placeholder="请选择处理人"
-                        options={agentOptions}
-                      />
-                    )}
-                  />
-                </FieldContent>
-              </Field>
-            </div>
-
-            <Field data-invalid={!!errors.dueAt}>
-              <FieldLabel htmlFor="ticket-due-at">截止时间</FieldLabel>
-              <FieldContent>
-                <Input
-                  id="ticket-due-at"
-                  type="datetime-local"
-                  aria-invalid={!!errors.dueAt}
-                  {...register("dueAt")}
-                />
-                <FieldError errors={[errors.dueAt]} />
-              </FieldContent>
-            </Field>
           </FieldGroup>
         </form>
       )}
diff --git a/web/app/dashboard/tickets/_components/ticket-assign-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-assign-dialog.tsx
index 9f50e08..bbaa2ab 100644
--- a/web/app/dashboard/tickets/_components/ticket-assign-dialog.tsx
+++ b/web/app/dashboard/tickets/_components/ticket-assign-dialog.tsx
@@ -19,15 +19,12 @@ import { Field, FieldContent, FieldError, FieldLabel } from "@/components/ui/fie
 import { Textarea } from "@/components/ui/textarea"
 import {
   fetchAgentProfilesAll,
-  fetchAgentTeamsAll,
   type AdminAgentProfile,
-  type AdminAgentTeam,
 } from "@/lib/api/admin"
 import { assignTicket, batchAssignTickets } from "@/lib/api/ticket"
 
 const schema = z.object({
   toUserId: z.string().trim().min(1, "请选择处理人"),
-  toTeamId: z.string().trim(),
   reason: z.string().trim(),
 })
 
@@ -41,7 +38,6 @@ const resolver = zodResolver(schema as never) as Resolver<
 
 const emptyForm: FormValues = {
   toUserId: "",
-  toTeamId: "",
   reason: "",
 }
 
@@ -49,7 +45,6 @@ type TicketAssignDialogProps = {
   open: boolean
   ticketId: number | null
   ticketIds?: number[]
-  currentTeamId?: number
   currentAssigneeId?: number
   onOpenChange: (open: boolean) => void
   onSuccess?: () => Promise<void> | void
@@ -59,7 +54,6 @@ export function TicketAssignDialog({
   open,
   ticketId,
   ticketIds,
-  currentTeamId,
   currentAssigneeId,
   onOpenChange,
   onSuccess,
@@ -71,7 +65,6 @@ export function TicketAssignDialog({
           key={ticketId ?? "ticket-assign"}
           ticketId={ticketId}
           ticketIds={ticketIds}
-          currentTeamId={currentTeamId}
           currentAssigneeId={currentAssigneeId}
           onOpenChange={onOpenChange}
           onSuccess={onSuccess}
@@ -84,14 +77,12 @@ export function TicketAssignDialog({
 function TicketAssignDialogBody({
   ticketId,
   ticketIds,
-  currentTeamId,
   currentAssigneeId,
   onOpenChange,
   onSuccess,
 }: Omit<TicketAssignDialogProps, "open">) {
   const [saving, setSaving] = useState(false)
   const [loading, setLoading] = useState(false)
-  const [teams, setTeams] = useState<AdminAgentTeam[]>([])
   const [agents, setAgents] = useState<AdminAgentProfile[]>([])
 
   const form = useForm<
@@ -114,16 +105,14 @@ function TicketAssignDialogBody({
   useEffect(() => {
     reset({
       toUserId: currentAssigneeId ? String(currentAssigneeId) : "",
-      toTeamId: currentTeamId ? String(currentTeamId) : "",
       reason: "",
     })
-  }, [currentAssigneeId, currentTeamId, reset, ticketId])
+  }, [currentAssigneeId, reset, ticketId])
 
   useEffect(() => {
     setLoading(true)
-    Promise.all([fetchAgentTeamsAll(), fetchAgentProfilesAll()])
-      .then(([teamData, agentData]) => {
-        setTeams(Array.isArray(teamData) ? teamData : [])
+    fetchAgentProfilesAll()
+      .then((agentData) => {
         setAgents(Array.isArray(agentData) ? agentData : [])
       })
       .catch((error) => {
@@ -144,7 +133,6 @@ function TicketAssignDialogBody({
         await batchAssignTickets({
           ticketIds: validTicketIds,
           toUserId: Number(values.toUserId),
-          toTeamId: values.toTeamId ? Number(values.toTeamId) : undefined,
           reason: values.reason.trim() || undefined,
         })
         toast.success(`已批量指派 ${validTicketIds.length} 张工单`)
@@ -152,7 +140,6 @@ function TicketAssignDialogBody({
         await assignTicket({
           ticketId: ticketId!,
           toUserId: Number(values.toUserId),
-          toTeamId: values.toTeamId ? Number(values.toTeamId) : undefined,
           reason: values.reason.trim() || undefined,
         })
         toast.success("处理人已更新")
@@ -173,29 +160,6 @@ function TicketAssignDialogBody({
       </DialogHeader>
       <form onSubmit={handleSubmit(onFormSubmit)}>
         <div className="space-y-4 p-6">
-          <Field>
-            <FieldLabel>处理团队</FieldLabel>
-            <FieldContent>
-              <Controller
-                control={control}
-                name="toTeamId"
-                render={({ field }) => (
-                  <OptionCombobox
-                    value={field.value}
-                    onChange={field.onChange}
-                    placeholder={loading ? "加载中..." : "选择处理团队"}
-                    options={[
-                      { value: "", label: "不指定团队" },
-                      ...teams.map((team) => ({
-                        value: String(team.id),
-                        label: team.name,
-                      })),
-                    ]}
-                  />
-                )}
-              />
-            </FieldContent>
-          </Field>
           <Field data-invalid={!!errors.toUserId}>
             <FieldLabel>处理人</FieldLabel>
             <FieldContent>
diff --git a/web/app/dashboard/tickets/_components/ticket-collaborator-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-collaborator-dialog.tsx
deleted file mode 100644
index 44fef21..0000000
--- a/web/app/dashboard/tickets/_components/ticket-collaborator-dialog.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-"use client"
-
-import { useEffect, useState } from "react"
-import { Controller, Resolver, useForm } from "react-hook-form"
-import { zodResolver } from "@hookform/resolvers/zod"
-import { toast } from "sonner"
-import { z } from "zod/v4"
-
-import { OptionCombobox } from "@/components/option-combobox"
-import { Button } from "@/components/ui/button"
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import { Field, FieldContent, FieldError, FieldLabel } from "@/components/ui/field"
-import { fetchAgentProfilesAll, type AdminAgentProfile } from "@/lib/api/admin"
-import { addTicketCollaborator } from "@/lib/api/ticket"
-
-const schema = z.object({
-  userId: z.string().trim().min(1, "请选择协作人"),
-})
-
-type FormValues = z.infer<typeof schema>
-
-const resolver = zodResolver(schema as never) as Resolver<
-  z.input<typeof schema>,
-  undefined,
-  z.output<typeof schema>
->
-
-type TicketCollaboratorDialogProps = {
-  open: boolean
-  ticketId: number | null
-  onOpenChange: (open: boolean) => void
-  onSuccess?: () => Promise<void> | void
-}
-
-export function TicketCollaboratorDialog({
-  open,
-  ticketId,
-  onOpenChange,
-  onSuccess,
-}: TicketCollaboratorDialogProps) {
-  const [loadingAgents, setLoadingAgents] = useState(false)
-  const [agents, setAgents] = useState<AdminAgentProfile[]>([])
-  const userOptions = agents.map((agent) => ({
-    value: String(agent.userId),
-    label: agent.displayName || agent.nickname || agent.username || `客服 #${agent.userId}`,
-  }))
-
-  const form = useForm<
-    z.input<typeof schema>,
-    undefined,
-    z.output<typeof schema>
-  >({
-    resolver,
-    defaultValues: { userId: "" },
-  })
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { errors, isSubmitting },
-  } = form
-
-  useEffect(() => {
-    if (open) {
-      reset({ userId: "" })
-    }
-  }, [open, reset])
-
-  useEffect(() => {
-    if (!open) {
-      return
-    }
-    setLoadingAgents(true)
-    fetchAgentProfilesAll()
-      .then((data) => {
-        setAgents(Array.isArray(data) ? data : [])
-      })
-      .catch((error) => {
-        toast.error(error instanceof Error ? error.message : "加载客服列表失败")
-      })
-      .finally(() => {
-        setLoadingAgents(false)
-      })
-  }, [open])
-
-  async function onFormSubmit(values: FormValues) {
-    if (!ticketId) {
-      toast.error("工单不存在")
-      return
-    }
-    try {
-      await addTicketCollaborator({ ticketId, userId: Number(values.userId) })
-      toast.success("协作人已添加")
-      onOpenChange(false)
-      await onSuccess?.()
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "添加协作人失败")
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-lg gap-0 p-0 sm:max-w-lg">
-        <DialogHeader className="px-6 pt-6">
-          <DialogTitle>新增协作人</DialogTitle>
-        </DialogHeader>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <div className="space-y-4 p-6">
-            <Field data-invalid={!!errors.userId}>
-              <FieldLabel>协作人</FieldLabel>
-              <FieldContent>
-                <Controller
-                  control={control}
-                  name="userId"
-                  render={({ field }) => (
-                    <OptionCombobox
-                      value={field.value}
-                      options={userOptions}
-                      placeholder={loadingAgents ? "加载中..." : "选择协作人"}
-                      searchPlaceholder="搜索客服"
-                      emptyText="暂无可选客服"
-                      disabled={isSubmitting || loadingAgents}
-                      onChange={field.onChange}
-                    />
-                  )}
-                />
-                <FieldError errors={[errors.userId]} />
-              </FieldContent>
-            </Field>
-          </div>
-          <DialogFooter className="mx-0 mb-0 px-6 py-4">
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-              取消
-            </Button>
-            <Button type="submit" disabled={isSubmitting}>
-              {isSubmitting ? "提交中..." : "确认添加"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/ticket-priority-badge.tsx b/web/app/dashboard/tickets/_components/ticket-priority-badge.tsx
deleted file mode 100644
index 2e1546d..0000000
--- a/web/app/dashboard/tickets/_components/ticket-priority-badge.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-"use client"
-
-import { useEffect, useState } from "react"
-
-import { Badge } from "@/components/ui/badge"
-import { getTicketPriorityMap } from "@/lib/ticket-priority"
-
-const priorityClassNameMap: Record<number, string> = {
-  0: "bg-slate-500/10 text-slate-700 border-slate-500/20",
-  1: "bg-blue-500/10 text-blue-700 border-blue-500/20",
-  2: "bg-amber-500/10 text-amber-700 border-amber-500/20",
-  3: "bg-red-500/10 text-red-700 border-red-500/20",
-  4: "bg-fuchsia-500/10 text-fuchsia-700 border-fuchsia-500/20",
-}
-
-export function ticketPriorityLabel(priority: number, priorityName?: string) {
-  return priorityName?.trim() || `P${priority}`
-}
-
-export function TicketPriorityBadge({
-  priority,
-  priorityName,
-}: {
-  priority: number
-  priorityName?: string
-}) {
-  const [priorityMap, setPriorityMap] = useState<Record<number, string>>({})
-
-  useEffect(() => {
-    void (async () => {
-      setPriorityMap(await getTicketPriorityMap())
-    })()
-  }, [])
-
-  return (
-    <Badge
-      variant="outline"
-      className={priorityClassNameMap[priority] ?? priorityClassNameMap[0]}
-    >
-      {ticketPriorityLabel(priority, priorityName || priorityMap[priority])}
-    </Badge>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/ticket-reason-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-reason-dialog.tsx
deleted file mode 100644
index f5c21ce..0000000
--- a/web/app/dashboard/tickets/_components/ticket-reason-dialog.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-"use client"
-
-import { useEffect } from "react"
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Resolver, useForm } from "react-hook-form"
-import { toast } from "sonner"
-import { z } from "zod/v4"
-
-import { Button } from "@/components/ui/button"
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import { Field, FieldContent, FieldError, FieldLabel } from "@/components/ui/field"
-import { Textarea } from "@/components/ui/textarea"
-import { closeTicket, reopenTicket } from "@/lib/api/ticket"
-
-const schema = z.object({
-  reason: z.string().trim().min(1, "请输入原因"),
-})
-
-type FormValues = z.infer<typeof schema>
-
-const resolver = zodResolver(schema as never) as Resolver<
-  z.input<typeof schema>,
-  undefined,
-  z.output<typeof schema>
->
-
-type TicketReasonDialogProps = {
-  open: boolean
-  mode: "close" | "reopen"
-  ticketId: number | null
-  defaultReason?: string
-  onOpenChange: (open: boolean) => void
-  onSuccess?: () => Promise<void> | void
-}
-
-export function TicketReasonDialog({
-  open,
-  mode,
-  ticketId,
-  defaultReason,
-  onOpenChange,
-  onSuccess,
-}: TicketReasonDialogProps) {
-  const form = useForm<
-    z.input<typeof schema>,
-    undefined,
-    z.output<typeof schema>
-  >({
-    resolver,
-    defaultValues: { reason: "" },
-  })
-
-  const {
-    register,
-    reset,
-    handleSubmit,
-    formState: { errors, isSubmitting },
-  } = form
-
-  useEffect(() => {
-    reset({ reason: defaultReason || "" })
-  }, [defaultReason, reset, ticketId, open])
-
-  async function onFormSubmit(values: FormValues) {
-    if (!ticketId) {
-      toast.error("工单不存在")
-      return
-    }
-    try {
-      if (mode === "close") {
-        await closeTicket({ ticketId, closeReason: values.reason })
-        toast.success("工单已关闭")
-      } else {
-        await reopenTicket({ ticketId, reason: values.reason })
-        toast.success("工单已重开")
-      }
-      onOpenChange(false)
-      await onSuccess?.()
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : mode === "close" ? "关闭工单失败" : "重开工单失败")
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-lg gap-0 p-0 sm:max-w-lg">
-        <DialogHeader className="px-6 pt-6">
-          <DialogTitle>{mode === "close" ? "关闭工单" : "重开工单"}</DialogTitle>
-        </DialogHeader>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <div className="space-y-4 p-6">
-            <Field data-invalid={!!errors.reason}>
-              <FieldLabel>{mode === "close" ? "关闭原因" : "重开原因"}</FieldLabel>
-              <FieldContent>
-                <Textarea
-                  rows={4}
-                  placeholder={mode === "close" ? "请输入关闭原因" : "请输入重开原因"}
-                  {...register("reason")}
-                />
-                <FieldError errors={[errors.reason]} />
-              </FieldContent>
-            </Field>
-          </div>
-          <DialogFooter className="mx-0 mb-0 px-6 py-4">
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-              取消
-            </Button>
-            <Button type="submit" disabled={isSubmitting}>
-              {isSubmitting ? "提交中..." : mode === "close" ? "确认关闭" : "确认重开"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/ticket-relation-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-relation-dialog.tsx
deleted file mode 100644
index 851c5af..0000000
--- a/web/app/dashboard/tickets/_components/ticket-relation-dialog.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-"use client"
-
-import { useEffect, useState } from "react"
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Resolver, useForm } from "react-hook-form"
-import { toast } from "sonner"
-import { z } from "zod/v4"
-import { SearchIcon } from "lucide-react"
-
-import { OptionCombobox } from "@/components/option-combobox"
-import { Button } from "@/components/ui/button"
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import { Field, FieldContent, FieldError, FieldLabel } from "@/components/ui/field"
-import { Input } from "@/components/ui/input"
-import { addTicketRelation, fetchTickets, type TicketItem } from "@/lib/api/ticket"
-import { cn } from "@/lib/utils"
-
-const relationOptions = [
-  { value: "duplicate", label: "重复工单" },
-  { value: "related", label: "相关工单" },
-  { value: "parent", label: "父工单" },
-  { value: "child", label: "子工单" },
-]
-
-const schema = z.object({
-  relationType: z.string().trim().min(1, "请选择关联类型"),
-  relatedTicketId: z.number().int().positive("请选择关联工单"),
-})
-
-type FormValues = z.infer<typeof schema>
-
-const resolver = zodResolver(schema as never) as Resolver<
-  z.input<typeof schema>,
-  undefined,
-  z.output<typeof schema>
->
-
-type TicketRelationDialogProps = {
-  open: boolean
-  ticketId: number | null
-  onOpenChange: (open: boolean) => void
-  onSuccess?: () => Promise<void> | void
-}
-
-export function TicketRelationDialog({
-  open,
-  ticketId,
-  onOpenChange,
-  onSuccess,
-}: TicketRelationDialogProps) {
-  const [keyword, setKeyword] = useState("")
-  const [searching, setSearching] = useState(false)
-  const [searchResults, setSearchResults] = useState<TicketItem[]>([])
-
-  const form = useForm<
-    z.input<typeof schema>,
-    undefined,
-    z.output<typeof schema>
-  >({
-    resolver,
-    defaultValues: {
-      relationType: "related",
-      relatedTicketId: 0,
-    },
-  })
-
-  const {
-    handleSubmit,
-    setValue,
-    reset,
-    watch,
-    formState: { errors, isSubmitting },
-  } = form
-
-  useEffect(() => {
-    if (open) {
-      reset({ relationType: "related", relatedTicketId: 0 })
-      setKeyword("")
-      setSearchResults([])
-    }
-  }, [open, reset])
-
-  useEffect(() => {
-    if (!open) {
-      return
-    }
-    const trimmedKeyword = keyword.trim()
-    if (trimmedKeyword.length < 2) {
-      setSearchResults([])
-      return
-    }
-    const timer = window.setTimeout(async () => {
-      setSearching(true)
-      try {
-        const data = await fetchTickets({
-          keyword: trimmedKeyword,
-          page: 1,
-          limit: 8,
-        })
-        const results = Array.isArray(data.results) ? data.results : []
-        setSearchResults(results.filter((item) => item.id !== ticketId))
-      } catch (error) {
-        toast.error(error instanceof Error ? error.message : "搜索工单失败")
-      } finally {
-        setSearching(false)
-      }
-    }, 250)
-    return () => window.clearTimeout(timer)
-  }, [keyword, open, ticketId])
-
-  const selectedTicketId = watch("relatedTicketId")
-  const selectedTicket =
-    searchResults.find((item) => item.id === selectedTicketId) ?? null
-
-  async function onFormSubmit(values: FormValues) {
-    if (!ticketId) {
-      toast.error("工单不存在")
-      return
-    }
-    try {
-      await addTicketRelation({
-        ticketId,
-        relationType: values.relationType,
-        relatedTicketId: values.relatedTicketId,
-      })
-      toast.success("关联工单已添加")
-      onOpenChange(false)
-      await onSuccess?.()
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "添加关联工单失败")
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-lg gap-0 p-0 sm:max-w-lg">
-        <DialogHeader className="px-6 pt-6">
-          <DialogTitle>新增关联工单</DialogTitle>
-        </DialogHeader>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <div className="space-y-4 p-6">
-            <Field data-invalid={!!errors.relationType}>
-              <FieldLabel>关联类型</FieldLabel>
-              <FieldContent>
-                <OptionCombobox
-                  value={watch("relationType")}
-                  options={relationOptions}
-                  placeholder="请选择关联类型"
-                  onChange={(value) => setValue("relationType", value, { shouldValidate: true })}
-                />
-                <FieldError errors={[errors.relationType]} />
-              </FieldContent>
-            </Field>
-            <Field data-invalid={!!errors.relatedTicketId}>
-              <FieldLabel>搜索并选择工单</FieldLabel>
-              <FieldContent>
-                <div className="space-y-3">
-                  <div className="relative">
-                    <SearchIcon className="pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" />
-                    <Input
-                      className="pl-9"
-                      value={keyword}
-                      placeholder="输入工单号或标题，至少 2 个字"
-                      onChange={(event) => {
-                        setKeyword(event.target.value)
-                        setValue("relatedTicketId", 0, { shouldValidate: true })
-                      }}
-                    />
-                  </div>
-                  <div className="max-h-64 overflow-y-auto rounded-lg border">
-                    {searching ? (
-                      <div className="p-3 text-sm text-muted-foreground">搜索中...</div>
-                    ) : searchResults.length > 0 ? (
-                      searchResults.map((item) => {
-                        const active = item.id === selectedTicketId
-                        return (
-                          <button
-                            key={item.id}
-                            type="button"
-                            className={cn(
-                              "flex w-full flex-col items-start gap-1 border-b px-3 py-3 text-left last:border-b-0",
-                              active ? "bg-accent text-accent-foreground" : "hover:bg-muted/40",
-                            )}
-                            onClick={() => setValue("relatedTicketId", item.id, { shouldValidate: true })}
-                          >
-                            <div className="text-xs text-muted-foreground">{item.ticketNo}</div>
-                            <div className="line-clamp-1 text-sm font-medium">{item.title}</div>
-                            <div className="flex flex-wrap gap-2 text-xs text-muted-foreground">
-                              <span>状态：{item.status}</span>
-                              <span>处理人：{item.currentAssigneeName || "未指派"}</span>
-                            </div>
-                          </button>
-                        )
-                      })
-                    ) : (
-                      <div className="p-3 text-sm text-muted-foreground">
-                        {keyword.trim().length < 2 ? "输入至少 2 个字开始搜索" : "未找到匹配工单"}
-                      </div>
-                    )}
-                  </div>
-                  {selectedTicket ? (
-                    <div className="rounded-lg border bg-muted/20 p-3 text-sm">
-                      已选中：{selectedTicket.ticketNo} / {selectedTicket.title}
-                    </div>
-                  ) : null}
-                </div>
-                <FieldError errors={[errors.relatedTicketId]} />
-              </FieldContent>
-            </Field>
-          </div>
-          <DialogFooter className="mx-0 mb-0 px-6 py-4">
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-              取消
-            </Button>
-            <Button type="submit" disabled={isSubmitting}>
-              {isSubmitting ? "提交中..." : "确认添加"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/ticket-reply-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-reply-dialog.tsx
deleted file mode 100644
index 27915de..0000000
--- a/web/app/dashboard/tickets/_components/ticket-reply-dialog.tsx
+++ /dev/null
@@ -1,244 +0,0 @@
-"use client"
-
-import { useEffect, useMemo, useState } from "react"
-import { MessageSquarePlusIcon } from "lucide-react"
-import { toast } from "sonner"
-
-import { OptionCombobox } from "@/components/option-combobox"
-import { Button } from "@/components/ui/button"
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import { Textarea } from "@/components/ui/textarea"
-import { fetchAgentProfilesAll, type AdminAgentProfile } from "@/lib/api/admin"
-import { addTicketInternalNote, replyTicket } from "@/lib/api/ticket"
-
-type TicketReplyDialogProps = {
-  open: boolean
-  ticketId: number | null
-  onOpenChange: (open: boolean) => void
-  onSuccess?: () => Promise<void> | void
-}
-
-export function TicketReplyDialog({
-  open,
-  ticketId,
-  onOpenChange,
-  onSuccess,
-}: TicketReplyDialogProps) {
-  const [replyMode, setReplyMode] = useState<"public" | "internal">("public")
-  const [replyContent, setReplyContent] = useState("")
-  const [mentionUserId, setMentionUserId] = useState("")
-  const [mentionedUsers, setMentionedUsers] = useState<AdminAgentProfile[]>([])
-  const [agents, setAgents] = useState<AdminAgentProfile[]>([])
-  const [loadingAgents, setLoadingAgents] = useState(false)
-  const [submitting, setSubmitting] = useState(false)
-
-  useEffect(() => {
-    if (!open) {
-      return
-    }
-    setReplyMode("public")
-    setReplyContent("")
-    setMentionUserId("")
-    setMentionedUsers([])
-  }, [open])
-
-  useEffect(() => {
-    if (!open) {
-      return
-    }
-    setLoadingAgents(true)
-    fetchAgentProfilesAll()
-      .then((data) => {
-        setAgents(Array.isArray(data) ? data : [])
-      })
-      .catch((error) => {
-        toast.error(error instanceof Error ? error.message : "加载客服列表失败")
-      })
-      .finally(() => {
-        setLoadingAgents(false)
-      })
-  }, [open])
-
-  const mentionOptions = useMemo(
-    () =>
-      agents.map((agent) => ({
-        value: String(agent.userId),
-        label:
-          agent.displayName ||
-          agent.nickname ||
-          agent.username ||
-          `客服 #${agent.userId}`,
-      })),
-    [agents],
-  )
-
-  function handleAddMentionUser() {
-    const userId = Number(mentionUserId)
-    if (!userId) {
-      return
-    }
-    const user = agents.find((item) => item.userId === userId)
-    if (!user) {
-      return
-    }
-    setMentionedUsers((current) => {
-      if (current.some((item) => item.userId === user.userId)) {
-        return current
-      }
-      return [...current, user]
-    })
-    setMentionUserId("")
-  }
-
-  async function handleSubmit() {
-    if (!ticketId) {
-      toast.error("工单不存在")
-      return
-    }
-    if (!replyContent.trim()) {
-      toast.error(replyMode === "public" ? "回复内容不能为空" : "备注内容不能为空")
-      return
-    }
-
-    setSubmitting(true)
-    try {
-      if (replyMode === "public") {
-        await replyTicket({
-          ticketId,
-          contentType: "text",
-          content: replyContent.trim(),
-        })
-        toast.success("已回复客户")
-      } else {
-        const payload =
-          mentionedUsers.length > 0
-            ? JSON.stringify({
-                mentionUserIds: mentionedUsers.map((item) => item.userId),
-              })
-            : undefined
-        await addTicketInternalNote({
-          ticketId,
-          contentType: "text",
-          content: replyContent.trim(),
-          payload,
-        })
-        toast.success("已添加内部备注")
-      }
-
-      onOpenChange(false)
-      await onSuccess?.()
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "提交失败")
-    } finally {
-      setSubmitting(false)
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-2xl gap-0 p-0 sm:max-w-2xl">
-        <DialogHeader className="px-6 pt-6">
-          <DialogTitle>回复与备注</DialogTitle>
-        </DialogHeader>
-        <div className="space-y-4 p-6">
-          <div className="flex gap-2">
-            <Button
-              variant={replyMode === "public" ? "default" : "outline"}
-              onClick={() => setReplyMode("public")}
-              disabled={submitting}
-            >
-              回复客户
-            </Button>
-            <Button
-              variant={replyMode === "internal" ? "default" : "outline"}
-              onClick={() => setReplyMode("internal")}
-              disabled={submitting}
-            >
-              内部备注
-            </Button>
-          </div>
-
-          <Textarea
-            rows={8}
-            value={replyContent}
-            placeholder={replyMode === "public" ? "输入给客户的回复内容" : "输入内部备注"}
-            disabled={submitting}
-            onChange={(event) => setReplyContent(event.target.value)}
-          />
-
-          {replyMode === "internal" ? (
-            <div className="space-y-3 rounded-lg border border-border/60 bg-muted/20 p-4">
-              <div className="text-sm font-medium">@提及协作人</div>
-              <div className="flex gap-2">
-                <div className="flex-1">
-                  <OptionCombobox
-                    value={mentionUserId}
-                    options={mentionOptions}
-                    placeholder={loadingAgents ? "加载中..." : "选择要提及的客服"}
-                    searchPlaceholder="搜索客服"
-                    emptyText="暂无可选客服"
-                    disabled={submitting || loadingAgents}
-                    onChange={setMentionUserId}
-                  />
-                </div>
-                <Button
-                  type="button"
-                  variant="outline"
-                  disabled={submitting || loadingAgents}
-                  onClick={handleAddMentionUser}
-                >
-                  添加
-                </Button>
-              </div>
-              {mentionedUsers.length ? (
-                <div className="flex flex-wrap gap-2">
-                  {mentionedUsers.map((user) => (
-                    <button
-                      key={user.userId}
-                      type="button"
-                      className="rounded-full border px-3 py-1 text-xs"
-                      onClick={() =>
-                        setMentionedUsers((current) =>
-                          current.filter((item) => item.userId !== user.userId),
-                        )
-                      }
-                    >
-                      @
-                      {user.displayName ||
-                        user.nickname ||
-                        user.username ||
-                        `客服#${user.userId}`}{" "}
-                      ×
-                    </button>
-                  ))}
-                </div>
-              ) : (
-                <div className="text-xs text-muted-foreground">未添加提及对象</div>
-              )}
-            </div>
-          ) : null}
-        </div>
-        <DialogFooter className="mx-0 mb-0 px-6 py-4">
-          <Button
-            type="button"
-            variant="outline"
-            disabled={submitting}
-            onClick={() => onOpenChange(false)}
-          >
-            取消
-          </Button>
-          <Button type="button" disabled={submitting} onClick={() => void handleSubmit()}>
-            <MessageSquarePlusIcon className="size-4" />
-            {submitting ? "提交中..." : replyMode === "public" ? "发送回复" : "保存备注"}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/ticket-sla-badge.tsx b/web/app/dashboard/tickets/_components/ticket-sla-badge.tsx
deleted file mode 100644
index 47ec505..0000000
--- a/web/app/dashboard/tickets/_components/ticket-sla-badge.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-"use client"
-
-import { Badge } from "@/components/ui/badge"
-import type { TicketItem } from "@/lib/api/ticket"
-
-function isClosedStatus(status: string) {
-  return status === "resolved" || status === "closed" || status === "cancelled"
-}
-
-export function TicketSLABadge({ ticket }: { ticket: TicketItem }) {
-  if (isClosedStatus(ticket.status)) {
-    return (
-      <Badge variant="outline" className="border-border bg-muted text-muted-foreground">
-        已结束
-      </Badge>
-    )
-  }
-  if (!ticket.resolveDeadlineAt) {
-    return (
-      <Badge variant="outline" className="border-border bg-muted text-muted-foreground">
-        未设置
-      </Badge>
-    )
-  }
-
-  const deadline = new Date(ticket.resolveDeadlineAt.replace(" ", "T"))
-  if (Number.isNaN(deadline.getTime())) {
-    return (
-      <Badge variant="outline" className="border-border bg-muted text-muted-foreground">
-        未设置
-      </Badge>
-    )
-  }
-
-  const remainingMinutes = Math.floor((deadline.getTime() - Date.now()) / 60000)
-  if (remainingMinutes < 0) {
-    return (
-      <Badge variant="outline" className="border-red-500/20 bg-red-500/10 text-red-700">
-        已超时
-      </Badge>
-    )
-  }
-  if (remainingMinutes <= 60) {
-    return (
-      <Badge variant="outline" className="border-red-500/20 bg-red-500/10 text-red-700">
-        1 小时内
-      </Badge>
-    )
-  }
-  if (remainingMinutes <= 240) {
-    return (
-      <Badge variant="outline" className="border-amber-500/20 bg-amber-500/10 text-amber-700">
-        今日风险
-      </Badge>
-    )
-  }
-  return (
-    <Badge variant="outline" className="border-emerald-500/20 bg-emerald-500/10 text-emerald-700">
-      正常
-    </Badge>
-  )
-}
diff --git a/web/app/dashboard/tickets/_components/ticket-status-badge.tsx b/web/app/dashboard/tickets/_components/ticket-status-badge.tsx
index fdb93ca..5f5b270 100644
--- a/web/app/dashboard/tickets/_components/ticket-status-badge.tsx
+++ b/web/app/dashboard/tickets/_components/ticket-status-badge.tsx
@@ -1,35 +1,24 @@
 "use client"
 
 import { Badge } from "@/components/ui/badge"
+import type { TicketStatus } from "@/lib/api/ticket"
 
-const statusLabelMap: Record<string, string> = {
-  new: "新建",
-  open: "处理中",
-  pending_customer: "待客户反馈",
-  pending_internal: "待内部处理",
-  resolved: "已解决",
-  closed: "已关闭",
-  cancelled: "已取消",
-}
-
-const statusClassNameMap: Record<string, string> = {
-  new: "bg-sky-500/10 text-sky-700 border-sky-500/20",
-  open: "bg-emerald-500/10 text-emerald-700 border-emerald-500/20",
-  pending_customer: "bg-amber-500/10 text-amber-700 border-amber-500/20",
-  pending_internal: "bg-orange-500/10 text-orange-700 border-orange-500/20",
-  resolved: "bg-lime-500/10 text-lime-700 border-lime-500/20",
-  closed: "bg-muted text-muted-foreground border-border",
-  cancelled: "bg-rose-500/10 text-rose-700 border-rose-500/20",
-}
+const statusMap = {
+  pending: { label: "待处理", className: "border-amber-200 bg-amber-50 text-amber-700" },
+  in_progress: { label: "处理中", className: "border-blue-200 bg-blue-50 text-blue-700" },
+  done: { label: "已处理", className: "border-emerald-200 bg-emerald-50 text-emerald-700" },
+} as const
 
 export function ticketStatusLabel(status: string) {
-  return statusLabelMap[status] ?? status
+  return statusMap[status as TicketStatus]?.label ?? status
 }
 
 export function TicketStatusBadge({ status }: { status: string }) {
+  const option = statusMap[status as TicketStatus]
+
   return (
-    <Badge variant="outline" className={statusClassNameMap[status] ?? statusClassNameMap.closed}>
-      {ticketStatusLabel(status)}
+    <Badge variant="outline" className={option?.className ?? "border-border bg-muted text-muted-foreground"}>
+      {option?.label ?? status}
     </Badge>
   )
 }
diff --git a/web/app/dashboard/tickets/_components/ticket-status-dialog.tsx b/web/app/dashboard/tickets/_components/ticket-status-dialog.tsx
index 4d503eb..288236a 100644
--- a/web/app/dashboard/tickets/_components/ticket-status-dialog.tsx
+++ b/web/app/dashboard/tickets/_components/ticket-status-dialog.tsx
@@ -1,10 +1,7 @@
 "use client"
 
-import Link from "next/link"
-import { useEffect, useState } from "react"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { Settings2Icon } from "lucide-react"
-import { Controller, Resolver, useForm } from "react-hook-form"
+import { Controller, type Resolver, useForm } from "react-hook-form"
 import { toast } from "sonner"
 import { z } from "zod/v4"
 
@@ -18,20 +15,16 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog"
 import { Field, FieldContent, FieldError, FieldLabel } from "@/components/ui/field"
-import { Textarea } from "@/components/ui/textarea"
-import {
-  fetchTicketResolutionCodesAll,
-  type TicketResolutionCode,
-} from "@/lib/api/ticket-config"
-import { batchChangeTicketStatus, changeTicketStatus } from "@/lib/api/ticket"
+import { changeTicketStatus, type TicketStatus } from "@/lib/api/ticket"
+
+const ticketStatuses = [
+  { value: "pending", label: "待处理" },
+  { value: "in_progress", label: "处理中" },
+  { value: "done", label: "已处理" },
+] satisfies Array<{ value: TicketStatus; label: string }>
 
 const schema = z.object({
-  status: z.string().trim().min(1, "请选择状态"),
-  pendingReason: z.string().trim(),
-  closeReason: z.string().trim(),
-  resolutionCode: z.string().trim(),
-  resolutionSummary: z.string().trim(),
-  reason: z.string().trim(),
+  status: z.enum(["pending", "in_progress", "done"], { message: "请选择状态" }),
 })
 
 type FormValues = z.infer<typeof schema>
@@ -66,56 +59,23 @@ export function TicketStatusDialog({
   >({
     resolver,
     defaultValues: {
-      status: "",
-      pendingReason: "",
-      closeReason: "",
-      resolutionCode: "",
-      resolutionSummary: "",
-      reason: "",
+      status: isTicketStatus(currentStatus) ? currentStatus : "pending",
     },
   })
 
   const {
     control,
-    watch,
-    register,
     reset,
     handleSubmit,
     formState: { errors, isSubmitting },
   } = form
-  const [resolutionCodes, setResolutionCodes] = useState<TicketResolutionCode[]>([])
 
-  const targetStatus = watch("status")
-
-  useEffect(() => {
-    reset({
-      status: currentStatus || "",
-      pendingReason: "",
-      closeReason: "",
-      resolutionCode: "",
-      resolutionSummary: "",
-      reason: "",
-    })
-  }, [currentStatus, reset, ticketId])
-
-  useEffect(() => {
-    if (!open) {
-      return
+  function handleOpenChange(nextOpen: boolean) {
+    if (nextOpen) {
+      reset({ status: isTicketStatus(currentStatus) ? currentStatus : "pending" })
     }
-    void (async () => {
-      try {
-        const data = await fetchTicketResolutionCodesAll()
-        setResolutionCodes(Array.isArray(data) ? data : [])
-      } catch (error) {
-        toast.error(error instanceof Error ? error.message : "加载解决码失败")
-      }
-    })()
-  }, [open])
-
-  const resolutionCodeOptions = resolutionCodes.map((item) => ({
-    value: item.code,
-    label: item.name,
-  }))
+    onOpenChange(nextOpen)
+  }
 
   async function onFormSubmit(values: FormValues) {
     const validTicketIds = (ticketIds ?? []).filter((item) => item > 0)
@@ -125,25 +85,14 @@ export function TicketStatusDialog({
     }
     try {
       if (validTicketIds.length > 0) {
-        await batchChangeTicketStatus({
-          ticketIds: validTicketIds,
-          status: values.status,
-          pendingReason: values.pendingReason || undefined,
-          closeReason: values.status === "closed" ? values.closeReason || undefined : undefined,
-          resolutionCode: values.resolutionCode || undefined,
-          resolutionSummary: values.resolutionSummary || undefined,
-          reason: values.reason || undefined,
-        })
+        await Promise.all(
+          validTicketIds.map((id) => changeTicketStatus({ ticketId: id, status: values.status })),
+        )
         toast.success(`已批量更新 ${validTicketIds.length} 张工单`)
       } else {
         await changeTicketStatus({
           ticketId: ticketId!,
           status: values.status,
-          pendingReason: values.pendingReason || undefined,
-          closeReason: values.status === "closed" ? values.closeReason || undefined : undefined,
-          resolutionCode: values.resolutionCode || undefined,
-          resolutionSummary: values.resolutionSummary || undefined,
-          reason: values.reason || undefined,
         })
         toast.success("状态已更新")
       }
@@ -155,7 +104,7 @@ export function TicketStatusDialog({
   }
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
+    <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogContent className="max-w-lg gap-0 p-0 sm:max-w-lg">
         <DialogHeader className="px-6 pt-6">
           <DialogTitle>{ticketIds?.length ? `批量变更状态（${ticketIds.length}）` : "变更工单状态"}</DialogTitle>
@@ -173,96 +122,13 @@ export function TicketStatusDialog({
                       value={field.value}
                       onChange={field.onChange}
                       placeholder="请选择状态"
-                      options={[
-                        { value: "new", label: "新建" },
-                        { value: "open", label: "处理中" },
-                        { value: "pending_customer", label: "待客户反馈" },
-                        { value: "pending_internal", label: "待内部处理" },
-                        { value: "resolved", label: "已解决" },
-                        { value: "closed", label: "已关闭" },
-                        { value: "cancelled", label: "已取消" },
-                      ]}
+                      options={ticketStatuses}
                     />
                   )}
                 />
                 <FieldError errors={[errors.status]} />
               </FieldContent>
             </Field>
-
-            {(targetStatus === "pending_customer" ||
-              targetStatus === "pending_internal") && (
-              <Field data-invalid={!!errors.pendingReason}>
-                <FieldLabel>挂起原因</FieldLabel>
-                <FieldContent>
-                  <Textarea rows={3} placeholder="请输入待处理原因" {...register("pendingReason")} />
-                  <FieldError errors={[errors.pendingReason]} />
-                </FieldContent>
-              </Field>
-            )}
-
-            {targetStatus === "resolved" && (
-              <>
-                <Field>
-                  <div className="flex items-center justify-between gap-3">
-                    <FieldLabel>解决编码</FieldLabel>
-                  </div>
-                  <FieldContent>
-                    <Controller
-                      control={control}
-                      name="resolutionCode"
-                      render={({ field }) => (
-                        <OptionCombobox
-                          value={field.value}
-                          onChange={field.onChange}
-                          placeholder="请选择解决编码"
-                          options={resolutionCodeOptions}
-                          emptyText="暂无可选解决码"
-                        />
-                      )}
-                    />
-                    {resolutionCodeOptions.length === 0 ? (
-                      <div className="mt-2 rounded-lg border border-amber-200 bg-amber-50/70 p-3 text-xs text-amber-900">
-                        当前没有可用解决码，解决结果无法标准化统计。
-                        <Link
-                          href="/dashboard/ticket-resolution-codes"
-                          target="_blank"
-                          rel="noreferrer"
-                          className="ml-1 font-medium underline underline-offset-4"
-                        >
-                          前往配置解决码
-                        </Link>
-                      </div>
-                    ) : null}
-                  </FieldContent>
-                </Field>
-                <Field>
-                  <FieldLabel>解决说明</FieldLabel>
-                  <FieldContent>
-                    <Textarea rows={3} placeholder="请输入解决说明" {...register("resolutionSummary")} />
-                  </FieldContent>
-                </Field>
-              </>
-            )}
-
-            {targetStatus === "closed" && (
-              <Field>
-                <FieldLabel>关闭原因</FieldLabel>
-                <FieldContent>
-                  <Textarea rows={3} placeholder="请输入关闭原因" {...register("closeReason")} />
-                </FieldContent>
-              </Field>
-            )}
-
-            <Field>
-              <FieldLabel>操作说明</FieldLabel>
-              <FieldContent>
-                <Textarea
-                  rows={3}
-                  placeholder={targetStatus === "closed" ? "可补充本次批量关闭说明" : "填写本次状态变更说明"}
-                  {...register("reason")}
-                />
-              </FieldContent>
-            </Field>
           </div>
           <DialogFooter className="mx-0 mb-0 px-6 py-4">
             <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
@@ -277,3 +143,7 @@ export function TicketStatusDialog({
     </Dialog>
   )
 }
+
+function isTicketStatus(status: string | undefined): status is TicketStatus {
+  return status === "pending" || status === "in_progress" || status === "done"
+}
diff --git a/web/app/dashboard/tickets/detail/page.tsx b/web/app/dashboard/tickets/detail/page.tsx
deleted file mode 100644
index cf49bd9..0000000
--- a/web/app/dashboard/tickets/detail/page.tsx
+++ /dev/null
@@ -1,1271 +0,0 @@
-"use client";
-
-import {
-  ChevronDownIcon,
-  ChevronRightIcon,
-  Cog,
-  ExternalLinkIcon,
-  Heart,
-  MessageSquarePlusIcon,
-  PanelRightCloseIcon,
-  PanelRightOpenIcon,
-  PencilIcon,
-  PlusIcon,
-  RefreshCcwIcon,
-  RotateCcwIcon,
-  UserRoundPlusIcon,
-  XIcon,
-} from "lucide-react";
-import Link from "next/link";
-import { useRouter, useSearchParams } from "next/navigation";
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-  type ReactNode,
-} from "react";
-import { toast } from "sonner";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { ButtonGroup } from "@/components/ui/button-group";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import {
-  fetchAgentProfilesAll,
-  fetchConversationDetail,
-  type AdminAgentProfile,
-  type AdminConversationDetail,
-} from "@/lib/api/admin";
-import {
-  deleteTicketCollaborator,
-  deleteTicketRelation,
-  fetchTicketDetail,
-  unwatchTicket,
-  updateTicket,
-  watchTicket,
-  type CreateTicketPayload,
-  type TicketDetail,
-  type TicketItem,
-  type UpdateTicketPayload,
-} from "@/lib/api/ticket";
-import { readSession } from "@/lib/auth";
-import { getEnumLabel } from "@/lib/enums";
-import {
-  IMConversationStatus,
-  IMConversationStatusLabels,
-} from "@/lib/generated/enums";
-import { formatDateTime } from "@/lib/utils";
-import { EditDialog } from "../_components/edit";
-import { TicketAssignDialog } from "../_components/ticket-assign-dialog";
-import { TicketCollaboratorDialog } from "../_components/ticket-collaborator-dialog";
-import { TicketCustomerPanel } from "../_components/ticket-customer-panel";
-import { TicketPriorityBadge } from "../_components/ticket-priority-badge";
-import { TicketReasonDialog } from "../_components/ticket-reason-dialog";
-import { TicketRelationDialog } from "../_components/ticket-relation-dialog";
-import { TicketReplyDialog } from "../_components/ticket-reply-dialog";
-import { TicketSLABadge } from "../_components/ticket-sla-badge";
-import {
-  TicketStatusBadge,
-  ticketStatusLabel,
-} from "../_components/ticket-status-badge";
-import { TicketStatusDialog } from "../_components/ticket-status-dialog";
-
-function formatTicketSource(source?: string) {
-  switch (source) {
-    case "conversation":
-      return "会话转工单";
-    case "manual":
-      return "手动创建";
-    case "email":
-      return "邮件";
-    case "api":
-      return "API";
-    case "system":
-      return "系统";
-    default:
-      return source || "—";
-  }
-}
-
-function formatSLAStatus(status: string) {
-  switch (status) {
-    case "running":
-      return "进行中";
-    case "paused":
-      return "已暂停";
-    case "completed":
-      return "已完成";
-    case "breached":
-      return "已超时";
-    default:
-      return status;
-  }
-}
-
-function ticketSeverityLabel(severity: number) {
-  switch (severity) {
-    case 1:
-      return "轻微";
-    case 2:
-      return "一般";
-    case 3:
-      return "严重";
-    default:
-      return String(severity);
-  }
-}
-
-function ticketRelationLabel(relationType?: string) {
-  switch (relationType) {
-    case "duplicate":
-      return "重复工单";
-    case "related":
-      return "相关工单";
-    case "parent":
-      return "父工单";
-    case "child":
-      return "子工单";
-    default:
-      return relationType || "关联工单";
-  }
-}
-
-function ticketEventLabel(eventType?: string) {
-  switch (eventType) {
-    case "mentioned":
-      return "提及协作人";
-    case "internal_noted":
-      return "内部备注";
-    case "replied":
-      return "回复客户";
-    case "status_changed":
-      return "状态变更";
-    case "assigned":
-      return "指派工单";
-    case "transferred":
-      return "转派工单";
-    default:
-      return eventType || "事件";
-  }
-}
-
-function getMainSLA(ticket: TicketItem | null) {
-  return (
-    ticket?.sla?.find((item) => item.slaType === "resolution") ??
-    ticket?.sla?.[0] ??
-    null
-  );
-}
-
-function parseMentionUserIds(payload?: string) {
-  if (!payload) {
-    return [];
-  }
-  try {
-    const data = JSON.parse(payload) as { mentionUserIds?: number[] };
-    return Array.isArray(data.mentionUserIds) ? data.mentionUserIds : [];
-  } catch {
-    return [];
-  }
-}
-
-function isDoneTicketStatus(status?: string) {
-  return status === "resolved" || status === "closed" || status === "cancelled";
-}
-
-export default function TicketDetailPage() {
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const ticketId = Number(searchParams.get("id") || 0);
-  const [detail, setDetail] = useState<TicketDetail | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [replyDialogOpen, setReplyDialogOpen] = useState(false);
-  const [assignDialogOpen, setAssignDialogOpen] = useState(false);
-  const [statusDialogOpen, setStatusDialogOpen] = useState(false);
-  const [closeDialogOpen, setCloseDialogOpen] = useState(false);
-  const [reopenDialogOpen, setReopenDialogOpen] = useState(false);
-  const [editDialogOpen, setEditDialogOpen] = useState(false);
-  const [relationDialogOpen, setRelationDialogOpen] = useState(false);
-  const [collaboratorDialogOpen, setCollaboratorDialogOpen] = useState(false);
-  const [collapsedSections, setCollapsedSections] = useState<
-    Record<string, boolean>
-  >({});
-  const [rightPanelCollapsed, setRightPanelCollapsed] = useState(false);
-  const [sourceConversation, setSourceConversation] =
-    useState<AdminConversationDetail | null>(null);
-  const [agents, setAgents] = useState<AdminAgentProfile[]>([]);
-
-  const ticket = detail?.ticket ?? null;
-  const currentUserId = readSession()?.user?.id ?? 0;
-  const isWatching = Boolean(
-    detail?.watchers?.some((item) => item.userId === currentUserId),
-  );
-  const resolutionSLA = useMemo(() => getMainSLA(ticket), [ticket]);
-  const childRelations = useMemo(
-    () =>
-      (detail?.relatedTickets || []).filter(
-        (item) => item.relationType === "child",
-      ),
-    [detail?.relatedTickets],
-  );
-  const childProgress = useMemo(() => {
-    const total = childRelations.length;
-    const completed = childRelations.filter((item) =>
-      isDoneTicketStatus(item.relatedTicketStatus),
-    ).length;
-    return {
-      total,
-      completed,
-      active: total - completed,
-    };
-  }, [childRelations]);
-
-  const toggleSection = useCallback((sectionKey: string) => {
-    setCollapsedSections((current) => ({
-      ...current,
-      [sectionKey]: !current[sectionKey],
-    }));
-  }, []);
-
-  const loadDetail = useCallback(async () => {
-    if (!ticketId) {
-      setDetail(null);
-      setLoading(false);
-      return;
-    }
-    setLoading(true);
-    try {
-      const data = await fetchTicketDetail(ticketId);
-      setDetail(data);
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "加载工单详情失败");
-    } finally {
-      setLoading(false);
-    }
-  }, [ticketId]);
-
-  useEffect(() => {
-    void loadDetail();
-  }, [loadDetail]);
-
-  useEffect(() => {
-    void (async () => {
-      try {
-        const data = await fetchAgentProfilesAll();
-        setAgents(Array.isArray(data) ? data : []);
-      } catch {
-        setAgents([]);
-      }
-    })();
-  }, []);
-
-  useEffect(() => {
-    if (!ticket?.conversationId) {
-      setSourceConversation(null);
-      return;
-    }
-    void (async () => {
-      try {
-        const data = await fetchConversationDetail(ticket.conversationId);
-        setSourceConversation(data);
-      } catch {
-        setSourceConversation(null);
-      }
-    })();
-  }, [ticket?.conversationId]);
-
-  async function handleWatchToggle() {
-    if (!ticket) {
-      return;
-    }
-    setSaving(true);
-    try {
-      if (isWatching) {
-        await unwatchTicket(ticket.id);
-        toast.success("已取消关注");
-      } else {
-        await watchTicket(ticket.id);
-        toast.success("已关注工单");
-      }
-      await loadDetail();
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "更新关注状态失败");
-    } finally {
-      setSaving(false);
-    }
-  }
-
-  async function handleEditSubmit(
-    payload: CreateTicketPayload | UpdateTicketPayload,
-  ) {
-    if (!("ticketId" in payload)) {
-      toast.error("详情页仅支持编辑现有工单");
-      return;
-    }
-    setSaving(true);
-    try {
-      await updateTicket(payload);
-      toast.success("工单基础信息已更新");
-      setEditDialogOpen(false);
-      await loadDetail();
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "更新工单失败");
-    } finally {
-      setSaving(false);
-    }
-  }
-
-  async function handleDeleteRelation(relationId: number) {
-    if (!ticket) {
-      return;
-    }
-    setSaving(true);
-    try {
-      await deleteTicketRelation({ ticketId: ticket.id, relationId });
-      toast.success("关联工单已移除");
-      await loadDetail();
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "移除关联工单失败");
-    } finally {
-      setSaving(false);
-    }
-  }
-
-  async function handleDeleteCollaborator(collaboratorId: number) {
-    if (!ticket) {
-      return;
-    }
-    setSaving(true);
-    try {
-      await deleteTicketCollaborator({ ticketId: ticket.id, collaboratorId });
-      toast.success("协作人已移除");
-      await loadDetail();
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "移除协作人失败");
-    } finally {
-      setSaving(false);
-    }
-  }
-
-  return (
-    <div className="flex h-[calc(100vh-4rem)] min-w-0 overflow-hidden">
-      {loading ? (
-        <div className="min-w-0 flex-1 p-4 lg:p-6">
-          <div className="py-20 text-center text-muted-foreground">
-            加载中...
-          </div>
-        </div>
-      ) : ticket ? (
-        <>
-          <div className="min-w-0 flex-1">
-            <div className="flex h-full flex-col">
-              {/* 工单header */}
-              <div className="border-b border-border/70 bg-muted/10 flex flex-col gap-2.5 px-8 py-2">
-                <div className="flex flex-col gap-2.5 xl:flex-row xl:items-start xl:justify-between">
-                  <div className="min-w-0 space-y-2">
-                    <div className="text-xs font-medium tracking-wide text-muted-foreground">
-                      {ticket.ticketNo}
-                    </div>
-                    <div className="flex min-w-0 flex-wrap items-center gap-2">
-                      <TicketStatusBadge status={ticket.status} />
-                      <TicketPriorityBadge priority={ticket.priority} priorityName={ticket.priorityName} />
-                      <TicketSLABadge ticket={ticket} />
-                    </div>
-                  </div>
-                  <div className="flex flex-wrap justify-end gap-2">
-                    <ButtonGroup>
-                      <Button
-                        size="sm"
-                        variant={isWatching ? "default" : "outline"}
-                        onClick={() => void handleWatchToggle()}
-                        disabled={saving || !ticket}
-                      >
-                        <Heart className="size-4" />
-                        {isWatching ? "已关注" : "关注"}
-                      </Button>
-                      <Button
-                        size="sm"
-                        variant="outline"
-                        onClick={() => setReplyDialogOpen(true)}
-                      >
-                        <MessageSquarePlusIcon className="size-4" />
-                        回复/备注
-                      </Button>
-                      {ticket.status === "closed" ? (
-                        <Button
-                          size="sm"
-                          variant="outline"
-                          onClick={() => setReopenDialogOpen(true)}
-                          disabled={saving}
-                        >
-                          <RotateCcwIcon className="size-4" />
-                          重开工单
-                        </Button>
-                      ) : (
-                        <Button
-                          size="sm"
-                          variant="outline"
-                          onClick={() => setCloseDialogOpen(true)}
-                          disabled={saving || !ticket}
-                        >
-                          <XIcon className="size-4" />
-                          关闭工单
-                        </Button>
-                      )}
-                      <Button
-                        size="sm"
-                        variant="outline"
-                        onClick={() => setAssignDialogOpen(true)}
-                      >
-                        <UserRoundPlusIcon className="size-4" />
-                        分配处理人
-                      </Button>
-                      <Button
-                        size="sm"
-                        variant="outline"
-                        onClick={() => setStatusDialogOpen(true)}
-                      >
-                        <Cog className="size-4" />
-                        变更状态
-                      </Button>
-                      <Button
-                        size="sm"
-                        variant="outline"
-                        onClick={() => setEditDialogOpen(true)}
-                      >
-                        <PencilIcon className="size-4" />
-                        {/* 编辑 */}
-                      </Button>
-                      <Button
-                        size="sm"
-                        variant="outline"
-                        onClick={() => void loadDetail()}
-                        disabled={loading || saving}
-                      >
-                        <RefreshCcwIcon className="size-4" />
-                        {/* 刷新 */}
-                      </Button>
-                    </ButtonGroup>
-                  </div>
-                </div>
-              </div>
-
-              <div className="min-h-0 overflow-y-auto">
-                <div className="space-y-0">
-                  <DetailSection className="px-4 lg:px-6">
-                    <div className="space-y-2.5">
-                      <h1 className="text-xl font-semibold tracking-tight text-foreground">
-                        {ticket.title}
-                      </h1>
-                      <div className="border-l-2 pl-3 border-border/70 ">
-                        <div className="whitespace-pre-wrap break-words text-sm leading-6 text-foreground/80">
-                          {ticket.description || "暂无工单描述"}
-                        </div>
-                      </div>
-                    </div>
-                  </DetailSection>
-
-                  <DetailSection className="px-4 pt-4 lg:px-6">
-                    <Tabs defaultValue="comments" className="gap-3">
-                      <TabsList>
-                        <TabsTrigger value="comments">回复&备注</TabsTrigger>
-                        <TabsTrigger value="events">事件记录</TabsTrigger>
-                      </TabsList>
-                      <TabsContent value="comments" className="space-y-3">
-                        {(detail?.comments?.length || 0) > 0 ? (
-                          <div className="relative pl-6">
-                            <div className="absolute top-0 bottom-0 left-[0.55rem] w-px bg-border/70" />
-                            <div className="space-y-4">
-                              {detail?.comments?.map((comment) => (
-                                <div
-                                  key={`comment-${comment.id}`}
-                                  className="relative"
-                                >
-                                  <div
-                                    className={`absolute top-2 -left-6 size-3 rounded-full ring-4 ring-background ${
-                                      comment.commentType === "public_reply"
-                                        ? "bg-emerald-500"
-                                        : "bg-amber-500"
-                                    }`}
-                                  />
-                                  <div className="rounded-lg border border-border/60 bg-muted/15 px-3.5 py-3">
-                                    <div className="mb-2 flex items-start justify-between gap-3">
-                                      <div className="min-w-0 space-y-1">
-                                        <div className="flex flex-wrap items-center gap-2">
-                                          <div className="text-sm font-medium">
-                                            {comment.authorName ||
-                                              `用户#${comment.authorId}`}
-                                          </div>
-                                          <Badge
-                                            variant="outline"
-                                            className={
-                                              comment.commentType ===
-                                              "public_reply"
-                                                ? "border-emerald-200 bg-emerald-50 text-emerald-700"
-                                                : "border-amber-200 bg-amber-50 text-amber-700"
-                                            }
-                                          >
-                                            {comment.commentType ===
-                                            "public_reply"
-                                              ? "客户回复"
-                                              : "内部备注"}
-                                          </Badge>
-                                        </div>
-                                        <div className="text-xs text-muted-foreground">
-                                          {comment.createdAt
-                                            ? formatDateTime(comment.createdAt)
-                                            : "—"}
-                                        </div>
-                                      </div>
-                                    </div>
-                                    {comment.commentType === "internal_note" &&
-                                    parseMentionUserIds(comment.payload).length ? (
-                                      <div className="mb-2 flex flex-wrap gap-2">
-                                        {parseMentionUserIds(comment.payload).map(
-                                          (userId) => {
-                                            const user = agents.find(
-                                              (item) => item.userId === userId,
-                                            );
-                                            return (
-                                              <span
-                                                key={`${comment.id}-${userId}`}
-                                                className="rounded-full border px-2 py-1 text-xs text-muted-foreground"
-                                              >
-                                                @
-                                                {user?.displayName ||
-                                                  user?.nickname ||
-                                                  user?.username ||
-                                                  `用户#${userId}`}
-                                              </span>
-                                            );
-                                          },
-                                        )}
-                                      </div>
-                                    ) : null}
-                                    <div className="whitespace-pre-wrap break-words text-sm leading-6 text-foreground/90">
-                                      {comment.content}
-                                    </div>
-                                  </div>
-                                </div>
-                              ))}
-                            </div>
-                          </div>
-                        ) : (
-                          <div className="text-sm text-muted-foreground">
-                            暂无评论记录
-                          </div>
-                        )}
-                      </TabsContent>
-                      <TabsContent value="events" className="space-y-2">
-                        {(detail?.events?.length || 0) > 0 ? (
-                          detail?.events?.map((event) => (
-                            <div
-                              key={`event-${event.id}`}
-                              className={`rounded-lg border px-3 py-2.5 ${
-                                event.eventType === "mentioned"
-                                  ? "border-amber-200 bg-amber-50/60"
-                                  : "border-border/60 bg-muted/20"
-                              }`}
-                            >
-                              <div className="flex items-center justify-between gap-3">
-                                <div className="flex items-center gap-2">
-                                  {event.eventType === "mentioned" ? (
-                                    <Badge
-                                      variant="outline"
-                                      className="border-amber-300 bg-amber-100 text-amber-800"
-                                    >
-                                      提及
-                                    </Badge>
-                                  ) : null}
-                                  <div className="text-sm font-medium">
-                                    {event.content ||
-                                      ticketEventLabel(event.eventType)}
-                                  </div>
-                                </div>
-                                <div className="text-xs text-muted-foreground">
-                                  {event.createdAt
-                                    ? formatDateTime(event.createdAt)
-                                    : "—"}
-                                </div>
-                              </div>
-                              <div className="mt-1 text-xs text-muted-foreground">
-                                {event.operatorName ||
-                                  `用户#${event.operatorId}`}
-                              </div>
-                              {event.payload &&
-                              event.eventType === "mentioned" &&
-                              parseMentionUserIds(event.payload).length ? (
-                                <div className="mt-2 flex flex-wrap gap-2">
-                                  {parseMentionUserIds(event.payload).map(
-                                    (userId) => {
-                                      const user = agents.find(
-                                        (item) => item.userId === userId,
-                                      );
-                                      return (
-                                        <span
-                                          key={`${event.id}-${userId}`}
-                                          className="rounded-full border border-amber-200 px-2 py-1 text-xs text-amber-800"
-                                        >
-                                          @
-                                          {user?.displayName ||
-                                            user?.nickname ||
-                                            user?.username ||
-                                            `用户#${userId}`}
-                                        </span>
-                                      );
-                                    },
-                                  )}
-                                </div>
-                              ) : null}
-                            </div>
-                          ))
-                        ) : (
-                          <div className="text-sm text-muted-foreground">
-                            暂无事件记录
-                          </div>
-                        )}
-                      </TabsContent>
-                    </Tabs>
-                  </DetailSection>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div className="relative hidden shrink-0 border-l border-border/70 bg-background lg:block">
-            <Button
-              variant="outline"
-              size="icon"
-              className="absolute top-2.5 left-1/2 z-10 size-6.5 -translate-x-1/2 rounded-full shadow-sm"
-              onClick={() => setRightPanelCollapsed((value) => !value)}
-              aria-label={
-                rightPanelCollapsed ? "展开右侧信息面板" : "折叠右侧信息面板"
-              }
-            >
-              {rightPanelCollapsed ? (
-                <PanelRightOpenIcon className="size-3.5" />
-              ) : (
-                <PanelRightCloseIcon className="size-3.5" />
-              )}
-            </Button>
-          </div>
-
-          <div
-            className={`min-w-0 shrink-0 overflow-hidden bg-background transition-[width] duration-200 ${
-              rightPanelCollapsed ? "w-0" : "w-full lg:w-[360px]"
-            }`}
-          >
-            {rightPanelCollapsed ? null : (
-              <div className="h-full">
-                <div className="flex h-full flex-col gap-4">
-                  <div className="min-h-0 overflow-y-auto">
-                    <div className="space-y-0">
-                      <DetailSection
-                        title="基础信息"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.basics)}
-                        onToggle={() => toggleSection("basics")}
-                        className="px-4 pt-3 lg:px-6 lg:pt-4"
-                        action={
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            onClick={() => setEditDialogOpen(true)}
-                          >
-                            <PencilIcon className="size-3.5" />
-                            编辑
-                          </Button>
-                        }
-                        contentClassName="space-y-0 text-sm"
-                      >
-                        <InfoRow label="工单号" value={ticket.ticketNo} />
-                        <InfoRow
-                          label="状态"
-                          value={ticketStatusLabel(ticket.status)}
-                        />
-                        <InfoRow
-                          label="标签"
-                          value={
-                            ticket.tags && ticket.tags.length > 0
-                              ? ticket.tags.map((tag) => tag.name).join(" / ")
-                              : "未打标签"
-                          }
-                        />
-                        <InfoRow
-                          label="优先级"
-                          value={ticket.priorityName || String(ticket.priority)}
-                        />
-                        <InfoRow
-                          label="严重度"
-                          value={ticketSeverityLabel(ticket.severity)}
-                        />
-                        <InfoRow
-                          label="处理人"
-                          value={ticket.currentAssigneeName || "未指派"}
-                        />
-                        <InfoRow
-                          label="处理团队"
-                          value={ticket.currentTeamName || "未分组"}
-                        />
-                        <InfoRow
-                          label="解决时限"
-                          value={
-                            resolutionSLA
-                              ? `${resolutionSLA.targetMinutes} 分钟 / ${formatSLAStatus(resolutionSLA.status)}`
-                              : "未设置"
-                          }
-                        />
-                        <InfoRow
-                          label="来源"
-                          value={formatTicketSource(ticket.source)}
-                        />
-                        <InfoRow label="渠道" value={ticket.channel || "—"} />
-                        <InfoRow
-                          label="重开次数"
-                          value={String(ticket.reopenedCount)}
-                        />
-                        <InfoRow
-                          label="创建时间"
-                          value={
-                            ticket.createdAt
-                              ? formatDateTime(ticket.createdAt)
-                              : "—"
-                          }
-                        />
-                        <InfoRow
-                          label="更新时间"
-                          value={
-                            ticket.updatedAt
-                              ? formatDateTime(ticket.updatedAt)
-                              : "—"
-                          }
-                        />
-                        <InfoRow
-                          label="截止时间"
-                          value={
-                            ticket.dueAt ? formatDateTime(ticket.dueAt) : "—"
-                          }
-                        />
-                        <InfoRow
-                          label="首次响应"
-                          value={
-                            ticket.firstResponseAt
-                              ? formatDateTime(ticket.firstResponseAt)
-                              : "—"
-                          }
-                        />
-                      </DetailSection>
-
-                      <DetailSection
-                        title="客户信息"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.customer)}
-                        onToggle={() => toggleSection("customer")}
-                        className="px-4 pt-4 lg:px-6"
-                        contentClassName="text-sm"
-                      >
-                        <TicketCustomerPanel
-                          ticketId={ticket.id}
-                          customerId={ticket.customerId}
-                          onRefresh={loadDetail}
-                        />
-                      </DetailSection>
-
-                      <DetailSection
-                        title="SLA 信息"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.sla)}
-                        onToggle={() => toggleSection("sla")}
-                        className="px-4 pt-4 lg:px-6"
-                        contentClassName="space-y-3 text-sm"
-                      >
-                      {ticket.sla?.length ? (
-                        ticket.sla.map((sla) => (
-                          <SurfacePanel key={sla.slaType} className="p-2.5">
-                            <div className="font-medium">
-                              {sla.slaType === "first_response"
-                                ? "首次响应"
-                                : "解决时效"}
-                            </div>
-                            <div className="mt-1 text-muted-foreground">
-                              目标：{sla.targetMinutes} 分钟
-                            </div>
-                            <div className="mt-1 text-muted-foreground">
-                              状态：{formatSLAStatus(sla.status)}
-                            </div>
-                            <div className="mt-1 text-muted-foreground">
-                              已耗时：{sla.elapsedMin} 分钟
-                            </div>
-                            {sla.breachedAt ? (
-                              <div className="mt-1 text-muted-foreground">
-                                超时于：{formatDateTime(sla.breachedAt)}
-                              </div>
-                            ) : null}
-                          </SurfacePanel>
-                        ))
-                      ) : (
-                        <div className="rounded-lg border border-amber-200 bg-amber-50/70 p-3 text-sm text-amber-900">
-                          当前工单未生成 SLA 记录，请检查工单 SLA
-                          配置；如果系统仍在使用默认策略，也需要确认配置是否已补齐。
-                            <Link
-                              href="/dashboard/ticket-priorities"
-                              className="ml-1 font-medium underline underline-offset-4"
-                            >
-                              前往配置优先级
-                            </Link>
-                        </div>
-                      )}
-                    </DetailSection>
-
-                      <DetailSection
-                        title="解决信息"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.resolution)}
-                        onToggle={() => toggleSection("resolution")}
-                        className="px-4 pt-4 lg:px-6"
-                        contentClassName="space-y-0 text-sm"
-                      >
-                      <InfoRow
-                        label="解决码"
-                        value={
-                          ticket.resolutionCodeName ||
-                          ticket.resolutionCode ||
-                          "—"
-                        }
-                      />
-                      <InfoRow
-                        label="解决说明"
-                        value={ticket.resolutionSummary || "—"}
-                      />
-                      <InfoRow
-                        label="关闭原因"
-                        value={ticket.closeReason || "—"}
-                      />
-                      <InfoRow
-                        label="解决时间"
-                        value={
-                          ticket.resolvedAt
-                            ? formatDateTime(ticket.resolvedAt)
-                            : "—"
-                        }
-                      />
-                      <InfoRow
-                        label="关闭时间"
-                        value={
-                          ticket.closedAt
-                            ? formatDateTime(ticket.closedAt)
-                            : "—"
-                        }
-                      />
-                    </DetailSection>
-
-                      <DetailSection
-                        title="来源关联"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.source)}
-                        onToggle={() => toggleSection("source")}
-                        className="px-4 pt-4 lg:px-6"
-                        contentClassName="space-y-3 text-sm"
-                      >
-                      <InfoRow
-                        label="关联会话"
-                        value={
-                          ticket.conversationId
-                            ? `#${ticket.conversationId}`
-                            : "未关联"
-                        }
-                      />
-                      {sourceConversation ? (
-                        <SurfacePanel className="p-2.5">
-                          <div className="text-sm font-medium">
-                            {sourceConversation.customerName || "未命名客户"}
-                          </div>
-                          <div className="mt-2 flex flex-wrap gap-2 text-xs text-muted-foreground">
-                            <span>
-                              状态：
-                              {getEnumLabel(
-                                IMConversationStatusLabels,
-                                sourceConversation.status as IMConversationStatus,
-                              )}
-                            </span>
-                            <span>
-                              处理人：
-                              {sourceConversation.currentAssigneeName ||
-                                "未指派"}
-                            </span>
-                          </div>
-                          <div className="mt-2 text-xs leading-6 text-muted-foreground">
-                            {sourceConversation.lastMessageSummary ||
-                              "暂无最近消息摘要"}
-                          </div>
-                          <div className="mt-2 text-xs text-muted-foreground">
-                            最近活跃：
-                            {sourceConversation.lastActiveAt
-                              ? formatDateTime(sourceConversation.lastActiveAt)
-                              : "—"}
-                          </div>
-                        </SurfacePanel>
-                      ) : null}
-                      {ticket.conversationId ? (
-                        <Button
-                          variant="outline"
-                          className="w-full"
-                          onClick={() => router.push("/dashboard/conversations")}
-                        >
-                          <RotateCcwIcon className="size-4" />
-                          前往会话工作台
-                        </Button>
-                      ) : null}
-                    </DetailSection>
-
-                      <DetailSection
-                        title="关联工单"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.related)}
-                        onToggle={() => toggleSection("related")}
-                        className="px-4 pt-4 lg:px-6"
-                        action={
-                        <Button
-                          variant="ghost"
-                          size="sm"
-                          onClick={() => setRelationDialogOpen(true)}
-                        >
-                          <PlusIcon className="size-4" />
-                          新增关联
-                        </Button>
-                        }
-                        contentClassName="space-y-3 text-sm"
-                      >
-                      {childProgress.total > 0 ? (
-                        <div className="rounded-lg border border-blue-200 bg-blue-50/70 p-3">
-                          <div className="text-sm font-medium text-blue-900">
-                            子工单进展
-                          </div>
-                          <div className="mt-2 flex flex-wrap gap-2 text-xs text-blue-900">
-                            <span>总数：{childProgress.total}</span>
-                            <span>已完成：{childProgress.completed}</span>
-                            <span>进行中：{childProgress.active}</span>
-                          </div>
-                        </div>
-                      ) : null}
-                      {detail?.relatedTickets?.length ? (
-                        detail.relatedTickets.map((relation) => (
-                          <SurfacePanel key={relation.id} className="p-2.5">
-                            <div className="flex items-start justify-between gap-3">
-                              <div className="min-w-0 space-y-1">
-                                <div className="text-xs text-muted-foreground">
-                                  {ticketRelationLabel(relation.relationType)}
-                                </div>
-                                <div className="truncate font-medium">
-                                  {relation.relatedTicketNo ||
-                                    `#${relation.relatedTicketId}`}
-                                </div>
-                                <div className="text-sm text-muted-foreground">
-                                  {relation.relatedTicketTitle || "未命名工单"}
-                                </div>
-                              </div>
-                              <div className="flex shrink-0 gap-1">
-                                <Button
-                                  variant="ghost"
-                                  size="icon"
-                                  onClick={() =>
-                                    router.push(
-                                      `/dashboard/tickets/detail?id=${relation.relatedTicketId}`,
-                                    )
-                                  }
-                                >
-                                  <ExternalLinkIcon className="size-4" />
-                                </Button>
-                                <Button
-                                  variant="ghost"
-                                  size="icon"
-                                  disabled={saving}
-                                  onClick={() =>
-                                    void handleDeleteRelation(relation.id)
-                                  }
-                                >
-                                  <XIcon className="size-4" />
-                                </Button>
-                              </div>
-                            </div>
-                            <div className="mt-2 flex flex-wrap gap-2 text-xs text-muted-foreground">
-                              {relation.relationType === "child" ? (
-                                <Badge
-                                  variant="outline"
-                                  className={
-                                    isDoneTicketStatus(
-                                      relation.relatedTicketStatus,
-                                    )
-                                      ? "border-emerald-300 bg-emerald-50 text-emerald-800"
-                                      : "border-orange-300 bg-orange-50 text-orange-800"
-                                  }
-                                >
-                                  {isDoneTicketStatus(
-                                    relation.relatedTicketStatus,
-                                  )
-                                    ? "子单已完成"
-                                    : "子单处理中"}
-                                </Badge>
-                              ) : null}
-                              <span>
-                                状态：
-                                {ticketStatusLabel(
-                                  relation.relatedTicketStatus || "",
-                                )}
-                              </span>
-                              <span>
-                                团队：{relation.currentTeamName || "未分组"}
-                              </span>
-                              <span>
-                                处理人：
-                                {relation.currentAssigneeName || "未指派"}
-                              </span>
-                            </div>
-                            <div className="mt-2 text-xs text-muted-foreground">
-                              最近更新：
-                              {relation.updatedAt
-                                ? formatDateTime(relation.updatedAt)
-                                : "—"}
-                            </div>
-                          </SurfacePanel>
-                        ))
-                      ) : (
-                        <div className="text-muted-foreground">
-                          暂无关联工单
-                        </div>
-                      )}
-                    </DetailSection>
-
-                      <DetailSection
-                        title="协作人"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.collaborators)}
-                        onToggle={() => toggleSection("collaborators")}
-                        className="px-4 pt-4 lg:px-6"
-                        action={
-                        <Button
-                          variant="ghost"
-                          size="sm"
-                          onClick={() => setCollaboratorDialogOpen(true)}
-                        >
-                          <PlusIcon className="size-4" />
-                          新增协作人
-                        </Button>
-                        }
-                        contentClassName="space-y-3 text-sm"
-                      >
-                      {detail?.collaborators?.length ? (
-                        detail.collaborators.map((collaborator) => (
-                          <SurfacePanel
-                            key={collaborator.id}
-                            className="flex items-center justify-between gap-3 p-2.5"
-                          >
-                            <div className="min-w-0">
-                              <div className="font-medium">
-                                {collaborator.userName ||
-                                  `用户#${collaborator.userId}`}
-                              </div>
-                              <div className="text-xs text-muted-foreground">
-                                {collaborator.teamName || "未分组"}
-                              </div>
-                            </div>
-                            <Button
-                              variant="ghost"
-                              size="icon"
-                              disabled={saving}
-                              onClick={() =>
-                                void handleDeleteCollaborator(collaborator.id)
-                              }
-                            >
-                              <XIcon className="size-4" />
-                            </Button>
-                          </SurfacePanel>
-                        ))
-                      ) : (
-                        <div className="text-muted-foreground">暂无协作人</div>
-                      )}
-                    </DetailSection>
-
-                      <DetailSection
-                        title="关注人"
-                        collapsible
-                        collapsed={Boolean(collapsedSections.watchers)}
-                        onToggle={() => toggleSection("watchers")}
-                        className="px-4 pt-4 lg:px-6"
-                        contentClassName="space-y-3 text-sm"
-                      >
-                      {detail?.watchers?.length ? (
-                        detail.watchers.map((watcher) => (
-                          <InfoRow
-                            key={watcher.id}
-                            label={`用户#${watcher.userId}`}
-                            value={watcher.userName || "未命名"}
-                          />
-                        ))
-                      ) : (
-                        <div className="text-muted-foreground">暂无关注人</div>
-                      )}
-                      </DetailSection>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            )}
-          </div>
-        </>
-      ) : (
-        <div className="min-w-0 flex-1 p-4 lg:p-6">
-          <div className="py-20 text-center text-muted-foreground">
-            工单不存在
-          </div>
-        </div>
-      )}
-      <TicketReplyDialog
-        open={replyDialogOpen}
-        ticketId={ticket?.id ?? null}
-        onOpenChange={setReplyDialogOpen}
-        onSuccess={loadDetail}
-      />
-      <TicketAssignDialog
-        open={assignDialogOpen}
-        ticketId={ticket?.id ?? null}
-        currentTeamId={ticket?.currentTeamId}
-        currentAssigneeId={ticket?.currentAssigneeId}
-        onOpenChange={setAssignDialogOpen}
-        onSuccess={loadDetail}
-      />
-      <TicketStatusDialog
-        open={statusDialogOpen}
-        ticketId={ticket?.id ?? null}
-        currentStatus={ticket?.status}
-        onOpenChange={setStatusDialogOpen}
-        onSuccess={loadDetail}
-      />
-      <TicketReasonDialog
-        open={closeDialogOpen}
-        mode="close"
-        ticketId={ticket?.id ?? null}
-        defaultReason={ticket?.closeReason || "处理完成"}
-        onOpenChange={setCloseDialogOpen}
-        onSuccess={loadDetail}
-      />
-      <TicketReasonDialog
-        open={reopenDialogOpen}
-        mode="reopen"
-        ticketId={ticket?.id ?? null}
-        defaultReason="客户有新反馈"
-        onOpenChange={setReopenDialogOpen}
-        onSuccess={loadDetail}
-      />
-      <EditDialog
-        open={editDialogOpen}
-        saving={saving}
-        itemId={ticket?.id ?? null}
-        onOpenChange={setEditDialogOpen}
-        onSubmit={handleEditSubmit}
-      />
-      <TicketRelationDialog
-        open={relationDialogOpen}
-        ticketId={ticket?.id ?? null}
-        onOpenChange={setRelationDialogOpen}
-        onSuccess={loadDetail}
-      />
-      <TicketCollaboratorDialog
-        open={collaboratorDialogOpen}
-        ticketId={ticket?.id ?? null}
-        onOpenChange={setCollaboratorDialogOpen}
-        onSuccess={loadDetail}
-      />
-    </div>
-  );
-}
-
-function InfoRow({ label, value }: { label: string; value: string }) {
-  return (
-    <div className="grid grid-cols-[78px_minmax(0,1fr)] items-start gap-3 py-1">
-      <span className="text-sm text-muted-foreground">{label}</span>
-      <span className="text-right text-sm text-foreground wrap-break-word">
-        {value}
-      </span>
-    </div>
-  );
-}
-
-function DetailSection({
-  title,
-  description,
-  action,
-  collapsible,
-  collapsed,
-  onToggle,
-  className,
-  contentClassName,
-  children,
-}: {
-  title?: string;
-  description?: string;
-  action?: ReactNode;
-  collapsible?: boolean;
-  collapsed?: boolean;
-  onToggle?: () => void;
-  className?: string;
-  contentClassName?: string;
-  children: ReactNode;
-}) {
-  return (
-    <section
-      className={`border-b border-border/70 py-4 last:border-b-0 ${className ?? ""}`}
-    >
-      {title || description || action ? (
-        <div className="flex flex-wrap items-center justify-between gap-3">
-          <div className="min-w-0 space-y-1">
-            <div className="flex items-center gap-2">
-              {collapsible ? (
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="icon"
-                  className="size-6 shrink-0"
-                  onClick={onToggle}
-                  aria-label={collapsed ? "展开面板" : "折叠面板"}
-                >
-                  {collapsed ? (
-                    <ChevronRightIcon className="size-4" />
-                  ) : (
-                    <ChevronDownIcon className="size-4" />
-                  )}
-                </Button>
-              ) : null}
-              {title ? <h2 className="text-base font-medium">{title}</h2> : null}
-            </div>
-            {description ? (
-              <p className="text-sm leading-5 text-muted-foreground">
-                {description}
-              </p>
-            ) : null}
-          </div>
-          {action ? <div className="shrink-0">{action}</div> : null}
-        </div>
-      ) : null}
-      {collapsed ? null :<div className="pt-3"><div className={contentClassName}>{children}</div></div>}
-    </section>
-  );
-}
-
-function SurfacePanel({
-  className,
-  children,
-}: {
-  className?: string;
-  children: ReactNode;
-}) {
-  return (
-    <div
-      className={`rounded-lg border border-border/60 bg-muted/20 ${className ?? ""}`}
-    >
-      {children}
-    </div>
-  );
-}
diff --git a/web/app/dashboard/tickets/page.tsx b/web/app/dashboard/tickets/page.tsx
index 0b99c14..250bcc7 100644
--- a/web/app/dashboard/tickets/page.tsx
+++ b/web/app/dashboard/tickets/page.tsx
@@ -1,560 +1,102 @@
 "use client"
 
-import Link from "next/link"
-import {
-  ArrowRightLeftIcon,
-  CircleOffIcon,
-  ClipboardListIcon,
-  PlusIcon,
-  RefreshCcwIcon,
-  SearchIcon,
-  SaveIcon,
-  Settings2Icon,
-  SquarePenIcon,
-  StarIcon,
-  Trash2Icon,
-} from "lucide-react"
-import { useCallback, useEffect, useMemo, useState } from "react"
+import { PlusIcon, RefreshCcwIcon } from "lucide-react"
+import { useCallback, useEffect, useState } from "react"
 import { toast } from "sonner"
 
-import { ListPagination } from "@/components/list-pagination"
 import { OptionCombobox } from "@/components/option-combobox"
-import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
-import { Checkbox } from "@/components/ui/checkbox"
 import { Input } from "@/components/ui/input"
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-import {
-  fetchAgentProfilesAll,
-  fetchAgentTeamsAll,
-  type AdminAgentProfile,
-  type AdminAgentTeam,
-  fetchTagsAll,
-  type TagTree,
-} from "@/lib/api/admin"
-import {
-  fetchTicketPriorityConfigsAll,
-  type TicketPriorityConfig,
-} from "@/lib/api/ticket-config"
 import {
   createTicket,
-  batchWatchTickets,
-  deleteTicketView,
-  fetchTicketViews,
   fetchTicketSummary,
   fetchTickets,
-  saveTicketView,
   updateTicket,
-  unwatchTicket,
-  watchTicket,
-  type Paging,
-  type TicketSavedView,
+  type CreateTicketPayload,
   type TicketItem,
+  type TicketListQuery,
+  type TicketStatus,
   type TicketSummary,
+  type UpdateTicketPayload,
 } from "@/lib/api/ticket"
-import { readSession } from "@/lib/auth"
 import { formatDateTime } from "@/lib/utils"
 import { EditDialog } from "./_components/edit"
 import { TicketAssignDialog } from "./_components/ticket-assign-dialog"
-import { TicketPriorityBadge } from "./_components/ticket-priority-badge"
-import { TicketReasonDialog } from "./_components/ticket-reason-dialog"
-import { TicketSLABadge } from "./_components/ticket-sla-badge"
-import { TicketStatusDialog } from "./_components/ticket-status-dialog"
 import { TicketStatusBadge } from "./_components/ticket-status-badge"
+import { TicketStatusDialog } from "./_components/ticket-status-dialog"
 
-const emptyPaging: Paging = { page: 1, limit: 20, total: 0 }
 const emptySummary: TicketSummary = {
   all: 0,
-  mine: 0,
-  watching: 0,
-  collaboration: 0,
-  participating: 0,
-  mentioned: 0,
+  pending: 0,
+  inProgress: 0,
+  done: 0,
   unassigned: 0,
-  pendingCustomer: 0,
-  pendingInternal: 0,
-  overdue: 0,
+  mine: 0,
+  stale: 0,
 }
 
-type QuickViewKey =
-  | "all"
-  | "mine"
-  | "collaboration"
-  | "participating"
-  | "mentioned"
-  | "watching"
-  | "unassigned"
-  | "pending_customer"
-  | "pending_internal"
-  | "overdue"
+const statusOptions = [
+  { value: "", label: "全部状态" },
+  { value: "pending", label: "待处理" },
+  { value: "in_progress", label: "处理中" },
+  { value: "done", label: "已处理" },
+]
 
-type SavedTicketView = {
-  id: number
-  name: string
-  keywordInput: string
-  keyword: string
-  statusFilter: string
-  priorityFilter: string
-  severityFilter: string
-  tagFilter: string
-  teamFilter: string
-  assigneeFilter: string
-  sourceFilter: string
-  watchFilter: string
-  quickView: QuickViewKey
-}
-
-function buildTagOptions(nodes: TagTree[], parentPath = ""): Array<{ value: string; label: string }> {
-  const result: Array<{ value: string; label: string }> = []
-  nodes.forEach((item) => {
-    const currentPath = parentPath ? `${parentPath} / ${item.name}` : item.name
-    result.push({ value: String(item.id), label: currentPath })
-    if (item.children.length > 0) {
-      result.push(...buildTagOptions(item.children, currentPath))
-    }
-  })
-  return result
-}
-
-function isClosedStatus(status: string) {
-  return status === "resolved" || status === "closed" || status === "cancelled"
-}
-
-function getResolveDeadlineTime(ticket: TicketItem) {
-  if (!ticket.resolveDeadlineAt) {
-    return null
-  }
-  const deadline = new Date(ticket.resolveDeadlineAt.replace(" ", "T"))
-  if (Number.isNaN(deadline.getTime())) {
-    return null
-  }
-  return deadline.getTime()
-}
-
-function isOverdueTicket(ticket: TicketItem) {
-  const deadline = getResolveDeadlineTime(ticket)
-  if (deadline === null || isClosedStatus(ticket.status)) {
-    return false
-  }
-  return deadline < Date.now()
-}
-
-function isRiskTicket(ticket: TicketItem) {
-  const deadline = getResolveDeadlineTime(ticket)
-  if (deadline === null || isClosedStatus(ticket.status)) {
-    return false
-  }
-  const remainingMinutes = Math.floor((deadline - Date.now()) / 60000)
-  return remainingMinutes >= 0 && remainingMinutes <= 240
-}
-
-function getTicketRowClassName(ticket: TicketItem) {
-  if (isOverdueTicket(ticket)) {
-    return "bg-red-50/80 hover:bg-red-50"
-  }
-  if (ticket.currentAssigneeId <= 0 && !isClosedStatus(ticket.status)) {
-    return "bg-amber-50/70 hover:bg-amber-50"
-  }
-  if (isRiskTicket(ticket)) {
-    return "bg-orange-50/60 hover:bg-orange-50"
-  }
-  return ""
-}
-
-function parseSavedTicketView(item: TicketSavedView): SavedTicketView | null {
-  const filters = item.filters
-  if (!filters || typeof filters !== "object") {
-    return null
-  }
-  return {
-    id: item.id,
-    name: item.name,
-    keywordInput: typeof filters.keywordInput === "string" ? filters.keywordInput : "",
-    keyword: typeof filters.keyword === "string" ? filters.keyword : "",
-    statusFilter: typeof filters.statusFilter === "string" ? filters.statusFilter : "all",
-    priorityFilter: typeof filters.priorityFilter === "string" ? filters.priorityFilter : "all",
-    severityFilter: typeof filters.severityFilter === "string" ? filters.severityFilter : "all",
-    tagFilter:
-      typeof filters.tagFilter === "string"
-        ? filters.tagFilter
-        : typeof filters.categoryFilter === "string"
-          ? filters.categoryFilter
-          : "all",
-    teamFilter: typeof filters.teamFilter === "string" ? filters.teamFilter : "all",
-    assigneeFilter: typeof filters.assigneeFilter === "string" ? filters.assigneeFilter : "all",
-    sourceFilter: typeof filters.sourceFilter === "string" ? filters.sourceFilter : "all",
-    watchFilter: typeof filters.watchFilter === "string" ? filters.watchFilter : "all",
-    quickView: typeof filters.quickView === "string" ? (filters.quickView as QuickViewKey) : "all",
-  }
+function isUpdatePayload(payload: CreateTicketPayload | UpdateTicketPayload): payload is UpdateTicketPayload {
+  return "ticketId" in payload
 }
 
 export default function TicketsPage() {
-  const [result, setResult] = useState<{ results: TicketItem[]; page: Paging }>({
-    results: [],
-    page: emptyPaging,
-  })
+  const [tickets, setTickets] = useState<TicketItem[]>([])
   const [summary, setSummary] = useState<TicketSummary>(emptySummary)
-  const [loading, setLoading] = useState(true)
-  const [saving, setSaving] = useState(false)
-  const [dialogOpen, setDialogOpen] = useState(false)
-  const [editingItemId, setEditingItemId] = useState<number | null>(null)
-  const [keywordInput, setKeywordInput] = useState("")
   const [keyword, setKeyword] = useState("")
-  const [statusFilter, setStatusFilter] = useState("all")
-  const [priorityFilter, setPriorityFilter] = useState("all")
-  const [severityFilter, setSeverityFilter] = useState("all")
-  const [tagFilter, setTagFilter] = useState("all")
-  const [teamFilter, setTeamFilter] = useState("all")
-  const [assigneeFilter, setAssigneeFilter] = useState("all")
-  const [sourceFilter, setSourceFilter] = useState("all")
-  const [watchFilter, setWatchFilter] = useState("all")
-  const [quickView, setQuickView] = useState<QuickViewKey>("all")
-  const [savedViews, setSavedViews] = useState<SavedTicketView[]>([])
-  const [activeSavedViewId, setActiveSavedViewId] = useState("all")
-  const [teams, setTeams] = useState<AdminAgentTeam[]>([])
-  const [agents, setAgents] = useState<AdminAgentProfile[]>([])
-  const [tags, setTags] = useState<TagTree[]>([])
-  const [priorities, setPriorities] = useState<TicketPriorityConfig[]>([])
-  const [actionLoadingId, setActionLoadingId] = useState<number | null>(null)
-  const [selectedTicketIds, setSelectedTicketIds] = useState<number[]>([])
-  const [assignDialogOpen, setAssignDialogOpen] = useState(false)
-  const [statusDialogOpen, setStatusDialogOpen] = useState(false)
-  const [closeDialogOpen, setCloseDialogOpen] = useState(false)
-  const [reopenDialogOpen, setReopenDialogOpen] = useState(false)
-  const [actionTicket, setActionTicket] = useState<TicketItem | null>(null)
-  const currentUserId = readSession()?.user?.id ?? 0
+  const [status, setStatus] = useState("")
+  const [loading, setLoading] = useState(false)
+  const [saving, setSaving] = useState(false)
+  const [editOpen, setEditOpen] = useState(false)
+  const [editingId, setEditingId] = useState<number | null>(null)
+  const [assignTicketItem, setAssignTicketItem] = useState<TicketItem | null>(null)
+  const [statusTicketItem, setStatusTicketItem] = useState<TicketItem | null>(null)
 
-  const activeStatusFilter = useMemo(() => {
-    if (quickView === "pending_customer") {
-      return "pending_customer"
-    }
-    if (quickView === "pending_internal") {
-      return "pending_internal"
-    }
-    return statusFilter === "all" ? undefined : statusFilter
-  }, [quickView, statusFilter])
-
-  const activeWatchFilter = quickView === "watching" ? 1 : watchFilter === "watching" ? 1 : undefined
-  const activeCollaborationFilter = quickView === "collaboration" ? 1 : undefined
-  const activeCollaboratingFilter = quickView === "participating" ? 1 : undefined
-  const activeMentionedFilter = quickView === "mentioned" ? 1 : undefined
-  const activeMineFilter = quickView === "mine" ? 1 : undefined
-  const activeUnassignedFilter = quickView === "unassigned" ? 1 : undefined
-  const activeOverdueFilter = quickView === "overdue" ? 1 : undefined
-
-  const loadSummary = useCallback(async () => {
-    try {
-      const data = await fetchTicketSummary()
-      setSummary(data)
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "加载工单汇总失败")
-    }
-  }, [])
-
-  const loadSavedViews = useCallback(async () => {
-    try {
-      const data = await fetchTicketViews()
-      const views = Array.isArray(data)
-        ? data
-            .map(parseSavedTicketView)
-            .filter((item): item is SavedTicketView => item !== null)
-        : []
-      setSavedViews(views)
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "加载保存视图失败")
-    }
-  }, [])
-
-  const loadTickets = useCallback(async () => {
+  const loadData = useCallback(async () => {
     setLoading(true)
     try {
-      const data = await fetchTickets({
-        page: result.page.page,
-        limit: result.page.limit,
+      const query: TicketListQuery = {
+        page: 1,
+        limit: 50,
         keyword: keyword.trim() || undefined,
-        status: activeStatusFilter,
-        priority: priorityFilter === "all" ? undefined : Number(priorityFilter),
-        severity: severityFilter === "all" ? undefined : Number(severityFilter),
-        tagId: tagFilter === "all" ? undefined : Number(tagFilter),
-        currentTeamId: teamFilter === "all" ? undefined : Number(teamFilter),
-        currentAssigneeId: assigneeFilter === "all" ? undefined : Number(assigneeFilter),
-        source: sourceFilter === "all" ? undefined : sourceFilter,
-        watching: activeWatchFilter,
-        collaboration: activeCollaborationFilter,
-        collaborating: activeCollaboratingFilter,
-        mentioned: activeMentionedFilter,
-        mine: activeMineFilter,
-        unassigned: activeUnassignedFilter,
-        overdue: activeOverdueFilter,
-      })
-      setResult({
-        results: Array.isArray(data.results) ? data.results : [],
-        page: data.page ?? emptyPaging,
-      })
+        status: status ? (status as TicketStatus) : undefined,
+      }
+      const [ticketData, summaryData] = await Promise.all([
+        fetchTickets(query),
+        fetchTicketSummary(),
+      ])
+      setTickets(Array.isArray(ticketData.results) ? ticketData.results : [])
+      setSummary(summaryData ?? emptySummary)
     } catch (error) {
       toast.error(error instanceof Error ? error.message : "加载工单失败")
     } finally {
       setLoading(false)
     }
-  }, [
-    activeMineFilter,
-    activeOverdueFilter,
-    activeStatusFilter,
-    activeUnassignedFilter,
-    activeWatchFilter,
-    activeCollaborationFilter,
-    activeCollaboratingFilter,
-    activeMentionedFilter,
-    assigneeFilter,
-    tagFilter,
-    keyword,
-    priorityFilter,
-    result.page.limit,
-    result.page.page,
-    severityFilter,
-    sourceFilter,
-    teamFilter,
-  ])
+  }, [keyword, status])
 
   useEffect(() => {
-    void loadTickets()
-  }, [loadTickets])
+    void loadData()
+  }, [loadData])
 
-  useEffect(() => {
-    setSelectedTicketIds((current) =>
-      current.filter((ticketId) => result.results.some((item) => item.id === ticketId)),
-    )
-  }, [result.results])
-
-  useEffect(() => {
-    void loadSummary()
-  }, [loadSummary])
-
-  useEffect(() => {
-    void loadSavedViews()
-  }, [loadSavedViews])
-
-  useEffect(() => {
-    void (async () => {
-      const [teamData, agentData, tagData, priorityData] = await Promise.all([
-        fetchAgentTeamsAll(),
-        fetchAgentProfilesAll(),
-        fetchTagsAll(),
-        fetchTicketPriorityConfigsAll(),
-      ])
-      setTeams(Array.isArray(teamData) ? teamData : [])
-      setAgents(Array.isArray(agentData) ? agentData : [])
-      setTags(Array.isArray(tagData) ? tagData : [])
-      setPriorities(Array.isArray(priorityData) ? priorityData : [])
-    })()
-  }, [])
-
-  function resetToFirstPage() {
-    setResult((current) => ({
-      ...current,
-      page: { ...current.page, page: 1 },
-    }))
-  }
-
-  function applyFilters() {
-    setKeyword(keywordInput)
-    setActiveSavedViewId("all")
-    resetToFirstPage()
-  }
-
-  function buildCurrentView(name: string, existingId?: number): SavedTicketView {
-    return {
-      id: existingId ?? 0,
-      name,
-      keywordInput,
-      keyword,
-      statusFilter,
-      priorityFilter,
-      severityFilter,
-      tagFilter,
-      teamFilter,
-      assigneeFilter,
-      sourceFilter,
-      watchFilter,
-      quickView,
-    }
-  }
-
-  function applySavedView(view: SavedTicketView) {
-    setKeywordInput(view.keywordInput)
-    setKeyword(view.keyword)
-    setStatusFilter(view.statusFilter)
-    setPriorityFilter(view.priorityFilter)
-    setSeverityFilter(view.severityFilter)
-    setTagFilter(view.tagFilter)
-    setTeamFilter(view.teamFilter)
-    setAssigneeFilter(view.assigneeFilter)
-    setSourceFilter(view.sourceFilter)
-    setWatchFilter(view.watchFilter)
-    setQuickView(view.quickView)
-    setActiveSavedViewId(String(view.id))
-    setResult((current) => ({
-      ...current,
-      page: { ...current.page, page: 1 },
-    }))
-  }
-
-  function resetAllFilters() {
-    setKeywordInput("")
-    setKeyword("")
-    setStatusFilter("all")
-    setPriorityFilter("all")
-    setSeverityFilter("all")
-    setTagFilter("all")
-    setTeamFilter("all")
-    setAssigneeFilter("all")
-    setSourceFilter("all")
-    setWatchFilter("all")
-    setQuickView("all")
-    setActiveSavedViewId("all")
-    resetToFirstPage()
-  }
-
-  async function handleSaveCurrentView() {
-    const currentView = activeSavedViewId === "all"
-      ? null
-      : savedViews.find((item) => String(item.id) === activeSavedViewId) ?? null
-    const defaultName = currentView?.name ?? ""
-    const name = window.prompt("输入视图名称", defaultName)?.trim()
-    if (!name) {
-      return
-    }
-    const nextView = buildCurrentView(name, currentView?.id)
-    try {
-      const saved = await saveTicketView({
-        id: nextView.id > 0 ? nextView.id : undefined,
-        name: nextView.name,
-        filters: {
-          keywordInput: nextView.keywordInput,
-          keyword: nextView.keyword,
-          statusFilter: nextView.statusFilter,
-          priorityFilter: nextView.priorityFilter,
-          severityFilter: nextView.severityFilter,
-          tagFilter: nextView.tagFilter,
-          teamFilter: nextView.teamFilter,
-          assigneeFilter: nextView.assigneeFilter,
-          sourceFilter: nextView.sourceFilter,
-          watchFilter: nextView.watchFilter,
-          quickView: nextView.quickView,
-        },
-      })
-      const parsed = parseSavedTicketView(saved)
-      if (parsed) {
-        setSavedViews((current) => {
-          const exists = current.some((item) => item.id === parsed.id)
-          return exists ? current.map((item) => (item.id === parsed.id ? parsed : item)) : [parsed, ...current]
-        })
-        setActiveSavedViewId(String(parsed.id))
-      }
-      toast.success(currentView ? "视图已更新" : "视图已保存")
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "保存视图失败")
-    }
-  }
-
-  async function handleDeleteSavedView(viewId: number) {
-    const currentView = savedViews.find((item) => item.id === viewId)
-    if (!currentView) {
-      return
-    }
-    const confirmed = window.confirm(`确认删除视图「${currentView.name}」吗？`)
-    if (!confirmed) {
-      return
-    }
-    try {
-      await deleteTicketView(currentView.id)
-      setSavedViews((current) => current.filter((item) => item.id !== currentView.id))
-      if (activeSavedViewId === String(currentView.id)) {
-        setActiveSavedViewId("all")
-      }
-      toast.success("视图已删除")
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "删除视图失败")
-    }
-  }
-
-  function handleFilterKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
-    if (event.key !== "Enter") {
-      return
-    }
-    event.preventDefault()
-    applyFilters()
-  }
-
-  function openCreateDialog() {
-    setEditingItemId(null)
-    setDialogOpen(true)
-  }
-
-  function openEditDialog(item: TicketItem) {
-    setEditingItemId(item.id)
-    setDialogOpen(true)
-  }
-
-  function openAssignDialog(item: TicketItem) {
-    setActionTicket(item)
-    setAssignDialogOpen(true)
-  }
-
-  function openStatusDialog(item: TicketItem) {
-    setActionTicket(item)
-    setStatusDialogOpen(true)
-  }
-
-  function openCloseDialog(item: TicketItem) {
-    setActionTicket(item)
-    setCloseDialogOpen(true)
-  }
-
-  function openReopenDialog(item: TicketItem) {
-    setActionTicket(item)
-    setReopenDialogOpen(true)
-  }
-
-  function handleDialogOpenChange(open: boolean) {
-    if (saving) {
-      return
-    }
-    if (!open) {
-      setEditingItemId(null)
-    }
-    setDialogOpen(open)
-  }
-
-  async function refreshAll() {
-    await Promise.all([loadSummary(), loadTickets()])
-  }
-
-  async function handleSubmit(
-    payload: Parameters<typeof createTicket>[0] | Parameters<typeof updateTicket>[0],
-  ) {
-    if (saving) {
-      return
-    }
+  async function handleEditSubmit(payload: CreateTicketPayload | UpdateTicketPayload) {
     setSaving(true)
     try {
-      if ("ticketId" in payload) {
+      if (isUpdatePayload(payload)) {
         await updateTicket(payload)
         toast.success("工单已更新")
       } else {
         await createTicket(payload)
         toast.success("工单已创建")
       }
-      setDialogOpen(false)
-      setEditingItemId(null)
-      await refreshAll()
+      setEditOpen(false)
+      setEditingId(null)
+      await loadData()
     } catch (error) {
       toast.error(error instanceof Error ? error.message : "保存工单失败")
     } finally {
@@ -562,681 +104,167 @@ export default function TicketsPage() {
     }
   }
 
-  async function handleWatchToggle(item: TicketItem) {
-    setActionLoadingId(item.id)
-    try {
-      if (item.watchedByMe) {
-        await unwatchTicket(item.id)
-        toast.success("已取消关注")
-      } else {
-        await watchTicket(item.id)
-        toast.success("已关注工单")
-      }
-      await refreshAll()
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "更新关注状态失败")
-    } finally {
-      setActionLoadingId(null)
-    }
-  }
-
-  function toggleSelectTicket(ticketId: number, checked: boolean) {
-    setSelectedTicketIds((current) => {
-      if (checked) {
-        if (current.includes(ticketId)) {
-          return current
-        }
-        return current.concat(ticketId)
-      }
-      return current.filter((item) => item !== ticketId)
-    })
-  }
-
-  function handleSelectAll(checked: boolean) {
-    setSelectedTicketIds(checked ? result.results.map((item) => item.id) : [])
-  }
-
-  async function handleBatchWatch(watched: boolean) {
-    if (selectedTicketIds.length === 0) {
-      toast.error("请先选择工单")
-      return
-    }
-    setSaving(true)
-    try {
-      await batchWatchTickets({ ticketIds: selectedTicketIds, watched })
-      toast.success(watched ? `已批量关注 ${selectedTicketIds.length} 张工单` : `已批量取消关注 ${selectedTicketIds.length} 张工单`)
-      setSelectedTicketIds([])
-      await refreshAll()
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "批量更新关注失败")
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  const tagOptions = [{ value: "all", label: "全部标签" }].concat(
-    buildTagOptions(tags),
-  )
-  const priorityOptions = [{ value: "all", label: "全部优先级" }].concat(
-    priorities.map((priority) => ({
-      value: String(priority.id),
-      label: priority.name,
-    })),
-  )
-
-  const teamOptions = [{ value: "all", label: "全部团队" }].concat(
-    teams.map((team) => ({ value: String(team.id), label: team.name })),
-  )
-
-  const agentOptions = [{ value: "all", label: "全部处理人" }].concat(
-    agents.map((agent) => ({
-      value: String(agent.userId),
-      label: agent.displayName || agent.nickname || agent.username || `客服#${agent.userId}`,
-    })),
-  )
-
-  const quickViews: Array<{
-    key: QuickViewKey
-    label: string
-    description: string
-    count: number
-  }> = [
-    { key: "all", label: "全部工单", description: "工单总量", count: summary.all },
-    { key: "mine", label: "我的工单", description: "当前指派给我", count: summary.mine },
-    { key: "collaboration", label: "协作相关", description: "我参与或提及我的工单", count: summary.collaboration },
-    { key: "participating", label: "我参与的", description: "我是协作人的工单", count: summary.participating },
-    { key: "mentioned", label: "提及我的", description: "内部备注里提到了我", count: summary.mentioned },
-    { key: "unassigned", label: "待分配", description: "尚未指派处理人", count: summary.unassigned },
-    { key: "watching", label: "我的关注", description: "我在跟进的工单", count: summary.watching },
-    {
-      key: "pending_customer",
-      label: "待客户反馈",
-      description: "等待客户补充信息",
-      count: summary.pendingCustomer,
-    },
-    {
-      key: "pending_internal",
-      label: "待内部处理",
-      description: "等待内部协作处理",
-      count: summary.pendingInternal,
-    },
-    { key: "overdue", label: "已超时", description: "解决 SLA 已超时", count: summary.overdue },
-  ] 
-
-  const allSelected =
-    result.results.length > 0 && selectedTicketIds.length === result.results.length
-
-  const displayResults = useMemo(() => {
-    const list = [...result.results]
-    list.sort((left, right) => {
-      const leftOverdue = isOverdueTicket(left)
-      const rightOverdue = isOverdueTicket(right)
-      if (leftOverdue !== rightOverdue) {
-        return leftOverdue ? -1 : 1
-      }
-
-      if (quickView === "unassigned") {
-        const leftUnassigned = left.currentAssigneeId <= 0 ? 1 : 0
-        const rightUnassigned = right.currentAssigneeId <= 0 ? 1 : 0
-        if (leftUnassigned !== rightUnassigned) {
-          return rightUnassigned - leftUnassigned
-        }
-      }
-
-      const leftDeadline = getResolveDeadlineTime(left)
-      const rightDeadline = getResolveDeadlineTime(right)
-      if (leftDeadline !== null || rightDeadline !== null) {
-        if (leftDeadline === null) {
-          return 1
-        }
-        if (rightDeadline === null) {
-          return -1
-        }
-        if (leftDeadline !== rightDeadline) {
-          return leftDeadline - rightDeadline
-        }
-      }
-
-      if (left.priority !== right.priority) {
-        return right.priority - left.priority
-      }
-
-      return (right.id ?? 0) - (left.id ?? 0)
-    })
-    return list
-  }, [quickView, result.results])
-
-  const savedViewOptions = useMemo(
-    () =>
-      [{ value: "all", label: "筛选视图" }].concat(
-        savedViews.map((item) => ({
-          value: String(item.id),
-          label: item.name,
-        })),
-      ),
-    [savedViews],
-  )
-
   return (
-    <div className="min-h-0 flex-1 overflow-auto bg-muted/20 p-4 md:p-6">
-      <div className="flex w-full flex-col gap-4">
-        <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
-          <div>
-            <h1 className="text-xl font-semibold">工单</h1>
-            {/* <p className="mt-1 text-sm text-muted-foreground">
-              作为队列工作台处理异步问题、分派、流转与关闭
-            </p> */}
-            <div className="mt-1 flex flex-wrap gap-2 text-xs text-muted-foreground">
-              <span className="rounded bg-red-50 px-2 py-1 text-red-700">红色：已超时</span>
-              <span className="rounded bg-amber-50 px-2 py-1 text-amber-700">黄色：待分配</span>
-              <span className="rounded bg-orange-50 px-2 py-1 text-orange-700">橙色：即将超时</span>
-            </div>
-          </div>
-          <div className="flex items-center gap-2">
-            <div className="w-48">
-              <OptionCombobox
-                value={activeSavedViewId}
-                onChange={(value) => {
-                  if (value === "all") {
-                    setActiveSavedViewId("all")
-                    return
-                  }
-                  const nextView = savedViews.find((item) => String(item.id) === value)
-                  if (nextView) {
-                    applySavedView(nextView)
-                  }
-                }}
-                placeholder="保存视图"
-                options={savedViewOptions}
-                renderOptionAction={(option) => {
-                  if (option.value === "all") {
-                    return null
-                  }
-                  const viewId = Number(option.value)
-                  if (!Number.isFinite(viewId)) {
-                    return null
-                  }
-                  return (
-                    <Button
-                      type="button"
-                      variant="ghost"
-                      size="icon"
-                      className="size-7 text-muted-foreground hover:text-destructive"
-                      onClick={() => void handleDeleteSavedView(viewId)}
-                    >
-                      <Trash2Icon className="size-4" />
-                    </Button>
-                  )
-                }}
-              />
-            </div>
-            <Button variant="outline" onClick={handleSaveCurrentView}>
-              <SaveIcon className="size-4" />
-              保存视图
-            </Button>
-            <Button onClick={openCreateDialog}>
-              <PlusIcon className="size-4" />
-              新建工单
-            </Button>
-          </div>
+    <div className="flex flex-col gap-4 p-6">
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h1 className="text-2xl font-semibold tracking-normal">工单</h1>
+          <p className="text-sm text-muted-foreground">轻量工单列表临时入口</p>
         </div>
-
-
-        <div className="rounded-lg border bg-background/80 p-2">
-          <div className="flex flex-wrap gap-2">
-            {quickViews.map((view) => {
-              const active = quickView === view.key
-              return (
-                <button
-                  key={view.key}
-                  type="button"
-                  className={`inline-flex min-w-0 items-center gap-2 rounded-md border px-3 py-1.5 text-sm transition ${
-                    active
-                      ? "border-primary bg-primary/8 text-primary shadow-sm"
-                      : "border-border bg-background text-foreground hover:border-primary/40 hover:bg-muted/60"
-                  }`}
-                  onClick={() => {
-                    setQuickView(view.key)
-                    resetToFirstPage()
-                  }}
-                >
-                  <span className="truncate font-medium">{view.label}</span>
-                  <span
-                    className={`rounded-full px-1.5 py-0.5 text-[11px] font-semibold tabular-nums ${
-                      active ? "bg-primary/12 text-primary" : "bg-muted text-muted-foreground"
-                    }`}
-                  >
-                    {view.count}
-                  </span>
-                </button>
-              )
-            })}
-          </div>
+        <div className="flex items-center gap-2">
+          <Button type="button" variant="outline" onClick={() => void loadData()} disabled={loading}>
+            <RefreshCcwIcon className="size-4" />
+            刷新
+          </Button>
+          <Button
+            type="button"
+            onClick={() => {
+              setEditingId(null)
+              setEditOpen(true)
+            }}
+          >
+            <PlusIcon className="size-4" />
+            新建工单
+          </Button>
         </div>
+      </div>
 
-        <div className="grid gap-3 lg:grid-cols-4 xl:grid-cols-[minmax(0,1.5fr)_repeat(8,minmax(0,1fr))_auto]">
-          <div className="relative">
-            <SearchIcon className="pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" />
-            <Input
-              className="pl-9"
-              value={keywordInput}
-              placeholder="搜索工单号、标题或描述"
-              onChange={(event) => setKeywordInput(event.target.value)}
-              onKeyDown={handleFilterKeyDown}
-            />
+      <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-7">
+        {[
+          ["全部", summary.all],
+          ["待处理", summary.pending],
+          ["处理中", summary.inProgress],
+          ["已处理", summary.done],
+          ["未分配", summary.unassigned],
+          ["我的", summary.mine],
+          ["超时未动", summary.stale],
+        ].map(([label, value]) => (
+          <div key={label} className="rounded-lg border border-border bg-background p-3">
+            <div className="text-xs text-muted-foreground">{label}</div>
+            <div className="mt-1 text-xl font-semibold">{value}</div>
           </div>
-          <OptionCombobox
-            value={statusFilter}
-            onChange={(value) => {
-              setStatusFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部状态"
-            options={[
-              { value: "all", label: "全部状态" },
-              { value: "new", label: "新建" },
-              { value: "open", label: "处理中" },
-              { value: "pending_customer", label: "待客户反馈" },
-              { value: "pending_internal", label: "待内部处理" },
-              { value: "resolved", label: "已解决" },
-              { value: "closed", label: "已关闭" },
-              { value: "cancelled", label: "已取消" },
-            ]}
-          />
-          <OptionCombobox
-            value={tagFilter}
-            onChange={(value) => {
-              setTagFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部标签"
-            options={tagOptions}
-          />
-          <OptionCombobox
-            value={priorityFilter}
-            onChange={(value) => {
-              setPriorityFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部优先级"
-            options={priorityOptions}
-          />
-          <OptionCombobox
-            value={severityFilter}
-            onChange={(value) => {
-              setSeverityFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部严重度"
-            options={[
-              { value: "all", label: "全部严重度" },
-              { value: "1", label: "轻微" },
-              { value: "2", label: "一般" },
-              { value: "3", label: "严重" },
-            ]}
-          />
-          <OptionCombobox
-            value={sourceFilter}
-            onChange={(value) => {
-              setSourceFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部来源"
-            options={[
-              { value: "all", label: "全部来源" },
-              { value: "manual", label: "手动创建" },
-              { value: "conversation", label: "会话转工单" },
-              { value: "email", label: "邮件" },
-              { value: "api", label: "API" },
-              { value: "system", label: "系统" },
-            ]}
-          />
-          <OptionCombobox
-            value={teamFilter}
-            onChange={(value) => {
-              setTeamFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部团队"
-            options={teamOptions}
-          />
-          <OptionCombobox
-            value={assigneeFilter}
-            onChange={(value) => {
-              setAssigneeFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部处理人"
-            options={agentOptions}
-          />
-          <OptionCombobox
-            value={watchFilter}
-            onChange={(value) => {
-              setWatchFilter(value)
-              setQuickView("all")
-              resetToFirstPage()
-            }}
-            placeholder="全部关注"
-            options={[
-              { value: "all", label: "全部关注" },
-              { value: "watching", label: "我关注的" },
-            ]}
-          />
-          <div className="flex gap-2">
-            <Button variant="outline" onClick={applyFilters}>
-              查询
-            </Button>
-            <Button variant="outline" onClick={() => void refreshAll()}>
-              <RefreshCcwIcon className="size-4" />
-            </Button>
-            <Button variant="ghost" onClick={resetAllFilters}>
-              重置
-            </Button>
-          </div>
-        </div>
+        ))}
+      </div>
 
-        <div className="overflow-hidden rounded-lg border bg-background">
-          {selectedTicketIds.length > 0 ? (
-            <div className="flex flex-col gap-3 border-b bg-muted/30 px-4 py-3 lg:flex-row lg:items-center lg:justify-between">
-              <div className="text-sm text-muted-foreground">
-                已选择 <span className="font-medium text-foreground">{selectedTicketIds.length}</span> 张工单
-              </div>
-              <div className="flex flex-wrap gap-2">
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => {
-                    setActionTicket(null)
-                    setAssignDialogOpen(true)
-                  }}
-                  disabled={saving}
-                >
-                  批量指派
-                </Button>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => {
-                    setActionTicket(null)
-                    setStatusDialogOpen(true)
-                  }}
-                  disabled={saving}
-                >
-                  批量改状态
-                </Button>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => void handleBatchWatch(true)}
-                  disabled={saving}
-                >
-                  批量关注
-                </Button>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => void handleBatchWatch(false)}
-                  disabled={saving}
-                >
-                  取消关注
-                </Button>
-                <Button variant="ghost" size="sm" onClick={() => setSelectedTicketIds([])} disabled={saving}>
-                  清空选择
-                </Button>
-              </div>
-            </div>
-          ) : null}
-          <Table>
-            <TableHeader className="bg-muted/35">
-              <TableRow>
-                <TableHead className="w-10">
-                  <Checkbox
-                    checked={allSelected}
-                    onCheckedChange={(checked) => handleSelectAll(Boolean(checked))}
-                    aria-label="全选工单"
-                  />
-                </TableHead>
-                <TableHead>工单</TableHead>
-                <TableHead>客户</TableHead>
-                <TableHead>标签</TableHead>
-                <TableHead>优先级</TableHead>
-                <TableHead>状态</TableHead>
-                <TableHead>SLA 风险</TableHead>
-                <TableHead>协作</TableHead>
-                <TableHead>处理人</TableHead>
-                <TableHead>团队</TableHead>
-                <TableHead>关注</TableHead>
-                <TableHead>更新时间</TableHead>
-                <TableHead className="text-right">操作</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {loading ? (
-                <TableRow>
-                  <TableCell colSpan={13} className="h-32 text-center text-muted-foreground">
-                    加载中...
-                  </TableCell>
-                </TableRow>
-              ) : result.results.length > 0 ? (
-                displayResults.map((item) => (
-                  <TableRow key={item.id} className={getTicketRowClassName(item)}>
-                    <TableCell>
-                      <Checkbox
-                        checked={selectedTicketIds.includes(item.id)}
-                        onCheckedChange={(checked) => toggleSelectTicket(item.id, Boolean(checked))}
-                        aria-label={`选择工单 ${item.ticketNo}`}
-                      />
-                    </TableCell>
-                    <TableCell className="min-w-64">
-                      <div className="space-y-1">
-                        <div className="font-medium">{item.title}</div>
-                        <div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-                          <span>{item.ticketNo}</span>
-                          <span>{item.source || "manual"}</span>
-                          {item.currentAssigneeId <= 0 && !isClosedStatus(item.status) ? (
-                            <span className="rounded bg-amber-100 px-1.5 py-0.5 text-amber-700">
-                              待分配
-                            </span>
-                          ) : null}
-                          {item.pendingReason && !isClosedStatus(item.status) ? (
-                            <span className="rounded bg-muted px-1.5 py-0.5">{item.pendingReason}</span>
-                          ) : null}
-                        </div>
-                      </div>
-                    </TableCell>
-                    <TableCell>{item.customer?.name || "未绑定客户"}</TableCell>
-                    <TableCell>
-                      {item.tags && item.tags.length > 0 ? (
-                        <div className="flex flex-wrap gap-1">
-                          {item.tags.map((tag) => (
-                            <Badge key={tag.id} variant="outline">
-                              {tag.name}
-                            </Badge>
-                          ))}
-                        </div>
-                      ) : (
-                        <span className="text-muted-foreground">未打标签</span>
-                      )}
-                    </TableCell>
-                    <TableCell>
-                      <TicketPriorityBadge priority={item.priority} priorityName={item.priorityName} />
-                    </TableCell>
-                    <TableCell>
-                      <TicketStatusBadge status={item.status} />
-                    </TableCell>
-                    <TableCell>
-                      <TicketSLABadge ticket={item} />
-                    </TableCell>
-                    <TableCell>
-                      <div className="flex flex-wrap gap-1">
-                        {quickView === "participating" || quickView === "collaboration" ? (
-                          <Badge variant="outline">协作中</Badge>
-                        ) : null}
-                        {quickView === "mentioned" || quickView === "collaboration" ? (
-                          <Badge variant="outline" className="border-amber-300 bg-amber-50 text-amber-800">
-                            提及我
-                          </Badge>
-                        ) : null}
-                        {item.currentAssigneeId === currentUserId ? (
-                          <Badge variant="outline" className="border-blue-300 bg-blue-50 text-blue-800">
-                            负责人
-                          </Badge>
-                        ) : null}
-                      </div>
-                    </TableCell>
-                    <TableCell>{item.currentAssigneeName || "未指派"}</TableCell>
-                    <TableCell>{item.currentTeamName || "未分组"}</TableCell>
-                    <TableCell>
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        disabled={actionLoadingId === item.id}
-                        onClick={() => void handleWatchToggle(item)}
-                      >
-                        <StarIcon
-                          className={`size-4 ${item.watchedByMe ? "fill-current text-amber-500" : ""}`}
-                        />
-                        {item.watchedByMe ? "已关注" : "关注"}
-                      </Button>
-                    </TableCell>
-                    <TableCell>{item.updatedAt ? formatDateTime(item.updatedAt) : "—"}</TableCell>
-                    <TableCell className="text-right">
-                      <div className="flex justify-end gap-2">
-                        <Link href={`/dashboard/tickets/detail?id=${item.id}`} target="_blank" rel="noreferrer">
-                          <Button variant="outline" size="sm">
-                            <ClipboardListIcon className="size-4" />
-                            详情
-                          </Button>
-                        </Link>
-                        <Button variant="ghost" size="sm" onClick={() => openAssignDialog(item)}>
-                          <ArrowRightLeftIcon className="size-4" />
-                          指派
-                        </Button>
-                        <Button variant="ghost" size="sm" onClick={() => openStatusDialog(item)}>
-                          <SquarePenIcon className="size-4" />
-                          状态
-                        </Button>
-                        {item.status === "closed" ? (
-                          <Button variant="ghost" size="sm" onClick={() => openReopenDialog(item)}>
-                            重开
-                          </Button>
-                        ) : (
-                          <Button variant="ghost" size="sm" onClick={() => openCloseDialog(item)}>
-                            <CircleOffIcon className="size-4" />
-                            关闭
-                          </Button>
-                        )}
-                        <Button variant="ghost" size="sm" onClick={() => openEditDialog(item)}>
-                          编辑
-                        </Button>
-                      </div>
-                    </TableCell>
-                  </TableRow>
-                ))
-              ) : (
-                <TableRow>
-                  <TableCell colSpan={13} className="h-32 text-center text-muted-foreground">
-                    暂无符合当前筛选条件的工单
-                  </TableCell>
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-        </div>
-
-        <ListPagination
-          page={result.page.page}
-          total={result.page.total}
-          limit={result.page.limit}
-          loading={loading}
-          onPageChange={(page) =>
-            setResult((current) => ({
-              ...current,
-              page: { ...current.page, page },
-            }))
-          }
-          onLimitChange={(limit) =>
-            setResult((current) => ({
-              ...current,
-              page: { ...current.page, page: 1, limit },
-            }))
-          }
+      <div className="flex flex-wrap items-center gap-2">
+        <Input
+          className="w-full sm:w-72"
+          placeholder="搜索编号、标题或描述"
+          value={keyword}
+          onChange={(event) => setKeyword(event.target.value)}
+          onKeyDown={(event) => {
+            if (event.key === "Enter") {
+              void loadData()
+            }
+          }}
         />
+        <div className="w-full sm:w-44">
+          <OptionCombobox
+            value={status}
+            onChange={setStatus}
+            placeholder="全部状态"
+            options={statusOptions}
+          />
+        </div>
+      </div>
+
+      <div className="overflow-hidden rounded-lg border border-border">
+        <div className="grid grid-cols-[minmax(0,1fr)_120px_140px_180px] gap-3 border-b bg-muted/40 px-4 py-2 text-xs font-medium text-muted-foreground">
+          <div>工单</div>
+          <div>状态</div>
+          <div>处理人</div>
+          <div className="text-right">操作</div>
+        </div>
+        {tickets.length === 0 ? (
+          <div className="px-4 py-10 text-center text-sm text-muted-foreground">
+            {loading ? "加载中..." : "暂无工单"}
+          </div>
+        ) : (
+          tickets.map((ticket) => (
+            <div
+              key={ticket.id}
+              className="grid grid-cols-[minmax(0,1fr)_120px_140px_180px] gap-3 border-b px-4 py-3 last:border-b-0"
+            >
+              <div className="min-w-0">
+                <div className="truncate text-sm font-medium">{ticket.title}</div>
+                <div className="mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+                  <span>{ticket.ticketNo}</span>
+                  <span>{ticket.updatedAt ? formatDateTime(ticket.updatedAt) : "-"}</span>
+                </div>
+              </div>
+              <div>
+                <TicketStatusBadge status={ticket.status} />
+              </div>
+              <div className="truncate text-sm text-muted-foreground">
+                {ticket.currentAssigneeName || "未分配"}
+              </div>
+              <div className="flex justify-end gap-2">
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  onClick={() => {
+                    setEditingId(ticket.id)
+                    setEditOpen(true)
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  onClick={() => setAssignTicketItem(ticket)}
+                >
+                  指派
+                </Button>
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  onClick={() => setStatusTicketItem(ticket)}
+                >
+                  状态
+                </Button>
+              </div>
+            </div>
+          ))
+        )}
       </div>
 
       <EditDialog
-        open={dialogOpen}
+        open={editOpen}
         saving={saving}
-        itemId={editingItemId}
-        onOpenChange={handleDialogOpenChange}
-        onSubmit={handleSubmit}
+        itemId={editingId}
+        onOpenChange={(open) => {
+          setEditOpen(open)
+          if (!open) {
+            setEditingId(null)
+          }
+        }}
+        onSubmit={handleEditSubmit}
       />
       <TicketAssignDialog
-        open={assignDialogOpen}
-        ticketId={actionTicket?.id ?? null}
-        ticketIds={actionTicket ? undefined : selectedTicketIds}
-        currentTeamId={actionTicket?.currentTeamId}
-        currentAssigneeId={actionTicket?.currentAssigneeId}
+        open={!!assignTicketItem}
+        ticketId={assignTicketItem?.id ?? null}
+        currentAssigneeId={assignTicketItem?.currentAssigneeId}
         onOpenChange={(open) => {
-          setAssignDialogOpen(open)
           if (!open) {
-            setActionTicket(null)
-            setSelectedTicketIds((current) => current)
+            setAssignTicketItem(null)
           }
         }}
-        onSuccess={async () => {
-          setSelectedTicketIds([])
-          await refreshAll()
-        }}
+        onSuccess={loadData}
       />
       <TicketStatusDialog
-        open={statusDialogOpen}
-        ticketId={actionTicket?.id ?? null}
-        ticketIds={actionTicket ? undefined : selectedTicketIds}
-        currentStatus={actionTicket?.status}
+        open={!!statusTicketItem}
+        ticketId={statusTicketItem?.id ?? null}
+        currentStatus={statusTicketItem?.status}
         onOpenChange={(open) => {
-          setStatusDialogOpen(open)
           if (!open) {
-            setActionTicket(null)
+            setStatusTicketItem(null)
           }
         }}
-        onSuccess={async () => {
-          setSelectedTicketIds([])
-          await refreshAll()
-        }}
-      />
-      <TicketReasonDialog
-        open={closeDialogOpen}
-        mode="close"
-        ticketId={actionTicket?.id ?? null}
-        defaultReason={actionTicket?.closeReason || "处理完成"}
-        onOpenChange={(open) => {
-          setCloseDialogOpen(open)
-          if (!open) {
-            setActionTicket(null)
-          }
-        }}
-        onSuccess={refreshAll}
-      />
-      <TicketReasonDialog
-        open={reopenDialogOpen}
-        mode="reopen"
-        ticketId={actionTicket?.id ?? null}
-        defaultReason="客户有新反馈"
-        onOpenChange={(open) => {
-          setReopenDialogOpen(open)
-          if (!open) {
-            setActionTicket(null)
-          }
-        }}
-        onSuccess={refreshAll}
+        onSuccess={loadData}
       />
     </div>
   )
diff --git a/web/components/customer-link-or-create-dialog.tsx b/web/components/customer-link-or-create-dialog.tsx
index 3c3af42..a3e2b7d 100644
--- a/web/components/customer-link-or-create-dialog.tsx
+++ b/web/components/customer-link-or-create-dialog.tsx
@@ -9,7 +9,6 @@ import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { linkConversationToCustomer } from "@/lib/api/agent"
 import { fetchCustomers, saveCustomerProfile, type AdminCustomer } from "@/lib/api/customer"
-import { linkTicketToCustomer } from "@/lib/api/ticket"
 
 export type CustomerLinkOrCreateDialogProps = {
   open: boolean
@@ -88,10 +87,8 @@ export function CustomerLinkOrCreateDialog({
           customerId: customer.id,
         })
       } else if (ticketId) {
-        await linkTicketToCustomer({
-          ticketId,
-          customerId: customer.id,
-        })
+        toast.error("轻量工单暂不支持在此关联客户")
+        return
       }
       toast.success("已关联客户")
       onOpenChange(false)
@@ -114,11 +111,7 @@ export function CustomerLinkOrCreateDialog({
         })
         toast.success("已创建客户并关联当前会话")
       } else if (ticketId) {
-        await linkTicketToCustomer({
-          ticketId,
-          customerId: created.id,
-        })
-        toast.success("已创建客户并关联当前工单")
+        toast.success("已创建客户")
       } else {
         toast.success("已创建客户")
       }
diff --git a/web/lib/api/ticket-config.ts b/web/lib/api/ticket-config.ts
deleted file mode 100644
index d8e5095..0000000
--- a/web/lib/api/ticket-config.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { request } from "@/lib/api/client"
-
-export type Paging = {
-  page: number
-  limit: number
-  total: number
-}
-
-export type PageResult<T> = {
-  results: T[]
-  page: Paging
-}
-
-export type TicketResolutionCode = {
-  id: number
-  name: string
-  code: string
-  sortNo: number
-  status: number
-  remark: string
-}
-
-export type TicketPriorityConfig = {
-  id: number
-  name: string
-  sortNo: number
-  firstResponseMinutes: number
-  resolutionMinutes: number
-  status: number
-  remark: string
-}
-
-export type CreateTicketResolutionCodePayload = {
-  name: string
-  code: string
-  sortNo: number
-  status: number
-  remark: string
-}
-
-export type UpdateTicketResolutionCodePayload = CreateTicketResolutionCodePayload & {
-  id: number
-}
-
-export type CreateTicketPriorityConfigPayload = {
-  name: string
-  firstResponseMinutes: number
-  resolutionMinutes: number
-  status: number
-  remark: string
-}
-
-export type UpdateTicketPriorityConfigPayload = CreateTicketPriorityConfigPayload & {
-  id: number
-}
-
-function toQueryString(query?: Record<string, string | number | undefined>) {
-  if (!query) {
-    return ""
-  }
-  const params = new URLSearchParams()
-  Object.entries(query).forEach(([key, value]) => {
-    if (value === undefined || value === "") {
-      return
-    }
-    params.set(key, String(value))
-  })
-  const output = params.toString()
-  return output ? `?${output}` : ""
-}
-
-export function fetchTicketResolutionCodes(query?: Record<string, string | number | undefined>) {
-  return request<PageResult<TicketResolutionCode>>(
-    `/api/dashboard/ticket-resolution-code/list${toQueryString(query)}`
-  )
-}
-
-export function fetchTicketResolutionCodesAll() {
-  return request<TicketResolutionCode[]>("/api/dashboard/ticket-resolution-code/list_all")
-}
-
-export function createTicketResolutionCode(payload: CreateTicketResolutionCodePayload) {
-  return request<TicketResolutionCode>("/api/dashboard/ticket-resolution-code/create", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function updateTicketResolutionCode(payload: UpdateTicketResolutionCodePayload) {
-  return request<void>("/api/dashboard/ticket-resolution-code/update", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function deleteTicketResolutionCode(id: number) {
-  return request<void>("/api/dashboard/ticket-resolution-code/delete", {
-    method: "POST",
-    body: JSON.stringify({ id }),
-  })
-}
-
-export function fetchTicketPriorityConfigs(query?: Record<string, string | number | undefined>) {
-  return request<TicketPriorityConfig[]>(
-    `/api/dashboard/ticket-priority-config/list${toQueryString(query)}`
-  )
-}
-
-export function fetchTicketPriorityConfigsAll() {
-  return request<TicketPriorityConfig[]>("/api/dashboard/ticket-priority-config/list_all")
-}
-
-export function createTicketPriorityConfig(payload: CreateTicketPriorityConfigPayload) {
-  return request<TicketPriorityConfig>("/api/dashboard/ticket-priority-config/create", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function updateTicketPriorityConfig(payload: UpdateTicketPriorityConfigPayload) {
-  return request<void>("/api/dashboard/ticket-priority-config/update", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function updateTicketPriorityConfigSort(ids: number[]) {
-  return request<void>("/api/dashboard/ticket-priority-config/update_sort", {
-    method: "POST",
-    body: JSON.stringify(ids),
-  })
-}
-
-export function deleteTicketPriorityConfig(id: number) {
-  return request<void>("/api/dashboard/ticket-priority-config/delete", {
-    method: "POST",
-    body: JSON.stringify({ id }),
-  })
-}
diff --git a/web/lib/api/ticket.ts b/web/lib/api/ticket.ts
index e7f5cd2..6b5a95c 100644
--- a/web/lib/api/ticket.ts
+++ b/web/lib/api/ticket.ts
@@ -12,6 +12,9 @@ export type PageResult<T> = {
   page: Paging
 }
 
+export type TicketStatus = "pending" | "in_progress" | "done"
+export type TicketSource = "manual" | "conversation"
+
 export type TicketCustomer = {
   id: number
   name: string
@@ -28,41 +31,12 @@ export type TicketCustomer = {
   primaryEmail?: string
 }
 
-export type TicketSLA = {
-  slaType: string
-  targetMinutes: number
-  status: string
-  startedAt?: string
-  pausedAt?: string
-  stoppedAt?: string
-  breachedAt?: string
-  elapsedMin: number
-}
-
-export type TicketComment = {
+export type TicketProgress = {
   id: number
   ticketId: number
-  commentType: string
-  authorType: string
+  content: string
   authorId: number
   authorName?: string
-  contentType: string
-  content: string
-  payload?: string
-  createdAt?: string
-}
-
-export type TicketEvent = {
-  id: number
-  ticketId: number
-  eventType: string
-  operatorType: string
-  operatorId: number
-  operatorName?: string
-  oldValue?: string
-  newValue?: string
-  content?: string
-  payload?: string
   createdAt?: string
 }
 
@@ -71,100 +45,35 @@ export type TicketItem = {
   ticketNo: string
   title: string
   description: string
-  source: string
+  source: TicketSource
   channel: string
   customerId: number
   conversationId: number
   tags?: Tag[]
-  type: string
-  priority: number
-  priorityName?: string
-  severity: number
-  status: string
-  currentTeamId: number
-  currentTeamName?: string
+  status: TicketStatus
   currentAssigneeId: number
   currentAssigneeName?: string
-  watchedByMe: boolean
-  pendingReason?: string
-  closeReason?: string
-  resolutionCode?: string
-  resolutionCodeName?: string
-  resolutionSummary?: string
-  firstResponseAt?: string
-  resolvedAt?: string
-  closedAt?: string
-  dueAt?: string
-  nextReplyDeadlineAt?: string
-  resolveDeadlineAt?: string
-  reopenedCount: number
+  createdBy: number
+  createdByName?: string
+  handledAt?: string
   createdAt?: string
   updatedAt?: string
   customer?: TicketCustomer
-  sla?: TicketSLA[]
 }
 
 export type TicketDetail = {
   ticket: TicketItem
-  watchers?: Array<{
-    id: number
-    userId: number
-    userName?: string
-  }>
-  collaborators?: TicketCollaborator[]
-  comments?: TicketComment[]
-  events?: TicketEvent[]
-  relatedTickets?: TicketRelation[]
-}
-
-export type TicketCollaborator = {
-  id: number
-  userId: number
-  userName?: string
-  teamName?: string
-}
-
-export type TicketRelation = {
-  id: number
-  ticketId: number
-  relatedTicketId: number
-  relationType: string
-  relatedTicketNo?: string
-  relatedTicketTitle?: string
-  relatedTicketStatus?: string
-  currentTeamName?: string
-  currentAssigneeName?: string
-  updatedAt?: string
+  progresses?: TicketProgress[]
 }
 
 export type TicketSummary = {
   all: number
+  pending: number
+  inProgress: number
+  done: number
+  unassigned: number
   mine: number
-  watching: number
-  collaboration: number
-  participating: number
-  mentioned: number
-  unassigned: number
-  pendingCustomer: number
-  pendingInternal: number
-  overdue: number
-}
-
-export type TicketRiskReason = {
-  code: string
-  title: string
-  description: string
-  count: number
-}
-
-export type TicketRiskOverview = {
-  overdue: number
-  highRisk: number
-  unassigned: number
-  pendingInternal: number
-  pendingCustomer: number
-  riskWindowMins: number
-  reasons?: TicketRiskReason[]
+  stale: number
 }
 
 export type TicketSavedView = {
@@ -178,47 +87,26 @@ export type TicketListQuery = {
   page?: number
   limit?: number
   keyword?: string
-  status?: string
-  priority?: number
-  severity?: number
+  status?: TicketStatus
   tagId?: number
-  currentTeamId?: number
   currentAssigneeId?: number
   customerId?: number
   conversationId?: number
-  source?: string
-  watching?: number
-  collaboration?: number
-  collaborating?: number
-  mentioned?: number
-  mine?: number
-  unassigned?: number
-  overdue?: number
-}
-
-export type TicketRiskListQuery = {
-  riskType: "overdue" | "high_risk" | "unassigned" | "pending_internal" | "pending_customer"
-  currentTeamId?: number
-  riskWindowMins?: number
-  page?: number
-  limit?: number
+  source?: TicketSource
+  channel?: string
+  mine?: number | boolean
+  unassigned?: number | boolean
 }
 
 export type CreateTicketPayload = {
   title: string
   description: string
-  source?: string
+  source?: TicketSource
   channel?: string
   customerId?: number
   conversationId?: number
   tagIds?: number[]
-  type?: string
-  priority: number
-  severity: number
-  currentTeamId?: number
   currentAssigneeId?: number
-  dueAt?: string
-  customFields?: Record<string, unknown>
 }
 
 export type CreateTicketFromConversationPayload = {
@@ -226,12 +114,7 @@ export type CreateTicketFromConversationPayload = {
   title: string
   description: string
   tagIds?: number[]
-  priority: number
-  severity: number
-  currentTeamId?: number
   currentAssigneeId?: number
-  syncToConversation: boolean
-  customFields?: Record<string, unknown>
 }
 
 export type UpdateTicketPayload = {
@@ -239,16 +122,10 @@ export type UpdateTicketPayload = {
   title: string
   description: string
   tagIds?: number[]
-  type?: string
-  priority: number
-  severity: number
-  currentTeamId?: number
   currentAssigneeId?: number
-  dueAt?: string
-  customFields?: Record<string, unknown>
 }
 
-function toQueryString(query?: Record<string, string | number | undefined>) {
+function toQueryString(query?: Record<string, string | number | boolean | undefined>) {
   if (!query) {
     return ""
   }
@@ -268,47 +145,14 @@ export function fetchTickets(query?: TicketListQuery) {
   return request<PageResult<TicketItem>>(`/api/dashboard/ticket/list${toQueryString(query)}`)
 }
 
+export function fetchTicketSummary(query?: { staleHours?: number }) {
+  return request<TicketSummary>(`/api/dashboard/ticket/summary${toQueryString(query)}`)
+}
+
 export function fetchTicketDetail(id: number) {
   return request<TicketDetail>(`/api/dashboard/ticket/${id}`)
 }
 
-export function fetchTicketSummary() {
-  return request<TicketSummary>("/api/dashboard/ticket/summary")
-}
-
-export function fetchTicketViews() {
-  return request<TicketSavedView[]>("/api/dashboard/ticket/view_list")
-}
-
-export function saveTicketView(payload: {
-  id?: number
-  name: string
-  filters?: Record<string, unknown>
-}) {
-  return request<TicketSavedView>("/api/dashboard/ticket/save_view", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function deleteTicketView(id: number) {
-  return request<void>("/api/dashboard/ticket/delete_view", {
-    method: "POST",
-    body: JSON.stringify({ id }),
-  })
-}
-
-export function fetchTicketRiskOverview(query?: {
-  currentTeamId?: number
-  riskWindowMins?: number
-}) {
-  return request<TicketRiskOverview>(`/api/dashboard/ticket/risk_overview${toQueryString(query)}`)
-}
-
-export function fetchTicketRiskList(query: TicketRiskListQuery) {
-  return request<PageResult<TicketItem>>(`/api/dashboard/ticket/risk_list${toQueryString(query)}`)
-}
-
 export function createTicket(payload: CreateTicketPayload) {
   return request<TicketItem>("/api/dashboard/ticket/create", {
     method: "POST",
@@ -330,20 +174,9 @@ export function updateTicket(payload: UpdateTicketPayload) {
   })
 }
 
-export function linkTicketToCustomer(payload: {
-  ticketId: number
-  customerId: number
-}) {
-  return request<void>("/api/dashboard/ticket/link_customer", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
 export function assignTicket(payload: {
   ticketId: number
   toUserId: number
-  toTeamId?: number
   reason?: string
 }) {
   return request<void>("/api/dashboard/ticket/assign", {
@@ -355,7 +188,6 @@ export function assignTicket(payload: {
 export function batchAssignTickets(payload: {
   ticketIds: number[]
   toUserId: number
-  toTeamId?: number
   reason?: string
 }) {
   return request<void>("/api/dashboard/ticket/batch_assign", {
@@ -366,12 +198,7 @@ export function batchAssignTickets(payload: {
 
 export function changeTicketStatus(payload: {
   ticketId: number
-  status: string
-  pendingReason?: string
-  closeReason?: string
-  resolutionCode?: string
-  resolutionSummary?: string
-  reason?: string
+  status: TicketStatus
 }) {
   return request<void>("/api/dashboard/ticket/change_status", {
     method: "POST",
@@ -379,109 +206,44 @@ export function changeTicketStatus(payload: {
   })
 }
 
-export function batchChangeTicketStatus(payload: {
-  ticketIds: number[]
-  status: string
-  pendingReason?: string
-  closeReason?: string
-  resolutionCode?: string
-  resolutionSummary?: string
-  reason?: string
+export function fetchTicketProgresses(query: {
+  ticketId: number
+  page?: number
+  limit?: number
 }) {
-  return request<void>("/api/dashboard/ticket/batch_change_status", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
+  return request<PageResult<TicketProgress>>(
+    `/api/dashboard/ticket/progress/list${toQueryString(query)}`,
+  )
 }
 
-export function replyTicket(payload: {
+export function createTicketProgress(payload: {
   ticketId: number
-  contentType?: string
   content: string
-  payload?: string
 }) {
-  return request<TicketComment>("/api/dashboard/ticket/reply", {
+  return request<TicketProgress>("/api/dashboard/ticket/progress/create", {
     method: "POST",
     body: JSON.stringify(payload),
   })
 }
 
-export function addTicketInternalNote(payload: {
-  ticketId: number
-  contentType?: string
-  content: string
-  payload?: string
+export function fetchTicketViews() {
+  return request<TicketSavedView[]>("/api/dashboard/ticket/view_list")
+}
+
+export function saveTicketView(payload: {
+  id?: number
+  name: string
+  filters: Record<string, unknown>
 }) {
-  return request<TicketComment>("/api/dashboard/ticket/internal_note", {
+  return request<TicketSavedView>("/api/dashboard/ticket/save_view", {
     method: "POST",
     body: JSON.stringify(payload),
   })
 }
 
-export function closeTicket(payload: { ticketId: number; closeReason: string }) {
-  return request<void>("/api/dashboard/ticket/close", {
+export function deleteTicketView(id: number) {
+  return request<void>("/api/dashboard/ticket/delete_view", {
     method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function reopenTicket(payload: { ticketId: number; reason: string }) {
-  return request<void>("/api/dashboard/ticket/reopen", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function watchTicket(ticketId: number) {
-  return request<void>("/api/dashboard/ticket/watch", {
-    method: "POST",
-    body: JSON.stringify({ ticketId }),
-  })
-}
-
-export function unwatchTicket(ticketId: number) {
-  return request<void>("/api/dashboard/ticket/unwatch", {
-    method: "POST",
-    body: JSON.stringify({ ticketId }),
-  })
-}
-
-export function batchWatchTickets(payload: { ticketIds: number[]; watched: boolean }) {
-  return request<void>("/api/dashboard/ticket/batch_watch", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function addTicketRelation(payload: {
-  ticketId: number
-  relatedTicketId?: number
-  relatedTicketNo?: string
-  relationType: string
-}) {
-  return request<void>("/api/dashboard/ticket/add_relation", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function deleteTicketRelation(payload: { ticketId: number; relationId: number }) {
-  return request<void>("/api/dashboard/ticket/delete_relation", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function addTicketCollaborator(payload: { ticketId: number; userId: number }) {
-  return request<void>("/api/dashboard/ticket/add_collaborator", {
-    method: "POST",
-    body: JSON.stringify(payload),
-  })
-}
-
-export function deleteTicketCollaborator(payload: { ticketId: number; collaboratorId: number }) {
-  return request<void>("/api/dashboard/ticket/delete_collaborator", {
-    method: "POST",
-    body: JSON.stringify(payload),
+    body: JSON.stringify({ id }),
   })
 }
diff --git a/web/lib/navigation.tsx b/web/lib/navigation.tsx
index ecb4417..b1ff2e8 100644
--- a/web/lib/navigation.tsx
+++ b/web/lib/navigation.tsx
@@ -4,14 +4,12 @@ import {
   BrainCircuitIcon,
   Building2Icon,
   CalendarClockIcon,
-  ChartColumnIncreasingIcon,
   FileTextIcon,
   GlobeIcon,
   KeyRoundIcon,
   LayoutDashboardIcon,
   MessageSquareCodeIcon,
   MessageSquareMoreIcon,
-  Settings2Icon,
   ShieldCheckIcon,
   TagsIcon,
   UserCogIcon,
@@ -119,12 +117,6 @@ export const dashboardNavSections: DashboardNavSectionConfig[] = [
         icon: <BotMessageSquareIcon />,
         requiredPermission: "conversation.view",
       },
-      {
-        title: "SLA风险",
-        url: "/dashboard/ticket-risk",
-        icon: <ChartColumnIncreasingIcon />,
-        requiredPermission: "ticket.view",
-      },
       {
         title: "客户管理",
         url: "/dashboard/customers",
@@ -154,18 +146,6 @@ export const dashboardNavSections: DashboardNavSectionConfig[] = [
         icon: <MessageSquareMoreIcon />,
         requiredPermission: "quickReply.view",
       },
-      {
-        title: "工单优先级",
-        url: "/dashboard/ticket-priorities",
-        icon: <Settings2Icon />,
-        requiredPermission: "ticketPriorityConfig.view",
-      },
-      {
-        title: "工单解决码",
-        url: "/dashboard/ticket-resolution-codes",
-        icon: <KeyRoundIcon />,
-        requiredPermission: "ticketResolutionCode.view",
-      },
       {
         title: "客服档案",
         url: "/dashboard/agents",
diff --git a/web/lib/ticket-priority.ts b/web/lib/ticket-priority.ts
deleted file mode 100644
index 73b0cc9..0000000
--- a/web/lib/ticket-priority.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { fetchTicketPriorityConfigsAll } from "@/lib/api/ticket-config"
-
-export type TicketPriorityOption = {
-  value: string
-  label: string
-}
-
-export async function getTicketPriorityOptions() {
-  const list = await fetchTicketPriorityConfigsAll()
-  return (Array.isArray(list) ? list : []).map((item) => ({
-    value: String(item.id),
-    label: item.name,
-  })) satisfies TicketPriorityOption[]
-}
-
-export async function getTicketPriorityMap() {
-  const options = await getTicketPriorityOptions()
-  return Object.fromEntries(options.map((item) => [Number(item.value), item.label])) as Record<number, string>
-}