@allbluecn/web-app 0.18.2 → 0.19.0

package/src/components/story/detail/story-detail-toolbar.tsx

@@ -1,382 +0,0 @@
-// 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 * as React from "react";
-import { useServerFn } from "@tanstack/react-start";
-import { toast } from "@/components/ui/toast";
-import { LinkIcon, Paperclip, BookOpenText } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { StoryDetailChildrenButton, StoryDetailChildrenPanel } from "./story-detail-toolbar/children";
-import { StoryDetailDependencies } from "./story-detail-toolbar/dependencies";
-import { StoryDetailDependencyPanel } from "./story-detail-toolbar/dependency-panel";
-import { StoryDetailCategories } from "./story-detail-toolbar/categories";
-import {
-  AssociatedAttachmentsPanel,
-  type AssociatedDialogKind,
-} from "./story-detail-toolbar/associated-attachments-panel";
-import { StoryDetailTestCases } from "./story-detail-toolbar/related-test-cases";
-import { LinkManageDialog } from "../relations/link-manage-dialog";
-import { AttachmentManageDialog } from "../relations/attachment-manage-dialog";
-import { KnowledgeSelectDialog } from "../relations/knowledge-select-dialog";
-import { getLinksFn, getAttachmentsFn, getLinkedDocsFn } from "@/server/serverFns/story";
-import { StorySelectDialog } from "../inline-editors/story-select-dialog";
-import { CreateStoryDialog } from "../create-story-dialog";
-import { addDependenciesFn, getDependenciesFn, listChildStoriesFn } from "@/server/serverFns/story";
-import { DEPENDENCY_TYPE_OPTIONS, toDependencyEdge, type DependencyTypeOption } from "../constants";
-import type { RelationsData, UserBrief } from "../types";
-import { m } from "@/paraglide/messages.js";
-import { toastError } from "@/lib/toast-error";
-
-const DEPENDENCY_ERROR_LABELS: Record<string, () => string> = {
-  CYCLE: m.story_dependency_errors_CYCLE,
-  DUPLICATED: m.story_dependency_errors_DUPLICATED,
-  SELF: m.story_dependency_errors_SELF,
-}
-
-interface StoryDetailToolbarProps {
-  storyId: string;
-  /** 当前需求编号（依赖 tooltip 文案用） */
-  storyIdentifier?: string;
-  projectId: string | null;
-  data: RelationsData;
-  onRefresh: (next: (prev: RelationsData) => RelationsData) => void;
-  /** 关联类操作产生的活动即时追加到时间线 */
-  onAppendActivities?: (items: import("../types").ActivityItem[]) => void;
-  users?: UserBrief[];
-  projects?: { id: string; name: string; icon: string; displayId: string | null }[];
-  labels?: { id: string; name: string; color: string }[];
-  onNavigateInPanel?: (targetId: string, targetIdentifier?: string, relationKind?: "child" | "dependency") => void;
-}
-
-export function StoryDetailToolbar({ storyId, storyIdentifier, projectId, data, onRefresh, onAppendActivities, users, projects, labels, onNavigateInPanel }: StoryDetailToolbarProps) {
-  const [actionOpen, setActionOpen] = React.useState<"create" | "select" | null>(null);
-  const [dependencyDialogOpen, setDependencyDialogOpen] = React.useState(false);
-  const [assocDialogOpen, setAssocDialogOpen] = React.useState<AssociatedDialogKind | null>(null);
-  const [linkInitialEdit, setLinkInitialEdit] = React.useState<import("../types").StoryLinkItem | null>(null);
-  const [editAttachment, setEditAttachment] = React.useState<import("../types").StoryAttachmentItem | null>(null);
-  const [dependencyType, setDependencyType] = React.useState<DependencyTypeOption["key"] | undefined>(undefined);
-  const addDependencies = useServerFn(addDependenciesFn);
-
-  const dependencyExcludeIds = React.useMemo(
-    () => [
-      storyId,
-      ...data.dependencies.dependsOn.map((r) => r.id),
-      ...data.dependencies.dependents.map((r) => r.id),
-    ],
-    [storyId, data.dependencies],
-  );
-
-  const refreshDependencies = async () => {
-    try {
-      const dependencies = await getDependenciesFn({ data: { storyId } });
-      onRefresh((prev) => ({ ...prev, dependencies }));
-    } catch {
-      // 静默兜底：保留现有面板数据
-    }
-  };
-
-  const handleDependencySubmit = async (ids: string | string[]) => {
-    const option = DEPENDENCY_TYPE_OPTIONS.find((o) => o.key === dependencyType);
-    if (!option) return;
-    const targetIds = Array.isArray(ids) ? ids : [ids];
-    const items = targetIds.map((targetId) => toDependencyEdge(option, storyId, targetId));
-    try {
-      const res = await addDependencies({ data: { items } });
-      if (res.created.length > 0) {
-        toast.success(m.story_dependency_added({ count: res.created.length }));
-        const mine = res.activities
-          .filter((a) => a.storyId === storyId)
-          .map(({ storyId: _sid, ...rest }) => rest);
-        if (mine.length > 0) onAppendActivities?.(mine);
-      }
-      if (res.failed.length > 0) {
-        const reasons = [...new Set(res.failed.map((f) => DEPENDENCY_ERROR_LABELS[f.reason]?.() ?? f.reason))].join("、");
-        toast.warning(m.story_dependency_addPartialFailed({ failed: res.failed.length, reasons }));
-      } else {
-        setDependencyDialogOpen(false);
-      }
-      refreshDependencies();
-    } catch (e) {
-      toastError(e, m.story_dependency_addFailed());
-    }
-  };
-
-  const handleChildAction = (action: "create" | "select") => {
-    setActionOpen(action);
-  };
-
-  const refreshChildren = async () => {
-    try {
-      const children = await listChildStoriesFn({ data: { parentId: storyId } });
-      onRefresh((prev) => ({
-        ...prev,
-        hierarchy: {
-          ...prev.hierarchy,
-          children,
-          hasChildren: children.length > 0,
-        },
-      }));
-    } catch {
-      onRefresh((prev) => ({
-        ...prev,
-        hierarchy: {
-          ...prev.hierarchy,
-          hasChildren: true,
-        },
-      }));
-    }
-  };
-
-  const handleCreateSuccess = (
-    _story: { id: string; name: string; identifier?: string },
-    activities?: import("../types").ActivityItem[],
-  ) => {
-    setActionOpen(null);
-    refreshChildren();
-    if (activities && activities.length > 0) onAppendActivities?.(activities);
-  };
-
-  const refreshLinks = async () => {
-    try {
-      const links = await getLinksFn({ data: { storyId } });
-      onRefresh((prev) => ({ ...prev, links }));
-    } catch {
-      // 静默兜底
-    }
-  };
-
-  const refreshAttachments = async () => {
-    try {
-      const attachments = await getAttachmentsFn({ data: { storyId } });
-      onRefresh((prev) => ({ ...prev, attachments }));
-    } catch {
-      // 静默兜底
-    }
-  };
-
-  const refreshKnowledge = async () => {
-    try {
-      const docs = await getLinkedDocsFn({ data: { storyId } });
-      onRefresh((prev) => ({ ...prev, knowledge: { ...prev.knowledge, docs } }));
-    } catch {
-      // 静默兜底
-    }
-  };
-
-  const handleOpenAssocDialog = (kind: AssociatedDialogKind, editLink?: import("../types").StoryLinkItem, editAttachmentItem?: import("../types").StoryAttachmentItem) => {
-    setLinkInitialEdit(editLink ?? null);
-    setEditAttachment(editAttachmentItem ?? null);
-    setAssocDialogOpen(kind);
-  };
-
-  return (
-    <div className="px-6">
-      <div className="flex items-center gap-0 rounded-lg border bg-muted/40 p-1 w-fit">
-        <StoryDetailChildrenButton onAction={handleChildAction} />
-
-        <span className="mx-0.5 h-4 w-px shrink-0 bg-muted-foreground/20" />
-
-        <StoryDetailDependencies onOpenAdd={() => setDependencyDialogOpen(true)} />
-
-        <span className="mx-0.5 h-4 w-px shrink-0 bg-muted-foreground/20" />
-
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md"
-          onClick={() => handleOpenAssocDialog("link")}
-        >
-          <LinkIcon className="size-3.5 text-muted-foreground" />
-          {m.story_linkDialog_button()}
-          {data.links.length > 0 && (
-            <span className="ml-0.5 inline-flex min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground">
-              {data.links.length}
-            </span>
-          )}
-        </Button>
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md"
-          onClick={() => handleOpenAssocDialog("attachment")}
-        >
-          <Paperclip className="size-3.5 text-muted-foreground" />
-          {m.story_attachmentDialog_button()}
-          {data.attachments.length > 0 && (
-            <span className="ml-0.5 inline-flex min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground">
-              {data.attachments.length}
-            </span>
-          )}
-        </Button>
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md"
-          onClick={() => handleOpenAssocDialog("knowledge")}
-        >
-          <BookOpenText className="size-3.5 text-muted-foreground" />
-          {m.story_knowledgeDialog_button()}
-          {data.knowledge.docs.length > 0 && (
-            <span className="ml-0.5 inline-flex min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground">
-              {data.knowledge.docs.length}
-            </span>
-          )}
-        </Button>
-
-        <span className="mx-0.5 h-4 w-px shrink-0 bg-muted-foreground/20" />
-
-        <StoryDetailCategories />
-      </div>
-
-      <StoryDetailChildrenPanel
-        storyId={storyId}
-        projectId={projectId}
-        data={data.hierarchy}
-        onRefresh={onRefresh}
-        refreshChildren={refreshChildren}
-        users={users}
-        projects={projects}
-        labels={labels}
-        onAction={handleChildAction}
-        onNavigateInPanel={onNavigateInPanel}
-      />
-
-      <StoryDetailDependencyPanel
-        storyId={storyId}
-        storyIdentifier={storyIdentifier}
-        projectId={projectId}
-        data={data.dependencies}
-        onRefresh={onRefresh}
-        refreshDependencies={refreshDependencies}
-        users={users}
-        projects={projects}
-        labels={labels}
-        onOpenAdd={() => setDependencyDialogOpen(true)}
-        onAppendActivities={onAppendActivities}
-        onNavigateInPanel={onNavigateInPanel}
-      />
-
-      <AssociatedAttachmentsPanel
-        storyId={storyId}
-        data={data}
-        onRefresh={onRefresh}
-        onOpenDialog={handleOpenAssocDialog}
-        onAppendActivities={onAppendActivities}
-      />
-
-      {/* 测试用例关联区（任务 12）：列出 storyId 挂载的用例 + 覆盖摘要（P1 只显条数） */}
-      <StoryDetailTestCases storyId={storyId} projectId={projectId} />
-
-      <StorySelectDialog
-        open={actionOpen === "select"}
-        onOpenChange={(open) => {
-          if (!open) setActionOpen(null);
-        }}
-        storyId={storyId}
-        projects={projects ?? []}
-        initialProjectId={projectId ?? undefined}
-        mode="child"
-        title={m.story_children_selectChild()}
-        defaultSelectedParentIds={data.hierarchy.children.map((c) => c.id)}
-        onSelected={() => {
-          setActionOpen(null);
-          refreshChildren();
-        }}
-      />
-
-      <StorySelectDialog
-        open={dependencyDialogOpen}
-        onOpenChange={(open) => {
-          if (!open) setDependencyDialogOpen(false);
-        }}
-        storyId={storyId}
-        projects={projects ?? []}
-        initialProjectId={projectId ?? undefined}
-        mode="dependency"
-        skipTransfer
-        title={m.story_dependency_add()}
-        excludeIds={dependencyExcludeIds}
-        dependencyType={dependencyType}
-        onDependencyTypeChange={setDependencyType}
-        onSelected={(ids) => {
-          void handleDependencySubmit(ids);
-        }}
-      />
-
-      <CreateStoryDialog
-        open={actionOpen === "create"}
-        onOpenChange={(open) => {
-          if (!open) setActionOpen(null);
-        }}
-        users={users ?? []}
-        projects={projects ?? []}
-        labels={labels ?? []}
-        initialState="backlog"
-        initialParentId={storyId}
-        initialProjectId={projectId ?? undefined}
-        onSuccess={handleCreateSuccess}
-      />
-
-      <LinkManageDialog
-        open={assocDialogOpen === "link"}
-        onOpenChange={(v) => {
-          if (!v) {
-            setAssocDialogOpen(null);
-            setLinkInitialEdit(null);
-          }
-        }}
-        storyId={storyId}
-        data={data.links}
-        initialEdit={linkInitialEdit}
-        onActivity={(a) => onAppendActivities?.([a])}
-        onUpdate={(links) => {
-          onRefresh((prev) => ({ ...prev, links }));
-          void refreshLinks();
-        }}
-      />
-
-      <AttachmentManageDialog
-        open={assocDialogOpen === "attachment"}
-        onOpenChange={(v) => {
-          if (!v) { setAssocDialogOpen(null); setEditAttachment(null); }
-        }}
-        storyId={storyId}
-        data={data.attachments}
-        editItem={editAttachment}
-        onActivity={(a) => onAppendActivities?.([a])}
-        onUpdate={(attachments) => {
-          onRefresh((prev) => ({ ...prev, attachments }));
-          void refreshAttachments();
-        }}
-      />
-
-      <KnowledgeSelectDialog
-        open={assocDialogOpen === "knowledge"}
-        onOpenChange={(v) => {
-          if (!v) setAssocDialogOpen(null);
-        }}
-        storyId={storyId}
-        linkedDocs={data.knowledge.docs}
-        onActivity={(a) => onAppendActivities?.([a])}
-        onUpdate={(docs) => {
-          onRefresh((prev) => ({ ...prev, knowledge: { ...prev.knowledge, docs } }));
-          void refreshKnowledge();
-        }}
-      />
-    </div>
-  );
-}

