@allbluecn/web-app 0.4.22 → 0.5.1

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

@@ -1,73 +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 { Link2 } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { LinksPanel } from "../../relations/links-panel";
-import type { RelationsData } from "../../types";
-
-export function StoryDetailLinks({
-  storyId,
-  data,
-  onRefresh,
-}: {
-  storyId: string;
-  data: RelationsData;
-  onRefresh: (next: (prev: RelationsData) => RelationsData) => void;
-}) {
-  const { t } = useTranslation("story");
-  const count = data.links.length;
-
-  return (
-    <Popover>
-      <PopoverTrigger asChild>
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-7 gap-1.5 px-2.5 text-xs font-normal hover:bg-muted rounded-md"
-          title={t("relations.linksTitle")}
-        >
-          <Link2 className="size-3.5 text-muted-foreground" />
-          {t("relations.links")}
-          {count > 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">
-              {count}
-            </span>
-          )}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent align="start" className="w-[380px] p-4">
-        <div className="flex items-center justify-between mb-3">
-          <span className="text-sm font-semibold">{t("relations.links")}</span>
-          {count > 0 && <span className="text-xs text-muted-foreground">{t("relations.itemCount", { count })}</span>}
-        </div>
-        <LinksPanel
-          storyId={storyId}
-          data={data.links}
-          onUpdate={(newLinks) =>
-            onRefresh((prev) => ({
-              ...prev,
-              links: newLinks,
-            }))
-          }
-        />
-      </PopoverContent>
-    </Popover>
-  );
-}

package/src/components/story/relation-badge.tsx

@@ -1,57 +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 { X } from "lucide-react";
-import { cn } from "@/lib/utils";
-import { DEPENDENCY_COLORS, DEPENDENCY_ICONS, DEPENDENCY_LABELS } from "./constants";
-import type { DependencyType } from "./types";
-
-export interface RelationBadgeProps {
-  type: DependencyType;
-  title: string;
-  onRemove?: () => void;
-  className?: string;
-}
-
-export function RelationBadge({ type, title, onRemove, className }: RelationBadgeProps) {
-  const Icon = DEPENDENCY_ICONS[type];
-  const colors = DEPENDENCY_COLORS[type];
-
-  return (
-    <div
-      className={cn(
-        "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium",
-        colors.bg,
-        colors.text,
-        className
-      )}
-    >
-      <Icon className="h-3 w-3" />
-      <span className="max-w-[150px] truncate">{title}</span>
-      {onRemove && (
-        <button
-          type="button"
-          onClick={onRemove}
-          className="hover:opacity-70 transition-opacity"
-        >
-          <X className="h-3 w-3" />
-        </button>
-      )}
-    </div>
-  );
-}

package/src/components/story/relations/attachments-panel.tsx

