@allbluecn/web-app 0.5.1 → 0.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -12,12 +12,238 @@
     "./vite.shared": {
       "types": "./vite.shared.ts",
       "default": "./vite.shared.ts"
+    },
+    "./lucide-icon-picker": {
+      "types": "./src/components/shared/lucide-icon-picker/index.tsx",
+      "default": "./src/components/shared/lucide-icon-picker/index.tsx"
+    },
+    "./lucide-icon-picker/panel": {
+      "types": "./src/components/shared/lucide-icon-picker/panel.tsx",
+      "default": "./src/components/shared/lucide-icon-picker/panel.tsx"
+    },
+    "./lucide-icon-picker/icon-data": {
+      "types": "./src/components/shared/lucide-icon-picker/icon-data.ts",
+      "default": "./src/components/shared/lucide-icon-picker/icon-data.ts"
+    },
+    "./lucide-icon-picker/curated-icons": {
+      "types": "./src/components/shared/lucide-icon-picker/curated-icons.ts",
+      "default": "./src/components/shared/lucide-icon-picker/curated-icons.ts"
+    },
+    "./lucide-icon-picker/lucide-icon-by-name": {
+      "types": "./src/components/shared/lucide-icon-picker/lucide-icon-by-name.tsx",
+      "default": "./src/components/shared/lucide-icon-picker/lucide-icon-by-name.tsx"
+    },
+    "./ui/safari": {
+      "types": "./src/components/ui/safari.tsx",
+      "default": "./src/components/ui/safari.tsx"
+    },
+    "./ui/alert-dialog": {
+      "types": "./src/components/ui/alert-dialog.tsx",
+      "default": "./src/components/ui/alert-dialog.tsx"
+    },
+    "./ui/tabs": {
+      "types": "./src/components/ui/tabs.tsx",
+      "default": "./src/components/ui/tabs.tsx"
+    },
+    "./ui/button-group": {
+      "types": "./src/components/ui/button-group.tsx",
+      "default": "./src/components/ui/button-group.tsx"
+    },
+    "./ui/card": {
+      "types": "./src/components/ui/card.tsx",
+      "default": "./src/components/ui/card.tsx"
+    },
+    "./ui/input-group": {
+      "types": "./src/components/ui/input-group.tsx",
+      "default": "./src/components/ui/input-group.tsx"
+    },
+    "./ui/popover": {
+      "types": "./src/components/ui/popover.tsx",
+      "default": "./src/components/ui/popover.tsx"
+    },
+    "./ui/progress": {
+      "types": "./src/components/ui/progress.tsx",
+      "default": "./src/components/ui/progress.tsx"
+    },
+    "./ui/hover-card": {
+      "types": "./src/components/ui/hover-card.tsx",
+      "default": "./src/components/ui/hover-card.tsx"
+    },
+    "./ui/sheet": {
+      "types": "./src/components/ui/sheet.tsx",
+      "default": "./src/components/ui/sheet.tsx"
+    },
+    "./ui/field": {
+      "types": "./src/components/ui/field.tsx",
+      "default": "./src/components/ui/field.tsx"
+    },
+    "./ui/scroll-area": {
+      "types": "./src/components/ui/scroll-area.tsx",
+      "default": "./src/components/ui/scroll-area.tsx"
+    },
+    "./ui/resizable": {
+      "types": "./src/components/ui/resizable.tsx",
+      "default": "./src/components/ui/resizable.tsx"
+    },
+    "./ui/label": {
+      "types": "./src/components/ui/label.tsx",
+      "default": "./src/components/ui/label.tsx"
+    },
+    "./ui/sonner": {
+      "types": "./src/components/ui/sonner.tsx",
+      "default": "./src/components/ui/sonner.tsx"
+    },
+    "./ui/navigation-menu": {
+      "types": "./src/components/ui/navigation-menu.tsx",
+      "default": "./src/components/ui/navigation-menu.tsx"
+    },
+    "./ui/accordion": {
+      "types": "./src/components/ui/accordion.tsx",
+      "default": "./src/components/ui/accordion.tsx"
+    },
+    "./ui/empty": {
+      "types": "./src/components/ui/empty.tsx",
+      "default": "./src/components/ui/empty.tsx"
+    },
+    "./ui/tooltip": {
+      "types": "./src/components/ui/tooltip.tsx",
+      "default": "./src/components/ui/tooltip.tsx"
+    },
+    "./ui/alert": {
+      "types": "./src/components/ui/alert.tsx",
+      "default": "./src/components/ui/alert.tsx"
+    },
+    "./ui/switch": {
+      "types": "./src/components/ui/switch.tsx",
+      "default": "./src/components/ui/switch.tsx"
+    },
+    "./ui/calendar": {
+      "types": "./src/components/ui/calendar.tsx",
+      "default": "./src/components/ui/calendar.tsx"
+    },
+    "./ui/breadcrumb": {
+      "types": "./src/components/ui/breadcrumb.tsx",
+      "default": "./src/components/ui/breadcrumb.tsx"
+    },
+    "./ui/radio-group": {
+      "types": "./src/components/ui/radio-group.tsx",
+      "default": "./src/components/ui/radio-group.tsx"
+    },
+    "./ui/command": {
+      "types": "./src/components/ui/command.tsx",
+      "default": "./src/components/ui/command.tsx"
+    },
+    "./ui/item": {
+      "types": "./src/components/ui/item.tsx",
+      "default": "./src/components/ui/item.tsx"
+    },
+    "./ui/avatar": {
+      "types": "./src/components/ui/avatar.tsx",
+      "default": "./src/components/ui/avatar.tsx"
+    },
+    "./ui/kbd": {
+      "types": "./src/components/ui/kbd.tsx",
+      "default": "./src/components/ui/kbd.tsx"
+    },
+    "./ui/dialog": {
+      "types": "./src/components/ui/dialog.tsx",
+      "default": "./src/components/ui/dialog.tsx"
+    },
+    "./ui/badge": {
+      "types": "./src/components/ui/badge.tsx",
+      "default": "./src/components/ui/badge.tsx"
+    },
+    "./ui/sidebar": {
+      "types": "./src/components/ui/sidebar.tsx",
+      "default": "./src/components/ui/sidebar.tsx"
+    },
+    "./ui/table": {
+      "types": "./src/components/ui/table.tsx",
+      "default": "./src/components/ui/table.tsx"
+    },
+    "./ui/separator": {
+      "types": "./src/components/ui/separator.tsx",
+      "default": "./src/components/ui/separator.tsx"
+    },
+    "./ui/button": {
+      "types": "./src/components/ui/button.tsx",
+      "default": "./src/components/ui/button.tsx"
+    },
+    "./ui/toggle": {
+      "types": "./src/components/ui/toggle.tsx",
+      "default": "./src/components/ui/toggle.tsx"
+    },
+    "./ui/checkbox": {
+      "types": "./src/components/ui/checkbox.tsx",
+      "default": "./src/components/ui/checkbox.tsx"
+    },
+    "./ui/spinner": {
+      "types": "./src/components/ui/spinner.tsx",
+      "default": "./src/components/ui/spinner.tsx"
+    },
+    "./ui/collapsible": {
+      "types": "./src/components/ui/collapsible.tsx",
+      "default": "./src/components/ui/collapsible.tsx"
+    },
+    "./ui/dropdown-menu": {
+      "types": "./src/components/ui/dropdown-menu.tsx",
+      "default": "./src/components/ui/dropdown-menu.tsx"
+    },
+    "./ui/select": {
+      "types": "./src/components/ui/select.tsx",
+      "default": "./src/components/ui/select.tsx"
+    },
+    "./ui/textarea": {
+      "types": "./src/components/ui/textarea.tsx",
+      "default": "./src/components/ui/textarea.tsx"
+    },
+    "./ui/input": {
+      "types": "./src/components/ui/input.tsx",
+      "default": "./src/components/ui/input.tsx"
+    },
+    "./ui/skeleton": {
+      "types": "./src/components/ui/skeleton.tsx",
+      "default": "./src/components/ui/skeleton.tsx"
+    },
+    "./ui/context-menu": {
+      "types": "./src/components/ui/context-menu.tsx",
+      "default": "./src/components/ui/context-menu.tsx"
+    },
+    "./user-avatar": {
+      "types": "./src/components/ui/avatar.tsx",
+      "default": "./src/components/ui/avatar.tsx"
     }
   },
   "publishConfig": {
     "access": "public"
   },