package/src/components/story/filters/add-filter-dropdown.tsx

@@ -1,70 +0,0 @@
-// 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 } from "react";
-import { Plus } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { FILTER_FIELD_CONFIGS, type FilterKey, type FilterCondition } from "./filter-types";
-import { m } from "@/paraglide/messages.js";
-
-interface AddFilterDropdownProps {
-  conditions: FilterCondition[];
-  onAdd: (property: FilterKey) => void;
-}
-
-export function AddFilterDropdown({ conditions, onAdd }: AddFilterDropdownProps) {
-  const [open, setOpen] = useState(false);
-  const usedKeys = new Set(conditions.map((c) => c.property));
-  const available = FILTER_FIELD_CONFIGS.filter((c) => !usedKeys.has(c.key));
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger render={
-        <Button
-          variant="ghost"
-          size="sm"
-          disabled={available.length === 0}
-          className="h-7 gap-1 rounded-sm px-2 text-xs text-muted-foreground hover:text-foreground"
-        />
-      }>
-          <Plus className="size-3.5" />
-          {m.story_filter_addCondition()}
-      </PopoverTrigger>
-      <PopoverContent className="w-48 p-1" align="start">
-        {available.length === 0 ? (
-          <div className="px-2 py-4 text-center text-xs text-muted-foreground">{m.story_filter_allAdded()}</div>
-        ) : (
-          available.map((config) => {
-            const Icon = config.icon;
-            return (
-              <button
-                key={config.key}
-                type="button"
-                onClick={() => { onAdd(config.key); setOpen(false); }}
-                className="flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-muted transition-colors"
-              >
-                <Icon className="size-4 text-muted-foreground shrink-0" />
-                <span>{config.label()}</span>
-              </button>
-            );
-          })
-        )}
-      </PopoverContent>
-    </Popover>
-  );
-}

