tower-studio 0.1.3 → 0.1.6

package/src/app/workspaces/[workspaceId]/archive/archive-page-client.tsx

@@ -1,258 +0,0 @@
-"use client";
-
-import { useState, useTransition, useCallback } from "react";
-import { Archive, CheckCircle2, XCircle, Loader2 } from "lucide-react";
-import { Select, SelectContent, SelectItem, SelectTrigger } from "@/components/ui/select";
-import { useI18n } from "@/lib/i18n";
-import { SubPageNav } from "@/components/layout/sub-page-nav";
-import { getArchivedTasks } from "@/actions/task-actions";
-import type { TaskStatus } from "@prisma/client";
-
-interface SimpleProject {
-  id: string;
-  name: string;
-  alias: string | null;
-}
-
-interface SimpleWorkspace {
-  id: string;
-  name: string;
-  projects: SimpleProject[];
-}
-
-interface LabelItem {
-  label: { id: string; name: string; color: string };
-}
-
-interface ExecutionItem {
-  id: string;
-  agent: string;
-  status: string;
-  createdAt: Date;
-}
-
-interface ArchivedTask {
-  id: string;
-  title: string;
-  description: string | null;
-  status: TaskStatus;
-  priority: string;
-  createdAt: Date;
-  updatedAt: Date;
-  labels: LabelItem[];
-  executions: ExecutionItem[];
-}
-
-interface ArchivePageClientProps {
-  allWorkspaces: SimpleWorkspace[];
-  initialWorkspaceId: string;
-  initialProjectId: string | null;
-  initialTasks: ArchivedTask[];
-}
-
-function formatDate(date: Date): string {
-  const d = new Date(date);
-  return d.toLocaleDateString("zh-CN", {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-  });
-}
-
-function PriorityDot({ priority }: { priority: string }) {
-  const colors: Record<string, string> = {
-    LOW: "bg-slate-400",
-    MEDIUM: "bg-amber-400",
-    HIGH: "bg-orange-500",
-    CRITICAL: "bg-rose-500",
-  };
-  return (
-    <span className={`inline-block h-1.5 w-1.5 rounded-full ${colors[priority] ?? "bg-slate-400"}`} />
-  );
-}
-
-export function ArchivePageClient({
-  allWorkspaces,
-  initialWorkspaceId,
-  initialProjectId,
-  initialTasks,
-}: ArchivePageClientProps) {
-  const { t } = useI18n();
-  const [isPending, startTransition] = useTransition();
-
-  const [wsId, setWsId] = useState(initialWorkspaceId);
-  const [projectId, setProjectId] = useState<string | null>(initialProjectId);
-  const [tasks, setTasks] = useState<ArchivedTask[]>(initialTasks);
-
-  const ws = allWorkspaces.find((w) => w.id === wsId);
-  const projects = ws?.projects ?? [];
-
-  const reload = useCallback(
-    (pid: string | null) => {
-      if (!pid) { setTasks([]); return; }
-      startTransition(async () => {
-        const fresh = await getArchivedTasks(pid);
-        setTasks(fresh);
-      });
-    },
-    [startTransition]
-  );
-
-  const handleWsChange = (id: string) => {
-    if (id === wsId) return;
-    setWsId(id);
-    const w = allWorkspaces.find((x) => x.id === id);
-    const first = w?.projects[0] ?? null;
-    setProjectId(first?.id ?? null);
-    reload(first?.id ?? null);
-  };
-
-  const handleProjectChange = (id: string) => {
-    if (id === projectId) return;
-    setProjectId(id);
-    reload(id);
-  };
-
-  return (
-    <div className="flex h-full flex-col overflow-hidden">
-      <SubPageNav workspaceId={wsId} />
-
-      {/* Action bar */}
-      <div className="header-sm flex items-center gap-3 px-6 py-2">
-        <Select value={wsId} onValueChange={(v) => v && handleWsChange(v)}>
-          <SelectTrigger className="h-8 w-auto min-w-[120px]">
-            <span className="truncate">{ws?.name ?? wsId}</span>
-          </SelectTrigger>
-          <SelectContent>
-            {allWorkspaces.map((w) => (
-              <SelectItem key={w.id} value={w.id}>{w.name}</SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
-        {projects.length > 0 && (
-          <Select value={projectId ?? ""} onValueChange={(v) => v && handleProjectChange(v)}>
-            <SelectTrigger className="h-8 w-auto min-w-[140px]">
-              <span className="truncate">
-                {(() => { const p = projects.find((x) => x.id === projectId); return p ? (p.alias ? `${p.name} (${p.alias})` : p.name) : ""; })()}
-              </span>
-            </SelectTrigger>
-            <SelectContent>
-              {projects.map((p) => (
-                <SelectItem key={p.id} value={p.id}>
-                  {p.name}{p.alias ? ` (${p.alias})` : ""}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        )}
-        <span className="ml-auto rounded-full bg-muted px-2.5 py-0.5 text-[11px] text-muted-foreground">
-          {tasks.length} {t("archive.tasksCount")}
-        </span>
-      </div>
-
-      {/* Task List */}
-      <div className="flex-1 overflow-auto px-6 py-4">
-        <div className={`relative ${isPending ? "opacity-40 pointer-events-none" : ""} transition-opacity`}>
-          {isPending && (
-            <div className="absolute inset-0 z-10 flex items-center justify-center">
-              <Loader2 className="size-5 animate-spin text-muted-foreground" />
-            </div>
-          )}
-          {tasks.length === 0 ? (
-            <div className="flex h-full flex-col items-center justify-center gap-2 py-16 text-center">
-              <Archive className="h-10 w-10 text-muted-foreground/30" />
-              <p className="text-sm font-medium text-muted-foreground">
-                {t("archive.noTasks")}
-              </p>
-              <p className="text-xs text-muted-foreground/60">
-                {t("archive.noTasksDesc")}
-              </p>
-            </div>
-          ) : (
-            <div className="space-y-2">
-              {tasks.map((task) => {
-                const isDone = task.status === "DONE";
-                const lastExecution = task.executions[0];
-                return (
-                  <div
-                    key={task.id}
-                    className="group rounded-lg border border-border bg-card px-4 py-3 transition-colors hover:border-border/80 hover:bg-accent/30"
-                  >
-                    <div className="flex items-start gap-3">
-                      <div className="mt-0.5 shrink-0">
-                        {isDone ? (
-                          <CheckCircle2 className="h-4 w-4 text-emerald-500" />
-                        ) : (
-                          <XCircle className="h-4 w-4 text-rose-500" />
-                        )}
-                      </div>
-                      <div className="min-w-0 flex-1">
-                        <div className="flex items-center gap-2">
-                          <PriorityDot priority={task.priority} />
-                          <span className="truncate text-sm font-medium text-foreground">
-                            {task.title}
-                          </span>
-                          <span
-                            className={`ml-1 shrink-0 rounded-full px-2 py-0.5 text-[10px] font-medium ${
-                              isDone
-                                ? "bg-emerald-500/10 text-emerald-400 ring-1 ring-emerald-500/20"
-                                : "bg-rose-500/10 text-rose-400 ring-1 ring-rose-500/20"
-                            }`}
-                          >
-                            {isDone ? t("archive.status.done") : t("archive.status.cancelled")}
-                          </span>
-                        </div>
-                        {task.labels.length > 0 && (
-                          <div className="mt-1.5 flex flex-wrap gap-1">
-                            {task.labels.map((tl) => (
-                              <span
-                                key={tl.label.id}
-                                className="rounded-full px-1.5 py-0.5 text-[10px] font-medium"
-                                style={{
-                                  backgroundColor: `${tl.label.color}20`,
-                                  color: tl.label.color,
-                                  outline: `1px solid ${tl.label.color}40`,
-                                }}
-                              >
-                                {tl.label.name}
-                              </span>
-                            ))}
-                          </div>
-                        )}
-                        <div className="mt-2 flex flex-wrap items-center gap-3 text-[11px] text-muted-foreground">
-                          <span>{t("archive.createdAt")}: {formatDate(task.createdAt)}</span>
-                          <span>
-                            {isDone ? t("archive.completedAt") : t("archive.cancelledAt")}
-                            : {formatDate(task.updatedAt)}
-                          </span>
-                          {lastExecution && (
-                            <span className="flex items-center gap-1">
-                              {t("archive.lastExecution")}:{" "}
-                              <span
-                                className={`rounded px-1 py-0.5 font-mono text-[10px] ${
-                                  lastExecution.status === "COMPLETED"
-                                    ? "bg-emerald-500/10 text-emerald-400"
-                                    : lastExecution.status === "FAILED"
-                                    ? "bg-rose-500/10 text-rose-400"
-                                    : "bg-amber-500/10 text-amber-400"
-                                }`}
-                              >
-                                {lastExecution.status}
-                              </span>
-                            </span>
-                          )}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                );
-              })}
-            </div>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/app/workspaces/[workspaceId]/archive/page.tsx

@@ -1,36 +0,0 @@
-import { notFound } from "next/navigation";
-import { db } from "@/lib/db";
-import { getArchivedTasks } from "@/actions/task-actions";
-import { getWorkspacesWithProjects } from "@/actions/workspace-actions";
-import { ArchivePageClient } from "./archive-page-client";
-
-interface Props {
-  params: Promise<{ workspaceId: string }>;
-}
-
-export default async function ArchivePage({ params }: Props) {
-  const { workspaceId } = await params;
-
-  const workspace = await db.workspace.findUnique({
-    where: { id: workspaceId },
-    select: { id: true },
-  });
-  if (!workspace) notFound();
-
-  const allWorkspaces = await getWorkspacesWithProjects();
-
-  const currentWs = allWorkspaces.find((ws) => ws.id === workspaceId);
-  const initialProject = currentWs?.projects[0];
-  const initialTasks = initialProject
-    ? await getArchivedTasks(initialProject.id)
-    : [];
-
-  return (
-    <ArchivePageClient
-      allWorkspaces={allWorkspaces}
-      initialWorkspaceId={workspaceId}
-      initialProjectId={initialProject?.id ?? null}
-      initialTasks={initialTasks}
-    />
-  );
-}

package/src/app/workspaces/[workspaceId]/assets/assets-page-client.tsx

@@ -1,232 +0,0 @@
-"use client";
-
-import { useState, useTransition, useCallback } from "react";
-import { Loader2 } from "lucide-react";
-import { SubPageNav } from "@/components/layout/sub-page-nav";
-import { useI18n } from "@/lib/i18n";
-import { deleteAsset, getProjectAssets } from "@/actions/asset-actions";
-import type { ProjectAssetWithTask } from "@/actions/asset-actions";
-import { AssetList } from "@/components/assets/asset-list";
-import { AssetUpload } from "@/components/assets/asset-upload";
-import { ImageLightbox } from "@/components/assets/image-lightbox";
-import { TextPreviewDialog } from "@/components/assets/text-preview-dialog";
-import { TaskOverviewDrawer } from "@/components/task/task-overview-drawer";
-import { localPathToApiUrl } from "@/lib/file-serve-client";
-import { toast } from "sonner";
-import type { AssetItemType } from "@/components/assets/asset-item";
-import { Select, SelectContent, SelectItem, SelectTrigger } from "@/components/ui/select";
-
-interface SimpleProject {
-  id: string;
-  name: string;
-  alias: string | null;
-}
-
-interface SimpleWorkspace {
-  id: string;
-  name: string;
-  projects: SimpleProject[];
-}
-
-interface AssetsPageClientProps {
-  allWorkspaces: SimpleWorkspace[];
-  initialWorkspaceId: string;
-  initialProjectId: string | null;
-  initialAssets: ProjectAssetWithTask[];
-}
-
-export function AssetsPageClient({
-  allWorkspaces,
-  initialWorkspaceId,
-  initialProjectId,
-  initialAssets,
-}: AssetsPageClientProps) {
-  const { t } = useI18n();
-  const [isPending, startTransition] = useTransition();
-
-  // List view selection state
-  const [listWsId, setListWsId] = useState(initialWorkspaceId);
-  const [listProjectId, setListProjectId] = useState<string | null>(initialProjectId);
-
-  // Data state
-  const [assets, setAssets] = useState<ProjectAssetWithTask[]>(initialAssets);
-
-  // Task drawer state
-  const [drawerTaskId, setDrawerTaskId] = useState<string | null>(null);
-
-  // Derived
-  const listWs = allWorkspaces.find((ws) => ws.id === listWsId);
-  const listProjects = listWs?.projects ?? [];
-
-  // Reload assets
-  const reloadAssets = useCallback(
-    (projectId: string | null) => {
-      if (!projectId) {
-        setAssets([]);
-        return;
-      }
-      startTransition(async () => {
-        const freshAssets = await getProjectAssets(projectId);
-        setAssets(freshAssets);
-      });
-    },
-    [startTransition]
-  );
-
-  // Preview modal state
-  const [previewAsset, setPreviewAsset] = useState<AssetItemType | null>(null);
-
-  const previewType = previewAsset
-    ? previewAsset.mimeType?.startsWith("image/")
-      ? "image"
-      : /\.(txt|md|json)$/i.test(previewAsset.filename)
-        ? "text"
-        : null
-    : null;
-
-  const handlePreview = (asset: AssetItemType) => {
-    const isImage = asset.mimeType?.startsWith("image/");
-    const isText = /\.(txt|md|json)$/i.test(asset.filename);
-    if (isImage || isText) {
-      setPreviewAsset(asset);
-    }
-  };
-
-  const handleReveal = async (asset: AssetItemType) => {
-    try {
-      const res = await fetch("/api/internal/assets/reveal", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ path: asset.path }),
-      });
-      if (!res.ok) {
-        const data = await res.json().catch(() => ({}));
-        toast.error(data.error || "Failed to reveal file");
-      }
-    } catch {
-      toast.error("Failed to reveal file");
-    }
-  };
-
-  // List view handlers
-  const handleListWsChange = (wsId: string) => {
-    if (wsId === listWsId) return;
-    setListWsId(wsId);
-    const ws = allWorkspaces.find((w) => w.id === wsId);
-    const firstProject = ws?.projects[0] ?? null;
-    setListProjectId(firstProject?.id ?? null);
-    reloadAssets(firstProject?.id ?? null);
-  };
-
-  const handleListProjectChange = (projectId: string) => {
-    if (projectId === listProjectId) return;
-    setListProjectId(projectId);
-    reloadAssets(projectId);
-  };
-
-  const handleDelete = async (assetId: string) => {
-    const asset = assets.find((a) => a.id === assetId);
-    const filename = asset?.filename ?? assetId;
-    if (!confirm(t("assets.deleteConfirm", { filename }))) return;
-    await deleteAsset(assetId);
-    reloadAssets(listProjectId);
-  };
-
-  const handleUploaded = (uploadedToProjectId: string) => {
-    // Refresh list if we uploaded to the project currently being viewed
-    if (uploadedToProjectId === listProjectId) {
-      reloadAssets(listProjectId);
-    }
-  };
-
-  return (
-    <div className="flex h-full flex-col overflow-hidden">
-      <SubPageNav workspaceId={listWsId} />
-
-      {/* Action bar */}
-      <div className="header-sm flex items-center gap-3 px-6 py-2">
-        <Select value={listWsId} onValueChange={(v) => v && handleListWsChange(v)}>
-          <SelectTrigger className="h-8 w-auto min-w-[120px]">
-            <span className="truncate">{allWorkspaces.find((ws) => ws.id === listWsId)?.name ?? listWsId}</span>
-          </SelectTrigger>
-          <SelectContent>
-            {allWorkspaces.map((ws) => (
-              <SelectItem key={ws.id} value={ws.id}>{ws.name}</SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
-        {listProjects.length > 0 && (
-          <Select value={listProjectId ?? ""} onValueChange={(v) => v && handleListProjectChange(v)}>
-            <SelectTrigger className="h-8 w-auto min-w-[140px]">
-              <span className="truncate">
-                {(() => { const p = listProjects.find((x) => x.id === listProjectId); return p ? (p.alias ? `${p.name} (${p.alias})` : p.name) : ""; })()}
-              </span>
-            </SelectTrigger>
-            <SelectContent>
-              {listProjects.map((p) => (
-                <SelectItem key={p.id} value={p.id}>
-                  {p.name}{p.alias ? ` (${p.alias})` : ""}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        )}
-        <div className="ml-auto">
-          <AssetUpload
-            allWorkspaces={allWorkspaces}
-            initialWsId={listWsId}
-            initialProjectId={listProjectId}
-            onUploaded={handleUploaded}
-          />
-        </div>
-      </div>
-
-      {/* Content */}
-      <div className="flex-1 overflow-auto px-6 py-4">
-        <div className={`relative ${isPending ? "opacity-40 pointer-events-none" : ""} transition-opacity`}>
-            {isPending && (
-              <div className="absolute inset-0 z-10 flex items-center justify-center">
-                <Loader2 className="size-5 animate-spin text-muted-foreground" />
-              </div>
-            )}
-            {listProjects.length === 0 ? (
-              <div className="flex flex-col items-center justify-center gap-2 py-16 text-center">
-                <p className="text-sm font-medium text-muted-foreground">{t("assets.noProject")}</p>
-                <p className="text-xs text-muted-foreground/60">{t("assets.noProjectHint")}</p>
-              </div>
-            ) : (
-              <AssetList
-                assets={assets.map((a) => ({
-                  ...a,
-                  taskId: a.task?.id ?? null,
-                  taskTitle: a.task?.title ?? null,
-                }))}
-                onPreview={handlePreview}
-                onReveal={handleReveal}
-                onDelete={handleDelete}
-                onTaskClick={setDrawerTaskId}
-              />
-            )}
-          </div>
-      </div>
-
-      <ImageLightbox
-        imageUrl={previewType === "image" && previewAsset ? localPathToApiUrl(previewAsset.path) : null}
-        filename={previewAsset?.filename ?? ""}
-        open={previewType === "image"}
-        onOpenChange={(open) => { if (!open) setPreviewAsset(null); }}
-      />
-      <TextPreviewDialog
-        url={previewType === "text" && previewAsset ? localPathToApiUrl(previewAsset.path) : null}
-        filename={previewAsset?.filename ?? ""}
-        open={previewType === "text"}
-        onOpenChange={(open) => { if (!open) setPreviewAsset(null); }}
-      />
-      <TaskOverviewDrawer
-        open={!!drawerTaskId}
-        onOpenChange={(o) => { if (!o) setDrawerTaskId(null); }}
-        taskId={drawerTaskId}
-      />
-    </div>
-  );
-}

package/src/app/workspaces/[workspaceId]/assets/page.tsx

@@ -1,36 +0,0 @@
-import { notFound } from "next/navigation";
-import { db } from "@/lib/db";
-import { getProjectAssets } from "@/actions/asset-actions";
-import { getWorkspacesWithProjects } from "@/actions/workspace-actions";
-import { AssetsPageClient } from "./assets-page-client";
-
-interface Props {
-  params: Promise<{ workspaceId: string }>;
-}
-
-export default async function AssetsPage({ params }: Props) {
-  const { workspaceId } = await params;
-
-  const workspace = await db.workspace.findUnique({
-    where: { id: workspaceId },
-    select: { id: true },
-  });
-  if (!workspace) notFound();
-
-  const allWorkspaces = await getWorkspacesWithProjects();
-
-  const currentWs = allWorkspaces.find((ws) => ws.id === workspaceId);
-  const initialProject = currentWs?.projects[0];
-  const initialAssets = initialProject
-    ? await getProjectAssets(initialProject.id)
-    : [];
-
-  return (
-    <AssetsPageClient
-      allWorkspaces={allWorkspaces}
-      initialWorkspaceId={workspaceId}
-      initialProjectId={initialProject?.id ?? null}
-      initialAssets={initialAssets}
-    />
-  );
-}