diff --git a/frontend/src/components/ui/dev-dialog.tsx b/frontend/src/components/ui/dev-dialog.tsx
deleted file mode 100644
index 36b600bf..00000000
--- a/frontend/src/components/ui/dev-dialog.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function DevDialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dev-dialog" {...props} />;
-}
-
-function DevDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dev-dialog-trigger" {...props} />;
-}
-
-function DevDialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dev-dialog-portal" {...props} />;
-}
-
-function DevDialogClose({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dev-dialog-close" {...props} />;
-}
-
-function DevDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-  return (
-    <DialogPrimitive.Overlay
-      data-slot="dev-dialog-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function DevDialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean;
-}) {
-  return (
-    <DevDialogPortal data-slot="dev-dialog-portal">
-      <DevDialogOverlay />
-      <DialogPrimitive.Content
-        data-slot="dev-dialog-content"
-        className={cn(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-[400px] max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-[#ffffff] p-[40px] shadow-lg duration-200 outline-none sm:max-w-lg",
-          className,
-        )}
-        {...props}
-      >
-        {children}
-        {showCloseButton && (
-          <DialogPrimitive.Close
-            data-slot="dev-dialog-close"
-            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-          >
-            <XIcon />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Content>
-    </DevDialogPortal>
-  );
-}
-
-function DevDialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dev-dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  );
-}
-
-function DevDialogFooter({
-  className,
-  singleColumn = false,
-  ...props
-}: React.ComponentProps<"div"> & { singleColumn?: boolean }) {
-  return (
-    <div
-      data-slot="dev-dialog-footer"
-      className={cn(
-        "grid w-full justify-between gap-[30px] sm:flex-row",
-        singleColumn ? "grid-cols-1" : "grid-cols-2",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function DevDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return (
-    <DialogPrimitive.Title
-      data-slot="dev-dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
-      {...props}
-    />
-  );
-}
-
-function DevDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return (
-    <DialogPrimitive.Description
-      data-slot="dev-dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  DevDialog,
-  DevDialogClose,
-  DevDialogContent,
-  DevDialogDescription,
-  DevDialogFooter,
-  DevDialogHeader,
-  DevDialogOverlay,
-  DevDialogPortal,
-  DevDialogTitle,
-  DevDialogTrigger,
-};
diff --git a/frontend/src/components/workspace/dev-todo-list.tsx b/frontend/src/components/workspace/dev-todo-list.tsx
deleted file mode 100644
index 466d395a..00000000
--- a/frontend/src/components/workspace/dev-todo-list.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-"use client";
-
-import type { Todo } from "@/core/todos";
-import { cn } from "@/lib/utils";
-
-import {
-  QueueItem,
-  QueueItemContent,
-  QueueItemIndicator,
-  QueueList,
-} from "../ai-elements/queue";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuTrigger,
-} from "../ui/dropdown-menu";
-
-export function DevTodoList({
-  className,
-  todos,
-  trigger,
-  hidden,
-}: {
-  className?: string;
-  todos: Todo[];
-  trigger: React.ReactNode;
-  hidden: boolean;
-}) {
-  if (hidden) {
-    return null;
-  }
-  console.log(todos);
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>
-      <DropdownMenuContent
-        className={cn(
-          "z-[100] rounded-[20px] bg-white p-5 shadow-[0_0_20px_0_rgba(0,0,0,0.20)]",
-          className,
-        )}
-        align="start"
-        side="top"
-      >
-        <QueueList className="w-64">
-          {todos.map((todo, i) => (
-            <QueueItem key={i + (todo.content ?? "")}>
-              <div className="flex items-center gap-2">
-                <QueueItemIndicator
-                  className={
-                    todo.status === "in_progress" ? "bg-primary/70" : ""
-                  }
-                  completed={todo.status === "completed"}
-                />
-                <QueueItemContent
-                  className={
-                    todo.status === "in_progress" ? "text-primary/70" : ""
-                  }
-                  completed={todo.status === "completed"}
-                >
-                  {todo.content}
-                </QueueItemContent>
-              </div>
-            </QueueItem>
-          ))}
-        </QueueList>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}
diff --git a/frontend/src/components/workspace/iframe-test-panel.tsx b/frontend/src/components/workspace/iframe-test-panel.tsx
deleted file mode 100644
index 1b5a92d4..00000000
--- a/frontend/src/components/workspace/iframe-test-panel.tsx
+++ /dev/null
@@ -1,270 +0,0 @@
-"use client";
-
-import { useSearchParams, useRouter } from "next/navigation";
-import { useState } from "react";
-
-import { Button } from "@/components/ui/button";
-import { useIframeSkill } from "@/hooks/use-iframe-skill";
-import { copyToClipboard } from "@/lib/utils";
-import { cn } from "@/lib/utils";
-
-/**
- * IframeTestPanel —— 仅用于开发阶段测试 iframe 通信功能
- *
- * 测试场景：
- * 1. mode=skill 侧边栏隐藏
- * 2. useSpecificChatMode 注入提示词
- * 3. sendSelectSkill / openSkillDialog / clearSkill
- */
-export function IframeTestPanel() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const iframeSkill = useIframeSkill();
-  const [log, setLog] = useState<string[]>([]);
-  const [open, setOpen] = useState(true);
-
-  const isSkillMode = searchParams.get("mode") === "skill";
-
-  function addLog(msg: string) {
-    setLog((prev) => [
-      `[${new Date().toLocaleTimeString()}] ${msg}`,
-      ...prev.slice(0, 9),
-    ]);
-  }
-
-  function handleEnterSkillMode() {
-    router.push(`?mode=skill&skill_id=123&title=测试技能`);
-    addLog("进入 mode=skill，URL 已更新");
-  }
-
-  function handleExitSkillMode() {
-    router.push(`?`);
-    addLog("退出 skill 模式");
-  }
-
-  function handleSendSelectSkill() {
-    iframeSkill.sendSelectSkill("skill_001");
-    addLog("postMessage → selectSkill (skill_id=skill_001)");
-  }
-
-  function handleOpenSkillDialog() {
-    iframeSkill.openSkillDialog();
-    addLog("postMessage → openSkillDialog");
-  }
-
-  function handleClearSkill() {
-    iframeSkill.clearSkill();
-    addLog("clearSkill 已调用，postMessage → skill_id=0");
-  }
-
-  function handleTestClipboardCopy() {
-    const testText = "测试复制内容 - " + new Date().toISOString();
-    void copyToClipboard(testText);
-    addLog(`copyToClipboard → "${testText.slice(0, 30)}..."`);
-  }
-
-  // 检测是否在 iframe 中
-  const isInIframe = typeof window !== "undefined" && window.self !== window.top;
-  if (!open) {
-    return (
-      <button
-        className="fixed bottom-24 left-3 z-[9999] rounded-full bg-violet-500 px-3 py-1 text-xs font-bold text-white shadow-lg hover:bg-violet-600"
-        onClick={() => setOpen(true)}
-      >
-        🧪 测试面板
-      </button>
-    );
-  }
-  return (
-    <div className="fixed bottom-24 left-3 z-[9999] w-72 rounded-xl border border-violet-200 bg-white/95 shadow-2xl backdrop-blur-sm">
-      {/* 标题栏 */}
-      <div className="flex items-center justify-between rounded-t-xl bg-violet-500 px-3 py-2">
-        <span className="text-xs font-bold text-white">🧪 iframe 通信测试</span>
-        <button
-          className="text-white/70 hover:text-white"
-          onClick={() => setOpen(false)}
-        >
-          ✕
-        </button>
-      </div>
-
-      <div className="space-y-3 p-3">
-        {/* 当前状态 */}
-        <div className="rounded-lg bg-gray-50 px-3 py-2 text-xs">
-          <div className="mb-1 font-semibold text-gray-500">当前状态</div>
-          <div className="flex flex-col gap-1">
-            <span>
-              <span className="text-gray-400">mode：</span>
-              <span
-                className={cn(
-                  "font-mono font-bold",
-                  isSkillMode ? "text-violet-600" : "text-gray-400",
-                )}
-              >
-                {isSkillMode ? "skill ✅" : "普通"}
-              </span>
-            </span>
-            <span>
-              <span className="text-gray-400">selectedSkill：</span>
-              <span className="font-mono text-violet-600">
-                {iframeSkill.selectedSkill
-                  ? `${iframeSkill.selectedSkill.skill_id} / ${iframeSkill.selectedSkill.title}`
-                  : "无"}
-              </span>
-            </span>
-          </div>
-        </div>
-
-        {/* 场景 1：侧边栏隐藏 */}
-        <div>
-          <div className="mb-1 text-xs font-semibold text-gray-500">
-            ① 侧边栏隐藏（layout）
-          </div>
-          <div className="flex gap-2">
-            <Button
-              size="sm"
-              className="flex-1 text-xs"
-              variant="outline"
-              onClick={handleEnterSkillMode}
-            >
-              进入 skill 模式
-            </Button>
-            <Button
-              size="sm"
-              className="flex-1 text-xs"
-              variant="outline"
-              onClick={handleExitSkillMode}
-            >
-              退出 skill 模式
-            </Button>
-          </div>
-        </div>
-
-        {/* 场景 2：skill 选择通信 */}
-        <div>
-          <div className="mb-1 text-xs font-semibold text-gray-500">
-            ② postMessage 通信（发送到宿主）
-          </div>
-          <div className="flex flex-col gap-2">
-            <Button
-              size="sm"
-              className="w-full bg-violet-50 text-xs text-violet-700 hover:bg-violet-100"
-              variant="ghost"
-              onClick={handleSendSelectSkill}
-            >
-              sendSelectSkill (skill_001)
-            </Button>
-            <Button
-              size="sm"
-              className="w-full bg-violet-50 text-xs text-violet-700 hover:bg-violet-100"
-              variant="ghost"
-              onClick={handleOpenSkillDialog}
-            >
-              openSkillDialog
-            </Button>
-            <Button
-              size="sm"
-              className="w-full bg-red-50 text-xs text-red-600 hover:bg-red-100"
-              variant="ghost"
-              onClick={handleClearSkill}
-            >
-              clearSkill (发送 skill_id=0)
-            </Button>
-          </div>
-        </div>
-
-        {/* 场景 3：接收宿主页 selectedSkill */}
-        <div>
-          <div className="mb-1 text-xs font-semibold text-gray-500">
-            ③ 接收宿主页 selectedSkill
-          </div>
-          <div className="flex flex-col gap-2">
-            <Button
-              size="sm"
-              className="w-full bg-green-50 text-xs text-green-700 hover:bg-green-100"
-              variant="ghost"
-              onClick={() => {
-                window.postMessage(
-                  { type: "selectedSkill", id: 5, title: "文档处理" },
-                  "*",
-                );
-                addLog(
-                  "模拟宿主页 → selectedSkill { id: 5, title: '文档处理' }",
-                );
-              }}
-            >
-              ✅ 模拟 selectedSkill（成功）
-            </Button>
-            <Button
-              size="sm"
-              className="w-full bg-orange-50 text-xs text-orange-700 hover:bg-orange-100"
-              variant="ghost"
-              onClick={() => {
-                window.postMessage(
-                  { type: "selectedSkill", id: 999999, title: "不存在的技能" },
-                  "*",
-                );
-                addLog(
-                  "模拟宿主页 → selectedSkill { id: 999999, title: '不存在的技能' }",
-                );
-              }}
-            >
-              ❌ 模拟 selectedSkill（失败/错误）
-            </Button>
-          </div>
-        </div>
-
-        {/* 场景 4：剪贴板复制（iframe 通信） */}
-        <div>
-          <div className="mb-1 flex items-center justify-between">
-            <span className="text-xs font-semibold text-gray-500">
-              ④ 剪贴板复制（iframe 通信）
-            </span>
-            <span
-              className={cn(
-                "rounded px-1.5 py-0.5 text-[10px] font-medium",
-                isInIframe
-                  ? "bg-violet-100 text-violet-700"
-                  : "bg-gray-100 text-gray-500",
-              )}
-            >
-              {isInIframe ? "iframe 模式" : "独立页面"}
-            </span>
-          </div>
-          <div className="flex flex-col gap-2">
-            <Button
-              size="sm"
-              className="w-full bg-blue-50 text-xs text-blue-700 hover:bg-blue-100"
-              variant="ghost"
-              onClick={handleTestClipboardCopy}
-            >
-              📋 测试复制到剪贴板
-            </Button>
-            <div className="rounded bg-gray-100 px-2 py-1.5 text-[10px] text-gray-600">
-              {isInIframe
-                ? "将通过 postMessage 请求父页面复制"
-                : "将直接调用 navigator.clipboard"}
-            </div>
-          </div>
-        </div>
-
-        {/* 日志 */}
-        {log.length > 0 && (
-          <div className="rounded-lg bg-gray-900 p-2">
-            <div className="mb-1 text-[10px] font-semibold text-gray-400">
-              操作日志
-            </div>
-            {log.map((l, i) => (
-              <div
-                key={i}
-                className="truncate font-mono text-[10px] text-green-400"
-              >
-                {l}
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}