+  "packageManager": "pnpm@11.20.0",
+  "scripts": {
+    "dev": "vite --port 3000",
+    "build": "vite build",
+    "start": "vite preview",
+    "lint": "eslint",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "setup": "pnpm --filter @allbluecn/database generate && pnpm --filter @allbluecn/database migrate:dev",
+    "check:features": "tsx scripts/check-feature-keys.ts",
+    "assemble": "pnpm -w exec tsx packages/kernel/src/bin.ts --profile oss --assemble --app-dir apps/web",
+    "predev": "pnpm assemble && node scripts/check-sdk-versions.mjs",
+    "prebuild": "pnpm assemble && node scripts/check-sdk-versions.mjs",
+    "pretest": "pnpm assemble",
+    "pretest:run": "pnpm assemble",
+    "prepublishOnly": "node scripts/check-sdk-versions.mjs"
+  },
   "dependencies": {
+    "@allbluecn/ai-gateway": "workspace:*",
+    "@allbluecn/database": "workspace:*",
+    "@allbluecn/kernel": "workspace:*",
+    "@allbluecn/plugins-core": "workspace:*",
+    "@allbluecn/prototype": "workspace:*",
+    "@allbluecn/shared": "workspace:*",
+    "@allbluecn/tiptap": "workspace:*",
+    "@allbluecn/ui": "workspace:*",
     "@ariakit/react": "^0.4.28",
     "@auth/core": "^0.41.2",
     "@auth/prisma-adapter": "^2.11.2",
@@ -103,8 +329,10 @@
     "is-hotkey": "^0.2.0",
     "isomorphic-dompurify": "^3.22.0",
     "lowlight": "^3.3.0",
-    "lucide-react": "^1.24.0",
+    "lucide": "^1.38.0",
+    "lucide-react": "^1.27.0",
     "mind-elixir": "^5.12.2",
+    "morphicons": "^1.7.1",
     "motion": "^12.42.2",
     "nanoid": "^5.1.11",
     "next-themes": "^0.4.6",
@@ -112,6 +340,7 @@
     "ogl": "^1.0.11",
     "open-file-viewer-workspace": "github:xushanpei/open-file-viewer",
     "pdfjs-dist": "^6.3.289",
+    "pinyin-pro": "^3.29.3",
     "prisma": "^7.8.0",
     "radix-ui": "^1.4.3",
     "react": "19.2.4",
@@ -130,17 +359,10 @@
     "tailwind-merge": "^3.5.0",
     "three": "^0.180.0",
     "tw-animate-css": "^1.4.0",
-    "zod": "^4.4.3",
-    "@allbluecn/ai-gateway": "0.4.17",
-    "@allbluecn/kernel": "0.3.1",
-    "@allbluecn/plugins-core": "0.4.16",
-    "@allbluecn/shared": "0.4.17",
-    "@allbluecn/ui": "0.4.17",
-    "@allbluecn/prototype": "0.1.1",
-    "@allbluecn/tiptap": "0.4.17",
-    "@allbluecn/database": "0.4.16"
+    "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@allblue/devtools": "workspace:*",
     "@babel/parser": "^8.0.4",
     "@babel/traverse": "^8.0.4",
     "@cloudflare/vite-plugin": "^1.40.1",
@@ -172,8 +394,7 @@
     "typescript": "^7",
     "vite": "^8.1.5",
     "vitest": "^4.1.5",
-    "wrangler": "^4.99.0",
-    "@allblue/devtools": "0.0.1"
+    "wrangler": "^4.99.0"
   },
   "prisma": {
     "version": "7.8.0",
@@ -181,21 +402,5 @@
   },
   "optionalDependencies": {
     "@tauri-apps/api": "^2.11.1"
-  },
-  "scripts": {
-    "dev": "vite --port 3000",
-    "build": "vite build",
-    "start": "vite preview",
-    "lint": "eslint",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "setup": "pnpm --filter @allbluecn/database generate && pnpm --filter @allbluecn/database migrate:dev",
-    "check:features": "tsx scripts/check-feature-keys.ts",
-    "assemble": "pnpm -w exec tsx packages/kernel/src/bin.ts --profile oss --assemble --app-dir apps/web",
-    "predev": "pnpm assemble && node scripts/check-sdk-versions.mjs",
-    "prebuild": "pnpm assemble && node scripts/check-sdk-versions.mjs",
-    "pretest": "pnpm assemble",
-    "pretest:run": "pnpm assemble"
   }
