tower-studio 0.1.1 → 0.1.3

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

@@ -0,0 +1,258 @@
+"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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,232 @@
+"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

@@ -0,0 +1,36 @@
+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}
+    />
+  );
+}