@monkey-mini-app/dsh-mini-app 0.1.0 → 0.1.4

package/skills/monkey-mini-app/templates/review/ui.tsx

@@ -1,159 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-
-import {
-  AppShell,
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  CodeEditor,
-  type ColumnDef,
-  DataGrid,
-  DiffViewer,
-  FilterBar,
-  Icon,
-  LogViewer,
-  PageHeader,
-  StatusBadge,
-} from "@monkey-mini-app/ui";
-import { useDashboardApi } from "@monkeyagent/host";
-
-type LogLine = { level: string; text: string };
-type TestCase = { id: string; name: string; status: "pass" | "fail" | "blocked"; duration: number };
-
-function fmtTime(ts: number) {
-  if (!ts) return "尚未保存";
-  const d = new Date(ts);
-  const pad = (n: number) => (n < 10 ? "0" + n : String(n));
-  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
-}
-
-export default function Ui() {
-  const { call } = useDashboardApi();
-  const [before, setBefore] = useState("");
-  const [after, setAfter] = useState("");
-  const [cases, setCases] = useState<TestCase[]>([]);
-  const [logs, setLogs] = useState<LogLine[]>([]);
-  const [savedAt, setSavedAt] = useState(0);
-  const [status, setStatus] = useState<"all" | TestCase["status"]>("all");
-  const [dirty, setDirty] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const refresh = useCallback(async () => {
-    setError(null);
-    try {
-      const pack = (await call("get", {})) as { before: string; after: string; cases: TestCase[]; logs: LogLine[]; savedAt: number };
-      setBefore(pack?.before ?? "");
-      setAfter(pack?.after ?? "");
-      setCases(Array.isArray(pack?.cases) ? pack.cases : []);
-      setLogs(Array.isArray(pack?.logs) ? pack.logs : []);
-      setSavedAt(pack?.savedAt ?? 0);
-      setDirty(false);
-    } catch (e) {
-      setError(String((e as Error)?.message || e));
-    }
-  }, [call]);
-
-  useEffect(() => {
-    void refresh();
-  }, [refresh]);
-
-  async function act(job: () => Promise<unknown>) {
-    setError(null);
-    try {
-      await job();
-      await refresh();
-    } catch (e) {
-      setError(String((e as Error)?.message || e));
-    }
-  }
-
-  const filtered = status === "all" ? cases : cases.filter((c) => c.status === status);
-
-  // ⭐ 关键：DataGrid 的列用 meta 声明排序/列搜索；StatusBadge 认小写状态
-  const columns: ColumnDef<TestCase>[] = [
-    { accessorKey: "id", header: "ID", meta: { sort: true, search: "text" } },
-    { accessorKey: "name", header: "用例", meta: { sort: true, search: "text" } },
-    {
-      accessorKey: "status",
-      header: "状态",
-      meta: { sort: true, search: "select" },
-      cell: ({ getValue }) => <StatusBadge status={String(getValue())} />,
-    },
-    {
-      accessorKey: "duration",
-      header: "耗时 (ms)",
-      meta: { sort: true, search: "number" },
-      cell: ({ getValue }) => String(getValue()),
-    },
-  ];
-
-  return (
-    <AppShell header={<PageHeader title="修复基准" description="编辑 → diff → 用例表格，改完写回" />}>
-      <div className="flex h-full min-h-0 flex-col gap-3 overflow-y-auto">
-        {error && <p className="text-sm" style={{ color: "var(--destructive)" }}>{error}</p>}
-
-        <Card>
-          <CardHeader>
-            <CardTitle>编辑</CardTitle>
-            <CardDescription>修改后保存，diff 实时刷新 · {fmtTime(savedAt)}{dirty ? " · 未保存" : ""}</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <CodeEditor value={after} onChange={(v) => { setAfter(v); setDirty(true); }} language="ts" height="240px" />
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle>Diff 对比</CardTitle>
-            <CardDescription>before → after</CardDescription>
-          </CardHeader>
-          <CardContent>
-            {/* ⭐ 关键：DiffViewer 用 original/modified（不是老版的 oldText/newText） */}
-            <DiffViewer original={before} modified={after} mode="unified" fileName="fetchWithRetry.ts" />
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle>用例结果</CardTitle>
-            <CardDescription>排序 / 列搜索 / 分页自带</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <FilterBar>
-              {( ["all", "pass", "fail", "blocked"] as const ).map((s) => (
-                <Button key={s} size="sm" variant={status === s ? "default" : "outline"} onClick={() => setStatus(s)}>
-                  {s === "all" ? "全部" : s}
-                </Button>
-              ))}
-              <div className="ml-auto flex gap-2">
-                <Button size="sm" variant="outline" onClick={() => void act(() => call("reset", {}))}>
-                  <Icon.RotateCcw size={16} strokeWidth={2} /> 重置
-                </Button>
-                <Button size="sm" onClick={() => void act(() => call("save", { after }))}>
-                  <Icon.Save size={16} strokeWidth={2} /> 保存修复
-                </Button>
-              </div>
-            </FilterBar>
-            <div className="mt-3">
-              <DataGrid columns={columns} data={filtered} pageSize={8} />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle>日志</CardTitle>
-            <CardDescription>级别着色</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <LogViewer lines={logs.map((l) => `[${l.level}] ${l.text}`)} />
-          </CardContent>
-        </Card>
-      </div>
-    </AppShell>
-  );
-}

package/skills/monkey-mini-app/templates/todo/manifest.json

@@ -1,8 +0,0 @@
-{
-  "id": "com.example.todo",
-  "name": "待办",
-  "description": "本地待办，存在这台机器上",
-  "version": "0.1.0",
-  "entry": "ui.tsx",
-  "theme": { "followsHost": true }
-}

