@allbluecn/web-app 0.6.3 → 0.7.1

package/src/lib/outline-utils.ts

@@ -1 +1,57 @@
-export * from '@allbluecn/shared/lib/outline-utils'
+// 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 { CanvasElement } from "../types/prototype";
+import { OutlineNode } from "../types/outline";
+
+export function buildOutline(elements: CanvasElement[]): OutlineNode[] {
+  const containers = elements.filter(e => isContainer(e));
+  const atoms = elements.filter(e => !isContainer(e));
+  const roots: OutlineNode[] = [];
+  const usedAtoms = new Set<string>();
+
+  for (const c of containers) {
+    const rect = { x: c.x, y: c.y, w: c.width, h: c.height };
+    const children = atoms
+      .filter(a => !usedAtoms.has(a.id) && isInside(a, rect))
+      .map(a => { usedAtoms.add(a.id); return toAtomNode(a); });
+    roots.push({ id: `container-${c.id}`, label: (c.overrides ?? c.props)?.name || c.type, type: "container", elementId: c.id, children });
+  }
+
+  for (const a of atoms) {
+    if (!usedAtoms.has(a.id)) {
+      roots.push(toAtomNode(a));
+    }
+  }
+
+  return roots;
+}
+
+function isContainer(el: CanvasElement): boolean {
+  return (el.width >= 160 && el.height >= 100) || (el.overrides ?? el.props)?.isContainer === true;
+}
+
+function isInside(atom: CanvasElement, rect: { x: number; y: number; w: number; h: number }): boolean {
+  return atom.x >= rect.x && atom.y >= rect.y &&
+         atom.x + atom.width <= rect.x + rect.w &&
+         atom.y + atom.height <= rect.y + rect.h;
+}
+
+function toAtomNode(el: CanvasElement): OutlineNode {
+  const p = el.overrides ?? el.props;
+  return { id: `atom-${el.id}`, label: p?.text || p?.label || el.type, type: "atom", elementId: el.id, children: [] };
+}

package/src/lib/pacer.ts

@@ -1,11 +1,96 @@
-export {
-  useDebouncedCallback,
-  useThrottledCallback,
-  EDITOR_CHANGE_DEBOUNCE_MS,
-  EDITOR_AUTO_SAVE_MS,
-  SEARCH_DEBOUNCE_MS,
-  SCROLL_THROTTLE_MS,
-  getRateLimiter,
-  checkRateLimit,
-  type RateLimitConfig,
-} from '@allbluecn/shared/lib/pacer'
+// 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 { RateLimiter } from "@tanstack/pacer"
+import { useDebouncedCallback, useThrottledCallback } from "@tanstack/react-pacer"
+
+export const EDITOR_AUTO_SAVE_MS = 2000
+export const EDITOR_CHANGE_DEBOUNCE_MS = 500
+export const SEARCH_DEBOUNCE_MS = 300
+export const SCROLL_THROTTLE_MS = 150
+export const AI_RATE_LIMIT = {
+  chat: { max: 10, windowMs: 60_000 },
+  execute: { max: 5, windowMs: 60_000 },
+  generatePrototype: { max: 5, windowMs: 60_000 },
+  testProvider: { max: 10, windowMs: 60_000 },
+  detect: { max: 10, windowMs: 60_000 },
+  webSearch: { max: 20, windowMs: 60_000 },
+} as const
+
+export interface RateLimitConfig {
+  max: number
+  windowMs: number
+}
+
+export { useDebouncedCallback }
+export { useThrottledCallback }
+
+interface ServerFnRateLimitResult {
+  allowed: boolean
+  retryAfterMs: number
+}
+
+const limiterCache = new Map<
+  string,
+  { limiter: RateLimiter<(...args: unknown[]) => boolean>; lastAccess: number }
+>()
+
+const CACHE_TTL_MS = 5 * 60 * 1000
+
+function purgeStaleEntries() {
+  const now = Date.now()
+  for (const [key, entry] of limiterCache) {
+    if (now - entry.lastAccess > CACHE_TTL_MS) {
+      entry.limiter.reset()
+      limiterCache.delete(key)
+    }
+  }
+}
+
+setInterval(purgeStaleEntries, 60_000)
+
+export function getRateLimiter(
+  key: string,
+  config: RateLimitConfig
+): RateLimiter<(...args: unknown[]) => boolean> {
+  const existing = limiterCache.get(key)
+  if (existing) {
+    existing.lastAccess = Date.now()
+    return existing.limiter
+  }
+
+  const limiter = new RateLimiter(() => true, {
+    limit: config.max,
+    window: config.windowMs,
+    windowType: "sliding",
+  })
+
+  limiterCache.set(key, { limiter, lastAccess: Date.now() })
+  return limiter
+}
+
+export function checkRateLimit(
+  key: string,
+  config: RateLimitConfig
+): ServerFnRateLimitResult {
+  const limiter = getRateLimiter(key, config)
+  const allowed = limiter.maybeExecute()
+  return {
+    allowed,
+    retryAfterMs: allowed ? 0 : limiter.getMsUntilNextWindow(),
+  }
+}