package/src/components/story/filters/applied-filters.tsx

@@ -1,225 +0,0 @@
-// 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 { X, Calendar, CircleUser, Archive, BrushCleaning } from "lucide-react";
-import { format, parseISO, isValid } from "date-fns";
-import { Button } from "@/components/ui/button";
-import { UserAvatar } from "@/components/shared-kit";
-import { PriorityIcon } from "../priority-icon";
-import { STORY_STATES, STATE_ICON, PRIORITY_LABEL, type StoryPriority } from "../constants";
-import { getFilterLabel, getFilterIcon, type FilterCondition, type FilterKey } from "./filter-types";
-import { cn } from "@/lib/utils";
-import type { UserBrief } from "../types";
-import { m } from "@/paraglide/messages.js";
-
-interface AppliedFiltersProps {
-  conditions: FilterCondition[];
-  onRemove: (id: string) => void;
-  onClearAll: () => void;
-  onArchiveAll?: () => void;
-  users?: UserBrief[];
-  labels?: { id: string; name: string; color: string }[];
-}
-
-const valueChipClass = "inline-flex items-center gap-1 px-1 py-0.5 leading-none";
-
-export function AppliedFilters({ conditions, onRemove, onClearAll, onArchiveAll, users, labels }: AppliedFiltersProps) {
-  if (conditions.length === 0) return null;
-
-  const showArchiveAll = !!onArchiveAll && hasArchiveableState(conditions);
-
-  return (
-    <div className="flex flex-wrap items-center gap-1.5">
-      {conditions.map((c) => {
-        const Icon = getFilterIcon(c.property);
-        const isRange = c.operator === "between";
-        const isEmptyOp = c.operator === "is_empty" || c.operator === "is_not_empty";
-        const valueItems = !isEmptyOp && c.value ? (c.property === "title" ? [c.value] : c.value.split(",").filter(Boolean)) : [];
-
-        return (
-          <span
-            key={c.id}
-            className="inline-flex h-7 items-center rounded-full border border-border bg-muted/30 text-xs"
-          >
-            <span className="flex h-full items-center gap-1 rounded-l-full pl-2 pr-1.5 text-foreground">
-              <Icon className="size-3.5 shrink-0 text-muted-foreground" />
-              <span className="whitespace-nowrap font-medium">{getFilterLabel(c.property)()}</span>
-            </span>
-
-            {!isEmptyOp && valueItems.length > 0 && (
-              <>
-                <div className="h-4 w-px bg-border" />
-                <span className={cn("flex h-full items-center px-1.5", valueItems.length > 1 ? "gap-1.5" : "gap-1")}>
-                  {isRange && valueItems.length === 2 ? (
-                    <DateRangeChip from={valueItems[0]} to={valueItems[1]} />
-                  ) : (
-                    valueItems.map((item) => (
-                      <ValueChip
-                        key={item}
-                        property={c.property}
-                        valueItem={item}
-                        users={users}
-                        labels={labels}
-                      />
-                    ))
-                  )}
-                </span>
-              </>
-            )}
-
-            <button
-              type="button"
-              onClick={() => onRemove(c.id)}
-              className="flex size-7 shrink-0 items-center justify-center rounded-r-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
-            >
-              <X className="size-3.5" />
-            </button>
-          </span>
-        );
-      })}
-      <Button
-        variant="ghost"
-        size="sm"
-        onClick={onClearAll}
-        className="h-7 rounded px-2 text-xs text-muted-foreground hover:text-foreground"
-      >
-        <BrushCleaning className="mr-1 size-3.5" />
-        {m.story_filters_clearAll()}
-      </Button>
-      {showArchiveAll && (
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={onArchiveAll}
-          className="h-7 rounded px-2 text-xs text-muted-foreground hover:text-foreground"
-        >
-          <Archive className="mr-1 size-3.5" />
-          {m.story_filters_archiveAll()}
-        </Button>
-      )}
-    </div>
-  );
-}
-
-function ValueChip({
-  property,
-  valueItem,
-  users,
-  labels,
-}: {
-  property: FilterKey;
-  valueItem: string;
-  users?: UserBrief[];
-  labels?: { id: string; name: string; color: string }[];
-}) {
-  switch (property) {
-    case "state": {
-      const st = STORY_STATES.find((s) => s.value === valueItem);
-      if (!st) return <FallbackValue value={valueItem} />;
-      const SI = STATE_ICON[st.value];
-      const tc = st.color.split(" ").find((c) => c.startsWith("text")) ?? "";
-      return (
-        <span className={valueChipClass}>
-          <SI className={cn("size-3", tc)} />
-          <span className={cn("whitespace-nowrap", tc)}>{st.label()}</span>
-        </span>
-      );
-    }
-    case "priority": {
-      const p = valueItem as StoryPriority;
-      return (
-        <span className={valueChipClass}>
-          <PriorityIcon priority={p} />
-          <span className="whitespace-nowrap">{PRIORITY_LABEL[p]?.() ?? valueItem}</span>
-        </span>
-      );
-    }
-    case "assigneeId": {
-      if (valueItem === "__none__") {
-        return (
-          <span className={valueChipClass}>
-            <CircleUser className="size-3 text-muted-foreground" />
-            <span className="whitespace-nowrap text-muted-foreground">{m.story_filter_unassignedAssignee()}</span>
-          </span>
-        );
-      }
-      const u = users?.find((user) => user.id === valueItem);
-      if (!u) return <FallbackValue value={valueItem} />;
-      return (
-        <span className={valueChipClass}>
-          <UserAvatar
-            avatarConfig={u.avatarConfig}
-            bgShape="circle"
-            bgColor={u.bgColor}
-            name={u.username}
-            size="xs"
-            className="!w-4 !h-4"
-          />
-          <span className="whitespace-nowrap">{u.username}</span>
-        </span>
-      );
-    }
-    case "labelId": {
-      const l = labels?.find((lb) => lb.id === valueItem);
-      if (!l) return <FallbackValue value={valueItem} />;
-      return (
-        <span className={valueChipClass}>
-          <span className="inline-block size-2 rounded-full" style={{ backgroundColor: l.color }} />
-          <span className="whitespace-nowrap">{l.name}</span>
-        </span>
-      );
-    }
-    case "createdDate":
-    case "targetDate": {
-      const d = parseISO(valueItem);
-      return (
-        <span className={valueChipClass}>
-          <Calendar className="size-3 text-muted-foreground" />
-          <span className="whitespace-nowrap">{isValid(d) ? format(d, "MM/dd") : valueItem}</span>
-        </span>
-      );
-    }
-    default:
-      return <FallbackValue value={valueItem} />;
-  }
-}
-
-function DateRangeChip({ from, to }: { from: string; to: string }) {
-  const f = parseISO(from);
-  const t = parseISO(to);
-  return (
-    <span className={valueChipClass}>
-      <Calendar className="size-3 text-muted-foreground" />
-      <span className="whitespace-nowrap">
-        {isValid(f) ? format(f, "MM/dd") : from} ~ {isValid(t) ? format(t, "MM/dd") : to}
-      </span>
-    </span>
-  );
-}
-
-function FallbackValue({ value }: { value: string }) {
-  return <span className={cn(valueChipClass, "whitespace-nowrap text-foreground")}>{value}</span>;
-}
-
-function hasArchiveableState(conditions: FilterCondition[]): boolean {
-  return conditions.some((c) => {
-    if (c.property !== "state") return false;
-    if (c.operator === "is_not" || c.operator === "is_not_any_of") return false;
-    const values = c.value.split(",").filter(Boolean);
-    return values.some((v) => v === "done" || v === "cancelled");
-  });
-}