package/skills/monkey-mini-app/templates/todo/ui.tsx

@@ -1,177 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-
-import {
-  AppShell,
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  Checkbox,
-  Empty,
-  EmptyDescription,
-  EmptyHeader,
-  EmptyTitle,
-  FilterBar,
-  Icon,
-  Input,
-  PageHeader,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@monkey-mini-app/ui";
-import { useDashboardApi } from "@monkeyagent/host";
-
-type Filter = "all" | "active" | "done";
-type TodoItem = { id: string; title: string; done: boolean; createdAt: number };
-type Stats = { total: number; active: number; done: number };
-
-const FILTERS: { id: Filter; label: string }[] = [
-  { id: "all", label: "全部" },
-  { id: "active", label: "进行中" },
-  { id: "done", label: "已完成" },
-];
-
-export default function Ui() {
-  const { call } = useDashboardApi();
-  const [filter, setFilter] = useState<Filter>("all");
-  const [draft, setDraft] = useState("");
-  const [items, setItems] = useState<TodoItem[]>([]);
-  const [stats, setStats] = useState<Stats>({ total: 0, active: 0, done: 0 });
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  // ⭐ 关键：refresh 依赖 filter，filter 变就重拉；用 useCallback 避免无限循环
-  const refresh = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const pack = (await call("list", { filter })) as { items: TodoItem[]; stats: Stats };
-      setItems(Array.isArray(pack?.items) ? pack.items : []);
-      setStats(pack?.stats ?? { total: 0, active: 0, done: 0 });
-    } catch (e) {
-      setError(String((e as Error)?.message || e));
-    } finally {
-      setLoading(false);
-    }
-  }, [call, filter]);
-
-  useEffect(() => {
-    void refresh();
-  }, [refresh]);
-
-  async function act(job: () => Promise<unknown>) {
-    setError(null);
-    try {
-      await job();
-      await refresh();
-    } catch (e) {
-      setError(String((e as Error)?.message || e));
-    }
-  }
-
-  async function add() {
-    const title = draft.trim();
-    if (!title) return;
-    await act(async () => {
-      await call("add", { title });
-      setDraft("");
-    });
-  }
-
-  return (
-    // ⭐ 关键：一屏固定 —— AppShell 定高，main 内部滚动，页面不整体滚。
-    //         让「内容不被裁成一条缝」+ 侧栏折叠/钉到右侧后仍撑满。
-    <AppShell header={<PageHeader title="待办" description="CRUD · 状态筛选 · 归档" />}>
-      <div className="flex h-full min-h-0 flex-col gap-3">
-        <FilterBar>
-          {FILTERS.map((f) => (
-            <Button key={f.id} size="sm" variant={filter === f.id ? "default" : "outline"} onClick={() => setFilter(f.id)}>
-              {f.label}
-            </Button>
-          ))}
-          <div className="ml-auto flex items-center gap-2">
-            <Badge variant="secondary">{stats.active} 进行中</Badge>
-            <Badge variant="outline">{stats.done} 已完成</Badge>
-            <Button size="sm" variant="ghost" onClick={() => void act(() => call("archive", {}))}>
-              <Icon.Archive size={16} strokeWidth={2} /> 归档
-            </Button>
-          </div>
-        </FilterBar>
-
-        <Card className="min-h-0 flex-1 overflow-hidden">
-          <CardHeader>
-            <CardTitle>添加任务</CardTitle>
-            <div className="flex gap-2">
-              <Input
-                value={draft}
-                placeholder="要做什么？回车提交"
-                onChange={(e) => setDraft(e.target.value)}
-                onKeyDown={(e) => {
-                  if (e.key === "Enter") void add();
-                }}
-                className="flex-1"
-              />
-              <Button onClick={() => void add()} disabled={!draft.trim()}>
-                <Icon.Plus size={16} strokeWidth={2} /> 添加
-              </Button>
-            </div>
-          </CardHeader>
-          <CardContent className="flex flex-col min-h-0 flex-1 gap-2 overflow-y-auto">
-            {error && <p className="text-sm" style={{ color: "var(--destructive)" }}>{error}</p>}
-            {loading && !items.length ? <p className="text-sm text-muted-foreground">加载中…</p> : null}
-            {!loading && !items.length ? (
-              <Empty>
-                <EmptyHeader>
-                  <EmptyTitle>还没有任务</EmptyTitle>
-                  <EmptyDescription>上面加一条就开始。</EmptyDescription>
-                </EmptyHeader>
-              </Empty>
-            ) : null}
-            {items.length ? (
-              <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHead className="w-10"></TableHead>
-                    <TableHead>标题</TableHead>
-                    <TableHead className="w-20">状态</TableHead>
-                    <TableHead className="w-20"></TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {items.map((item) => (
-                    <TableRow key={item.id}>
-                      <TableCell>
-                        <Checkbox
-                          checked={item.done}
-                          onCheckedChange={() => void act(() => call("toggle", { id: item.id }))}
-                        />
-                      </TableCell>
-                      <TableCell
-                        style={{ textDecoration: item.done ? "line-through" : "none", opacity: item.done ? 0.55 : 1 }}
-                      >
-                        {item.title}
-                      </TableCell>
-                      <TableCell>
-                        <Badge variant={item.done ? "secondary" : "default"}>{item.done ? "已完成" : "进行中"}</Badge>
-                      </TableCell>
-                      <TableCell>
-                        <Button size="sm" variant="ghost" onClick={() => void act(() => call("remove", { id: item.id }))}>
-                          <Icon.Trash2 size={16} strokeWidth={2} />
-                        </Button>
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            ) : null}
-          </CardContent>
-        </Card>
-      </div>
-    </AppShell>
-  );
-}