@@ -1,179 +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 { Plus, Upload, FileText, Trash2 } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { useServerFn } from "@tanstack/react-start";
-import { getAttachmentsFn, removeAttachmentFn } from "@/server/serverFns/story";
-import { toast } from "sonner";
-import { type StoryAttachmentItem } from "../types";
-
-export interface AttachmentsPanelProps {
-  storyId: string;
-  data: StoryAttachmentItem[];
-  onUpdate: (newAttachments: StoryAttachmentItem[]) => void;
-}
-
-export function AttachmentsPanel({ storyId, data, onUpdate }: AttachmentsPanelProps) {
-  const { t } = useTranslation("story");
-  const [open, setOpen] = React.useState(false);
-  const [selectedFile, setSelectedFile] = React.useState<File | null>(null);
-  const [uploading, setUploading] = React.useState(false);
-
-  const removeAttachment = useServerFn(removeAttachmentFn);
-
-  const handleUpload = async () => {
-    if (!selectedFile) {
-      toast.error(t("attachments.selectFile"));
-      return;
-    }
-
-    setUploading(true);
-    try {
-      // 使用原生 fetch 调用 serverFn 端点上传（支持 FormData）
-      const formData = new FormData();
-      formData.append("storyId", storyId);
-      formData.append("file", selectedFile);
-
-      // 注意：serverFn 不支持 FormData，这里使用 Mock 实现
-      // 实际应用中应调用专用上传 API
-      const mockUrl = `/mock-storage/${Date.now()}-${selectedFile.name}`;
-      const newAttachment: StoryAttachmentItem = {
-        id: `mock-${Date.now()}`,
-        fileName: selectedFile.name,
-        fileSize: selectedFile.size,
-        mimeType: selectedFile.type || "application/octet-stream",
-        storageUrl: mockUrl,
-      };
-
-      // 乐观更新
-      onUpdate([newAttachment, ...data]);
-      toast.success(t("attachments.uploaded"));
-      setOpen(false);
-      setSelectedFile(null);
-    } catch (error: any) {
-      console.error(t("attachments.uploadFailed"), error);
-      toast.error(error.message || t("attachments.uploadFailed"));
-    } finally {
-      setUploading(false);
-    }
-  };
-
-  const handleRemove = async (attachmentId: string) => {
-    try {
-      // Mock 附件用本地移除
-      if (attachmentId.startsWith("mock-")) {
-        onUpdate(data.filter((att) => att.id !== attachmentId));
-        toast.success(t("attachments.removed"));
-        return;
-      }
-
-      await removeAttachment({ data: { attachmentId } });
-      toast.success(t("attachments.removed"));
-      onUpdate(data.filter((att) => att.id !== attachmentId));
-    } catch (error: any) {
-      console.error(t("attachments.removeFailed"), error);
-      toast.error(error.message || t("attachments.removeFailed"));
-    }
-  };
-
-  const formatFileSize = (bytes: number) => {
-    if (bytes === 0) return "0 B";
-    const k = 1024;
-    const sizes = ["B", "KB", "MB", "GB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
-  };
-
-  return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <div className="text-sm font-medium">{t("attachments.title")}</div>
-        <Dialog open={open} onOpenChange={setOpen}>
-          <DialogTrigger asChild>
-            <Button type="button" variant="outline" size="sm">
-              <Plus className="h-4 w-4 mr-2" />
-              {t("attachments.add")}
-            </Button>
-          </DialogTrigger>
-          <DialogContent>
-            <DialogHeader>
-              <DialogTitle>{t("attachments.uploadTitle")}</DialogTitle>
-            </DialogHeader>
-            <div className="space-y-4">
-              <label className="flex flex-col items-center justify-center w-full h-32 border-2 border-dashed rounded-md cursor-pointer hover:bg-muted transition-colors">
-                <Upload className="h-8 w-8 mb-2 text-muted-foreground" />
-                <span className="text-sm text-muted-foreground">
-                  {selectedFile ? selectedFile.name : t("attachments.clickToSelect")}
-                </span>
-                <input
-                  type="file"
-                  className="hidden"
-                  onChange={(e) => setSelectedFile(e.target.files?.[0] || null)}
-                />
-              </label>
-              <div className="flex justify-end gap-2">
-                <Button type="button" variant="outline" onClick={() => setOpen(false)}>
-                  {t("attachments.cancel")}
-                </Button>
-                <Button type="button" onClick={handleUpload} disabled={uploading || !selectedFile}>
-                  {uploading ? t("attachments.uploading") : t("attachments.upload")}
-                </Button>
-              </div>
-            </div>
-          </DialogContent>
-        </Dialog>
-      </div>
-
-      {data.length > 0 ? (
-        <div className="space-y-2">
-          {data.map((att) => (
-            <div
-              key={att.id}
-              className="flex items-center justify-between p-3 bg-muted rounded-md"
-            >
-              <div className="flex items-center gap-2 flex-1 min-w-0">
-                <FileText className="h-4 w-4 text-muted-foreground shrink-0" />
-                <div className="flex-1 min-w-0">
-                  <div className="text-sm font-medium truncate">{att.fileName}</div>
-                  <div className="text-xs text-muted-foreground">
-                    {formatFileSize(att.fileSize)} · {att.mimeType}
-                  </div>
-                </div>
-              </div>
-              <Button
-                type="button"
-                variant="ghost"
-                size="icon"
-                onClick={() => handleRemove(att.id)}
-              >
-                <Trash2 className="h-4 w-4" />
-              </Button>
-            </div>
-          ))}
-        </div>
-      ) : (
-        <div className="text-sm text-muted-foreground text-center py-4">
-          {t("attachments.empty")}
-        </div>
-      )}
-    </div>
-  );
-}