package/src/lib/prd/__tests__/stack-layout.test.ts

@@ -17,7 +17,7 @@
 
 import { describe, it, expect } from "vitest"
 import { computeStackPositions } from "../stack-layout"
-import type { CanvasElement } from "@/types/prototype"
+import type { CanvasElement } from "@allbluecn/shared"
 
 describe("computeStackPositions", () => {
   it("空画板时，组件从顶部起始位置按各自高度纵向排列", () => {

package/src/lib/prd/stack-layout.ts

@@ -1 +1,53 @@
-export * from '@allbluecn/shared/lib/prd/stack-layout'
+// 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 type { CanvasElement } from "@allbluecn/shared"
+
+export interface StackLayoutOptions {
+  startX: number
+  startY: number
+  gap: number
+}
+
+/**
+ * 计算新组件在画板上的纵向堆叠位置。
+ * 起始 y = 现有元素的最大 (y + height) + gap，若无现有元素则用 startY。
+ * items 的 height 用于决定每个新组件的纵向偏移，确保大小不一的组件不会重叠。
+ */
+export function computeStackPositions(
+  existing: Pick<CanvasElement, "x" | "y" | "height">[],
+  items: Array<Pick<CanvasElement, "height">>,
+  options: StackLayoutOptions,
+): Array<{ x: number; y: number }> {
+  if (items.length === 0) return []
+
+  const { startX, startY, gap } = options
+
+  const maxBottom = existing.reduce(
+    (max, el) => Math.max(max, el.y + el.height),
+    0,
+  )
+  const baseY = existing.length > 0 ? maxBottom + gap : startY
+
+  const positions: Array<{ x: number; y: number }> = []
+  let cursorY = baseY
+  for (const item of items) {
+    positions.push({ x: startX, y: cursorY })
+    cursorY += item.height + gap
+  }
+  return positions
+}

package/src/lib/prd-tree-utils.ts

@@ -1 +1,94 @@
-export * from '@allbluecn/shared/lib/prd-tree-utils'
+// 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/>.
+
+export interface PRDPage {
+  id: string;
+  name: string;
+  type: "folder" | "page";
+  parentId: string | null;
+  order: number;
+  version: number;
+}
+
+export interface TreeNode extends PRDPage {
+  children: TreeNode[];
+}
+
+export function buildTree(pages: PRDPage[]): TreeNode[] {
+  const map = new Map<string, TreeNode>();
+  const roots: TreeNode[] = [];
+
+  for (const p of pages) {
+    map.set(p.id, { ...p, children: [] });
+  }
+  for (const p of pages) {
+    const node = map.get(p.id)!;
+    if (p.parentId && map.has(p.parentId)) {
+      map.get(p.parentId)!.children.push(node);
+    } else {
+      roots.push(node);
+    }
+  }
+
+  const sortNodes = (nodes: TreeNode[]) => nodes.sort((a, b) => a.order - b.order);
+  sortNodes(roots);
+  for (const node of map.values()) sortNodes(node.children);
+  return roots;
+}
+
+export function flattenTree(nodes: TreeNode[]): PRDPage[] {
+  const result: PRDPage[] = [];
+  for (const n of nodes) {
+    result.push({ id: n.id, name: n.name, type: n.type, parentId: n.parentId, order: n.order, version: n.version });
+    result.push(...flattenTree(n.children));
+  }
+  return result;
+}
+
+export function findNode(nodes: TreeNode[], id: string): TreeNode | null {
+  for (const n of nodes) {
+    if (n.id === id) return n;
+    const found = findNode(n.children, id);
+    if (found) return found;
+  }
+  return null;
+}
+
+export function canMove(node: TreeNode, targetParentId: string | null, allPages: PRDPage[]): boolean {
+  if (node.type === "folder" && targetParentId !== null) return false;
+  if (targetParentId === node.id) return false;
+  const targetPage = allPages.find(p => p.id === targetParentId);
+  if (targetPage?.type === "folder") return false;
+  return true;
+}
+
+export function sortSnapshotsByTree<T extends { pageId: string }>(
+  snapshots: T[],
+  prdPages: PRDPage[],
+): T[] {
+  if (snapshots.length <= 1) return snapshots;
+  const ordered = flattenTree(buildTree(prdPages));
+  const indexMap = new Map(ordered.map((p, i) => [p.id, i]));
+  return [...snapshots].sort((a, b) => {
+    const ia = indexMap.get(a.pageId);
+    const ib = indexMap.get(b.pageId);
+    if (ia === undefined && ib === undefined) return 0;
+    if (ia === undefined) return 1;
+    if (ib === undefined) return -1;
+    return ia - ib;
+  });
+}

package/src/lib/prototype-registry.ts

@@ -1 +1,24 @@
-export * from '@allbluecn/shared/lib/prototype-registry'
+// 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/>.
+
+export {
+  registerComponent,
+  registerComponents,
+  unregisterComponent,
+  getAllComponents,
+  getComponent,
+} from "@allbluecn/web-app/prototype";

package/src/lib/query-client-seam.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it, vi } from 'vitest'
+import { QueryClient } from '@tanstack/react-query'
+import { getQueryClient, setQueryClient } from './query-client-seam'
+
+vi.mock('./query-client-seam', async (importOriginal) => {
+  return await importOriginal()
+})
+
+describe('query-client seam', () => {
+  it('未注入时自动创建兜底 QueryClient', () => {
+    expect(getQueryClient()).toBeInstanceOf(QueryClient)
+  })
+
+  it('注入后返回注入实例', () => {
+    const fake = { mark: 'fake' } as unknown as Parameters<typeof setQueryClient>[0]
+    setQueryClient(fake)
+    expect(getQueryClient()).toBe(fake)
+  })
+})

package/src/lib/query-client-seam.ts

@@ -0,0 +1,14 @@
+import { QueryClient } from '@tanstack/react-query'
+
+let instance: QueryClient | null = null
+
+export function setQueryClient(client: QueryClient) {
+  instance = client
+}
+
+export function getQueryClient(): QueryClient {
+  if (!instance) {
+    instance = new QueryClient()
+  }
+  return instance
+}

package/src/lib/rag.ts

@@ -20,7 +20,7 @@ import {
   chunkText,
   rerankCandidates,
   RECALL_MULTIPLIER,
-} from "@allbluecn/ai-gateway"
+} from "@/server/ai-gateway"
 import { insertEmbedding, searchByVector } from "./pgvector"
 
 export async function indexDocument(

package/src/lib/restore-version.ts

@@ -1 +1 @@
-export * from '@allbluecn/plugins-core/prd/lib/restore-version'
+export * from '@/plugins/core/prd/lib/restore-version'

package/src/lib/router-context.ts

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { QueryClient } from '@tanstack/react-query'
-import type { AppLocale } from '@/lib/i18n/config'
+import type { AppLocale } from '@/i18n/config'
 
 export interface RouterContext {
   queryClient: QueryClient

package/src/lib/share-events.ts

@@ -1 +1,78 @@
-export * from '@allbluecn/shared/lib/share-events'
+// 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/>.
+
+const clients = new Map<string, Set<ReadableStreamDefaultController>>();
+
+const MAX_CLIENTS_PER_PRD = 20;
+
+const CLEANUP_INTERVAL = 60_000;
+const IDLE_TIMEOUT = 5 * 60_000;
+
+setInterval(() => {
+  const now = Date.now();
+  for (const [prdId, set] of clients) {
+    for (const controller of set) {
+      try {
+        controller.enqueue(new TextEncoder().encode(":cleanup-ping\n\n"));
+      } catch {
+        set.delete(controller);
+      }
+    }
+    if (set.size === 0) clients.delete(prdId);
+  }
+}, CLEANUP_INTERVAL);
+
+const controllerMeta = new WeakMap<ReadableStreamDefaultController, number>();
+
+export function addClient(prdId: string, controller: ReadableStreamDefaultController) {
+  const set = clients.get(prdId);
+  if (set && set.size >= MAX_CLIENTS_PER_PRD) {
+    throw new Error("连接数已达上限");
+  }
+  if (!set) clients.set(prdId, new Set());
+  clients.get(prdId)!.add(controller);
+  controllerMeta.set(controller, Date.now());
+}
+
+export function removeClient(prdId: string, controller: ReadableStreamDefaultController) {
+  const set = clients.get(prdId);
+  if (!set) return;
+  set.delete(controller);
+  controllerMeta.delete(controller);
+  if (set.size === 0) clients.delete(prdId);
+}
+
+export function notifyClients(prdId: string, event: string, data: unknown) {
+  const set = clients.get(prdId);
+  if (!set) return;
+  const message = new TextEncoder().encode(`event: ${event}\ndata: ${JSON.stringify(data)}\n\n`);
+  for (const controller of set) {
+    try {
+      controller.enqueue(message);
+      controllerMeta.set(controller, Date.now());
+    } catch {
+      set.delete(controller);
+      controllerMeta.delete(controller);
+    }
+  }
+}
+
+export function getClientCount(): number {
+  let total = 0;
+  for (const set of clients.values()) total += set.size;
+  return total;
+}

package/src/lib/sidebar-utils.ts

@@ -1 +1,21 @@
-export * from '@allbluecn/shared/lib/sidebar-utils'
+// 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/>.
+
+export function isParentActive(pathname: string, parentLink: string): boolean {
+  if (!parentLink || parentLink === "#") return false;
+  return pathname === parentLink;
+}

package/src/lib/sse-transport.ts

@@ -15,7 +15,7 @@
 // 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 type { RealtimeTransport, EntityUpdateEvent } from "@allbluecn/shared/interfaces/transport"
+import type { RealtimeTransport, EntityUpdateEvent } from "@allbluecn/shared"
 
 const INITIAL_DELAY = 1000
 const MAX_DELAY = 30000

package/src/lib/stores/prd-canvas-store.ts

@@ -1 +1,69 @@
-export * from '@allbluecn/shared/lib/stores/prd-canvas-store'
+// 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 type { SetStateAction } from 'react'
+import { createStore } from '@tanstack/store'
+import type { CanvasElement } from '@allbluecn/shared/types/prototype'
+
+interface PrdCanvasState {
+  elements: CanvasElement[]
+  selectedElementId: string | null
+  viewMode: 'edit' | 'preview' | 'prototype'
+}
+
+export type { CanvasElement, PrdCanvasState }
+
+export const prdCanvasStore = createStore<PrdCanvasState>({
+  elements: [],
+  selectedElementId: null,
+  viewMode: 'edit',
+})
+
+export function setCanvasElements(value: SetStateAction<CanvasElement[]>) {
+  prdCanvasStore.setState((s) => ({
+    ...s,
+    elements: typeof value === 'function' ? value(s.elements) : value,
+  }))
+}
+
+export function setCanvasSelectedElementId(id: string | null) {
+  prdCanvasStore.setState((s) => ({
+    ...s,
+    selectedElementId: id,
+  }))
+}
+
+export function setCanvasViewMode(mode: PrdCanvasState['viewMode']) {
+  prdCanvasStore.setState((s) => ({
+    ...s,
+    viewMode: mode,
+  }))
+}
+
+export function updateCanvasElement(id: string, patch: Partial<CanvasElement>) {
+  prdCanvasStore.setState((s) => ({
+    ...s,
+    elements: s.elements.map((e) => (e.id === id ? { ...e, ...patch } : e)),
+  }))
+}
+
+export function deleteCanvasElement(id: string) {
+  prdCanvasStore.setState((s) => ({
+    ...s,
+    elements: s.elements.filter((e) => e.id !== id),
+  }))
+}

package/src/lib/tag-colors.ts

@@ -1 +1,35 @@
-export * from '@allbluecn/shared/lib/tag-colors'
+// 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/>.
+
+const TAG_COLORS = [
+  { bg: "bg-blue-100 dark:bg-blue-900/30", text: "text-blue-700 dark:text-blue-300", border: "border-blue-200 dark:border-blue-700", selected: "border-blue-500", check: "text-blue-700 dark:text-blue-300", label: "蓝色" },
+  { bg: "bg-emerald-100 dark:bg-emerald-900/30", text: "text-emerald-700 dark:text-emerald-300", border: "border-emerald-200 dark:border-emerald-700", selected: "border-emerald-500", check: "text-emerald-700 dark:text-emerald-300", label: "绿色" },
+  { bg: "bg-violet-100 dark:bg-violet-900/30", text: "text-violet-700 dark:text-violet-300", border: "border-violet-200 dark:border-violet-700", selected: "border-violet-500", check: "text-violet-700 dark:text-violet-300", label: "紫色" },
+  { bg: "bg-amber-100 dark:bg-amber-900/30", text: "text-amber-700 dark:text-amber-300", border: "border-amber-200 dark:border-amber-700", selected: "border-amber-500", check: "text-amber-700 dark:text-amber-300", label: "琥珀" },
+  { bg: "bg-rose-100 dark:bg-rose-900/30", text: "text-rose-700 dark:text-rose-300", border: "border-rose-200 dark:border-rose-700", selected: "border-rose-500", check: "text-rose-700 dark:text-rose-300", label: "玫红" },
+  { bg: "bg-cyan-100 dark:bg-cyan-900/30", text: "text-cyan-700 dark:text-cyan-300", border: "border-cyan-200 dark:border-cyan-700", selected: "border-cyan-500", check: "text-cyan-700 dark:text-cyan-300", label: "青色" },
+  { bg: "bg-orange-100 dark:bg-orange-900/30", text: "text-orange-700 dark:text-orange-300", border: "border-orange-200 dark:border-orange-700", selected: "border-orange-500", check: "text-orange-700 dark:text-orange-300", label: "橙色" },
+  { bg: "bg-pink-100 dark:bg-pink-900/30", text: "text-pink-700 dark:text-pink-300", border: "border-pink-200 dark:border-pink-700", selected: "border-pink-500", check: "text-pink-700 dark:text-pink-300", label: "粉色" },
+];
+
+function hashColorIndex(name: string) {
+  let hash = 0;
+  for (let i = 0; i < name.length; i++) hash = ((hash << 5) - hash) + name.charCodeAt(i);
+  return Math.abs(hash) % TAG_COLORS.length;
+}
+
+export { TAG_COLORS, hashColorIndex };