-}
+}

package/src/components/iteration/auto-schedule-dialog.tsx

@@ -0,0 +1,150 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { getAutoScheduleFn, updateAutoScheduleFn } from "@/server/serverFns/iteration";
+import { toast } from "@/components/ui/sonner";
+import { useQuery } from "@tanstack/react-query";
+
+interface AutoScheduleDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  projectId: string;
+  onSaved?: () => void;
+}
+
+export function AutoScheduleDialog({ open, onOpenChange, projectId, onSaved }: AutoScheduleDialogProps) {
+  const { t } = useTranslation("iterations");
+  const [enabled, setEnabled] = useState(false);
+  const [title, setTitle] = useState("迭代");
+  const [durationDays, setDurationDays] = useState(14);
+  const [cooldownDays, setCooldownDays] = useState(0);
+  const [startsOn, setStartsOn] = useState("");
+  const [futureCount, setFutureCount] = useState(2);
+  const [autoRollover, setAutoRollover] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  const { data } = useQuery({
+    queryKey: ["auto-schedule", projectId],
+    queryFn: () => getAutoScheduleFn({ data: { projectId } }),
+    enabled: open,
+  });
+
+  useEffect(() => {
+    if (open && data?.config) {
+      setEnabled(data.config.enabled);
+      setTitle(data.config.title);
+      setDurationDays(data.config.durationDays);
+      setCooldownDays(data.config.cooldownDays);
+      setStartsOn(data.config.startsOn);
+      setFutureCount(data.config.futureCount);
+      setAutoRollover(data.config.autoRollover);
+    } else if (open) {
+      setEnabled(false);
+      setTitle("迭代");
+      setDurationDays(14);
+      setCooldownDays(0);
+      setStartsOn(new Date().toISOString().slice(0, 10));
+      setFutureCount(2);
+      setAutoRollover(false);
+    }
+  }, [open, data]);
+
+  async function handleSave() {
+    setLoading(true);
+    try {
+      await updateAutoScheduleFn({
+        data: {
+          projectId,
+          enabled,
+          title,
+          durationDays,
+          cooldownDays,
+          startsOn,
+          futureCount,
+          autoRollover,
+        },
+      });
+      toast.success(t("autoSchedule.saved"));
+      onSaved?.();
+      onOpenChange(false);
+    } catch (e) {
+      toast.error(e instanceof Error ? e.message : "保存失败");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>{t("autoSchedule.title")}</DialogTitle>
+        </DialogHeader>
+        <div className="space-y-4 py-4">
+          <div className="flex items-center justify-between">
+            <label className="text-sm font-medium">{t("autoSchedule.enabled")}</label>
+            <Switch checked={enabled} onCheckedChange={setEnabled} />
+          </div>
+          {enabled && (
+            <>
+              <div className="space-y-2">
+                <label className="text-sm font-medium">{t("autoSchedule.baseTitle")}</label>
+                <Input value={title} onChange={(e) => setTitle(e.target.value)} />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium">{t("autoSchedule.durationDays")}</label>
+                <Input type="number" min={1} max={90} value={durationDays} onChange={(e) => setDurationDays(Number(e.target.value))} />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium">{t("autoSchedule.cooldownDays")}</label>
+                <Input type="number" min={0} max={30} value={cooldownDays} onChange={(e) => setCooldownDays(Number(e.target.value))} />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium">{t("autoSchedule.startsOn")}</label>
+                <Input type="date" value={startsOn} onChange={(e) => setStartsOn(e.target.value)} />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium">{t("autoSchedule.futureCount")}</label>
+                <Input type="number" min={1} max={10} value={futureCount} onChange={(e) => setFutureCount(Number(e.target.value))} />
+              </div>
+              <div className="flex items-center justify-between">
+                <label className="text-sm font-medium">{t("autoSchedule.autoRollover")}</label>
+                <Switch checked={autoRollover} onCheckedChange={setAutoRollover} />
+              </div>
+            </>
+          )}
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>{t("actions.cancel")}</Button>
+          <Button onClick={() => void handleSave()} disabled={loading || !enabled}>{loading ? "保存中..." : t("actions.save")}</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/components/iteration/burndown-chart.tsx

@@ -0,0 +1,63 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useTranslation } from "react-i18next";
+import type { BurndownResult } from "@/server/serverFns/iteration/burndown-core";
+
+export function BurndownChart({ data }: { data: BurndownResult & { timezone: string } }) {
+  const { t } = useTranslation("iterations");
+  if (data.points.length === 0) {
+    return <div className="flex h-48 items-center justify-center text-xs text-muted-foreground">{t("burndown.noData")}</div>;
+  }
+  const W = 640, H = 200, PAD = 28;
+  const maxVal = Math.max(1, ...data.points.map((p) => Math.max(p.scope, p.pending, p.ideal)));
+  const x = (i: number) => PAD + (i * (W - PAD * 2)) / Math.max(1, data.points.length - 1);
+  const y = (v: number) => H - PAD - (v * (H - PAD * 2)) / maxVal;
+  const line = (key: "pending" | "ideal") => data.points.map((p, i) => `${i === 0 ? "M" : "L"}${x(i)},${y(p[key])}`).join(" ");
+  const fill = data.points.map((p, i) => `${i === 0 ? "M" : "L"}${x(i)},${y(p.pending)}`).join(" ")
+    + " " + [...data.points].reverse().map((p, i) => `L${x(data.points.length - 1 - i)},${y(p.ideal)}`).join(" ");
+  const leading = data.status === "leading";
+  return (
+    <div className="space-y-2">
+      <div className="flex items-center justify-between text-xs">
+        <span className="font-medium">{t("burndown.title")}</span>
+        <span className={leading ? "text-green-600 dark:text-green-400" : data.status === "trailing" ? "text-red-600 dark:text-red-400" : "text-muted-foreground"}>
+          {t(leading ? "burndown.leading" : data.status === "trailing" ? "burndown.trailing" : "burndown.pending")}
+        </span>
+      </div>
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full" role="img">
+        {[0, 0.25, 0.5, 0.75, 1].map((r) => (
+          <line key={r} x1={PAD} x2={W - PAD} y1={y(maxVal * r)} y2={y(maxVal * r)} className="stroke-border" strokeWidth={1} />
+        ))}
+        <path d={fill} className={leading ? "fill-green-500/15" : "fill-red-500/15"} />
+        <path d={line("ideal")} className="stroke-muted-foreground" strokeWidth={1.5} strokeDasharray="4 3" fill="none" />
+        <path d={line("pending")} className="stroke-primary" strokeWidth={2} fill="none" />
+        {data.points.map((p, i) => (
+          <circle key={p.date} cx={x(i)} cy={y(p.pending)} r={2.5} className="fill-primary">
+            <title>{`${p.date}: ${p.pending}`}</title>
+          </circle>
+        ))}
+        <text x={PAD} y={H - 8} className="fill-muted-foreground text-[10px]">{data.points[0].date}</text>
+        <text x={W - PAD} y={H - 8} textAnchor="end" className="fill-muted-foreground text-[10px]">{data.points.at(-1)!.date}</text>
+      </svg>
+      <div className="flex gap-4 text-xs text-muted-foreground">
+        <span className="flex items-center gap-1"><span className="inline-block h-0.5 w-4 bg-primary" />{t("burndown.pending")}</span>
+        <span className="flex items-center gap-1"><span className="inline-block h-0.5 w-4 bg-muted-foreground" style={{ backgroundImage: "linear-gradient(90deg, currentColor 50%, transparent 50%)", backgroundSize: "4px 2px" }} />{t("burndown.ideal")}</span>
+      </div>
+    </div>
+  );
+}

package/src/components/iteration/constants.ts

@@ -0,0 +1,28 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { Circle, CircleDot, CircleCheckBig } from "lucide-react";
+import type { LucideIcon } from "lucide-react";
+import type { IterationStatus } from "@/lib/iteration/status";
+
+export const ITERATION_STATUS_META: Record<IterationStatus, {
+  labelKey: string; icon: LucideIcon; className: string;
+}> = {
+  upcoming: { labelKey: "status.upcoming", icon: Circle, className: "bg-blue-500/15 text-blue-600 dark:text-blue-400" },
+  active: { labelKey: "status.active", icon: CircleDot, className: "bg-amber-500/15 text-amber-600 dark:text-amber-400" },
+  completed: { labelKey: "status.completed", icon: CircleCheckBig, className: "bg-green-500/15 text-green-600 dark:text-green-400" },
+};