package/src/components/story/relations/dependency-panel.tsx

@@ -1,190 +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 { Link } from "@tanstack/react-router";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Plus, X, ChevronDown } from "lucide-react";
-import { useServerFn } from "@tanstack/react-start"
-import { useTranslation } from "react-i18next";
-import { addDependencyFn, removeDependencyFn } from "@/server/serverFns/story";
-import { toast } from "sonner";
-import { StorySearchPopover } from "../search-popover";
-import { STATE_LABEL, STATE_COLOR, DEPENDENCY_TYPES, DEPENDENCY_LABELS } from "../constants";
-import type { DependencyGroup, DependencyType, DependencyItem } from "../types";
-
-type ServerDependencyType = "BLOCKS" | "BLOCKED_BY" | "RELATES_TO";
-
-function toServerType(type: DependencyType): ServerDependencyType {
-  return type === "blocks" ? "BLOCKS" : type === "blocked_by" ? "BLOCKED_BY" : "RELATES_TO";
-}
-
-export interface DependencyPanelProps {
-  storyId: string;
-  data: DependencyGroup;
-  onUpdate: (updates: Partial<DependencyGroup>) => void;
-}
-
-export function DependencyPanel({ storyId, data, onUpdate }: DependencyPanelProps) {
-  const { t } = useTranslation("story");
-  const [selectedType, setSelectedType] = React.useState<DependencyType>("blocks");
-  const [adding, setAdding] = React.useState(false);
-  const addDependency = useServerFn(addDependencyFn);
-  const removeDependency = useServerFn(removeDependencyFn);
-
-  const handleAddDependency = async (targetStoryId: string, story?: { id: string; title: string; identifier: string }) => {
-    try {
-      await addDependency({
-        data: {
-          sourceId: storyId,
-          targetId: targetStoryId,
-          type: toServerType(selectedType),
-        },
-      });
-      toast.success(t("relation.added"));
-
-      const groupKey = selectedType === "blocks" ? "blocking" : selectedType === "blocked_by" ? "blockedBy" : "relatesTo";
-      onUpdate({
-        [groupKey]: [
-          ...data[groupKey],
-          {
-            id: targetStoryId,
-            title: story?.title || t("relation.newTitle"),
-            status: "backlog",
-            type: selectedType,
-          },
-        ],
-      });
-      setAdding(false);
-    } catch (error: any) {
-      console.error(t("relation.addFailed"), error);
-      toast.error(error.message || t("relation.addFailed"));
-    }
-  };
-
-  const handleRemoveDependency = async (story: DependencyItem) => {
-    try {
-      const type = story.type;
-      const sourceId = storyId;
-      const targetId = story.id;
-
-      await removeDependency({ data: { sourceId, targetId, type: toServerType(type) } });
-      toast.success(t("relation.removed"));
-
-      const groupKey = type === "blocks" ? "blocking" : type === "blocked_by" ? "blockedBy" : "relatesTo";
-      onUpdate({
-        [groupKey]: data[groupKey].filter((d) => d.id !== story.id),
-      });
-    } catch (error: any) {
-      console.error(t("relation.removeFailed"), error);
-      toast.error(error.message || t("relation.removeFailed"));
-    }
-  };
-
-  const renderDependencySection = (
-    title: string,
-    groupKey: keyof DependencyGroup,
-    type: DependencyType
-  ) => {
-    const items = data[groupKey];
-
-    return (
-      <div key={groupKey}>
-        <p className="text-xs font-medium text-muted-foreground mb-2">
-          {title} ({items.length})
-        </p>
-        {items.length > 0 ? (
-          <div className="space-y-1">
-            {items.map((item) => (
-              <div key={item.id} className="group flex items-center gap-2 rounded-md border px-3 py-2">
-                <Link
-                  to="/stories/$storyId"
-                  params={{ storyId: item.id }}
-                  className="font-mono text-xs text-primary hover:underline"
-                >
-                  {item.id.slice(0, 8)}
-                </Link>
-                <span className="flex-1 truncate text-sm">{item.title}</span>
-                <Badge variant="outline" className={STATE_COLOR[item.status as keyof typeof STATE_COLOR]}>
-                  {t(STATE_LABEL[item.status as keyof typeof STATE_LABEL])}
-                </Badge>
-                <button
-                  onClick={() => handleRemoveDependency(item)}
-                  className="opacity-0 transition-opacity group-hover:opacity-100"
-                >
-                  <X className="size-3.5 text-muted-foreground hover:text-destructive" />
-                </button>
-              </div>
-            ))}
-          </div>
-        ) : (
-          <p className="py-1 text-xs text-muted-foreground">{t("relation.none")}</p>
-        )}
-      </div>
-    );
-  };
-
-  return (
-    <div className="space-y-3 py-2">
-      {renderDependencySection(t("dependency.blocking"), "blocking", "blocks")}
-      {renderDependencySection(t("dependency.blocked_by"), "blockedBy", "blocked_by")}
-      {renderDependencySection(t("dependency.relatesTo"), "relatesTo", "relates_to")}
-
-      {adding ? (
-        <div className="flex items-center gap-2">
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button variant="outline" size="sm">
-                {t(DEPENDENCY_LABELS[selectedType])}
-                <ChevronDown className="ml-1 size-3" />
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent>
-              {Object.values(DEPENDENCY_TYPES).map((type) => (
-                <DropdownMenuItem key={type} onClick={() => setSelectedType(type)}>
-                  {t(DEPENDENCY_LABELS[type])}
-                </DropdownMenuItem>
-              ))}
-            </DropdownMenuContent>
-          </DropdownMenu>
-          <StorySearchPopover
-            onSelect={handleAddDependency}
-            excludeIds={[storyId]}
-            trigger={
-              <Button variant="outline" size="sm">
-                <Plus className="mr-2 h-4 w-4" />
-                {t("relation.search")}
-              </Button>
-            }
-          />
-        </div>
-      ) : (
-        <Button variant="outline" size="sm" onClick={() => setAdding(true)}>
-          <Plus className="mr-2 h-4 w-4" />
-          {t("relation.add")}
-        </Button>
-      )}
-    </div>
-  );
-}

package/src/components/story/relations/hierarchy-panel.tsx

@@ -1,180 +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 { Plus, Minus, GitBranch } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import { StorySearchPopover } from "../search-popover";
-import { useServerFn } from "@tanstack/react-start";
-import { addChildFn, removeChildFn, getChildrenCountFn, getStoryDetailFn } from "@/server/serverFns/story";
-import { toast } from "sonner";
-import { type StoryBrief, StoryListItem } from "../types";
-
-export interface HierarchyPanelProps {
-  storyId: string;
-  data: {
-    parent: StoryBrief | null;
-    children: StoryListItem[];
-    hasChildren: boolean;
-  };
-  onUpdate: (updates: Partial<{ parent: StoryBrief | null; children: StoryListItem[]; hasChildren: boolean }>) => void;
-}
-
-export function HierarchyPanel({ storyId, data, onUpdate }: HierarchyPanelProps) {
-  const { t } = useTranslation("story");
-  const [addingChild, setAddingChild] = React.useState(false);
-  const addChild = useServerFn(addChildFn);
-  const removeChild = useServerFn(removeChildFn);
-  const getChildrenCount = useServerFn(getChildrenCountFn);
-  const getStoryDetail = useServerFn(getStoryDetailFn);
-
-  const handleAddChild = async (childId: string) => {
-    try {
-      await addChild({ data: { parentId: storyId, childId } });
-      toast.success(t("hierarchy.childAdded"));
-
-      const [{ count }, storyDetail] = await Promise.all([
-        getChildrenCount({ data: { parentId: storyId } }),
-        getStoryDetail({ data: { storyId: childId } }),
-      ]);
-
-      onUpdate({
-        children: [...data.children, storyDetail as StoryListItem],
-        hasChildren: count > 0,
-      });
-
-      setAddingChild(false);
-    } catch (error: any) {
-      console.error(t("hierarchy.addChildFailed"), error);
-      toast.error(error.message || t("hierarchy.addChildFailed"));
-    }
-  };
-
-  const handleRemoveChild = async (childId: string) => {
-    try {
-      await removeChild({ data: { childId } });
-      toast.success(t("hierarchy.childRemoved"));
-
-      const { count } = await getChildrenCount({ data: { parentId: storyId } });
-      onUpdate({
-        children: data.children.filter((c) => c.id !== childId),
-        hasChildren: count > 0,
-      });
-    } catch (error: any) {
-      console.error(t("hierarchy.removeChildFailed"), error);
-      toast.error(error.message || t("hierarchy.removeChildFailed"));
-    }
-  };
-
-  return (
-    <div className="space-y-4">
-      <div>
-        <div className="text-sm font-medium mb-2">{t("hierarchy.parent")}</div>
-        {data.parent ? (
-          <div className="flex items-center justify-between p-3 bg-muted rounded-md">
-            <div className="flex items-center gap-2">
-              <GitBranch className="h-4 w-4 text-muted-foreground" />
-              <span className="text-sm">{data.parent.title}</span>
-            </div>
-            <Button
-              type="button"
-              variant="ghost"
-              size="sm"
-              onClick={() => handleRemoveChild(storyId)}
-            >
-              <Minus className="h-4 w-4" />
-            </Button>
-          </div>
-        ) : (
-          <div className="flex items-center justify-between">
-            <span className="text-sm text-muted-foreground">{t("hierarchy.noParent")}</span>
-            <StorySearchPopover
-              onSelect={handleAddChild}
-              placeholder={t("hierarchy.setParent")}
-              trigger={
-                <Button type="button" variant="outline" size="sm">
-                  <Plus className="h-4 w-4 mr-2" />
-                  {t("hierarchy.setParent")}
-                </Button>
-              }
-            />
-          </div>
-        )}
-      </div>
-
-      <div>
-        <div className="flex items-center justify-between mb-2">
-          <div className="text-sm font-medium">{t("hierarchy.children")}</div>
-          <Button
-            type="button"
-            variant="outline"
-            size="sm"
-            onClick={() => setAddingChild(!addingChild)}
-          >
-            <Plus className="h-4 w-4 mr-2" />
-            {t("hierarchy.addChild")}
-          </Button>
-        </div>
-
-        {addingChild && (
-          <div className="mb-3">
-            <StorySearchPopover
-              onSelect={handleAddChild}
-              placeholder={t("hierarchy.searchStory")}
-              excludeIds={[storyId, ...data.children.map((c) => c.id)]}
-              trigger={
-                <Button type="button" variant="outline" size="sm" className="w-full">
-                  <Plus className="h-4 w-4 mr-2" />
-                  {t("hierarchy.selectChild")}
-                </Button>
-              }
-            />
-          </div>
-        )}
-
-        {data.children.length > 0 ? (
-          <div className="space-y-2">
-            {data.children.map((child) => (
-              <div
-                key={child.id}
-                className="flex items-center justify-between p-3 bg-muted rounded-md"
-              >
-                <div className="flex items-center gap-2">
-                  <GitBranch className="h-4 w-4 text-muted-foreground" />
-                  <span className="text-sm">{child.name}</span>
-                </div>
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="sm"
-                  onClick={() => handleRemoveChild(child.id)}
-                >
-                  <Minus className="h-4 w-4" />
-                </Button>
-              </div>
-            ))}
-          </div>
-        ) : (
-          <div className="text-sm text-muted-foreground text-center py-4">
-            {t("hierarchy.noChildren")}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}