tower-studio 0.1.2 → 0.1.5

package/.next/standalone/tower/src/components/notes/note-card.tsx

@@ -1,67 +0,0 @@
-"use client";
-
-import { Pencil, Trash2 } from "lucide-react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { Button } from "@/components/ui/button";
-import { useI18n } from "@/lib/i18n";
-
-export interface NoteItem {
-  id: string;
-  title: string;
-  content: string;
-  category: string;
-  updatedAt: Date;
-}
-
-interface NoteCardProps {
-  note: NoteItem;
-  onEdit: (note: NoteItem) => void;
-  onDelete: (noteId: string) => void;
-}
-
-export function NoteCard({ note, onEdit, onDelete }: NoteCardProps) {
-  const { t } = useI18n();
-  const contentPreview = note.content.slice(0, 300);
-
-  return (
-    <div className="group relative rounded-lg border border-border bg-card p-4 transition-colors hover:border-border/80 hover:bg-accent/20">
-      {/* Action buttons */}
-      <div className="absolute right-3 top-3 flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100">
-        <Button
-          variant="ghost"
-          size="icon-sm"
-          onClick={() => onEdit(note)}
-          className="text-muted-foreground"
-          aria-label={t("notes.edit")}
-        >
-          <Pencil className="h-3.5 w-3.5" />
-        </Button>
-        <Button
-          variant="ghost"
-          size="icon-sm"
-          onClick={() => onDelete(note.id)}
-          className="text-muted-foreground hover:text-rose-400"
-          aria-label={t("notes.delete")}
-        >
-          <Trash2 className="h-3.5 w-3.5" />
-        </Button>
-      </div>
-
-      {/* Title */}
-      <div className="mb-2 pr-16">
-        <h3 className="truncate text-sm font-semibold text-foreground">{note.title}</h3>
-      </div>
-
-      {/* Category badge */}
-      <span className="mb-3 inline-block rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground">
-        {note.category}
-      </span>
-
-      {/* Content preview */}
-      <div className="prose prose-sm dark:prose-invert max-h-24 overflow-hidden text-muted-foreground">
-        <ReactMarkdown remarkPlugins={[remarkGfm]}>{contentPreview}</ReactMarkdown>
-      </div>
-    </div>
-  );
-}

package/.next/standalone/tower/src/components/notes/note-editor.tsx

@@ -1,28 +0,0 @@
-"use client";
-
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { Textarea } from "@/components/ui/textarea";
-
-interface NoteEditorProps {
-  value: string;
-  onChange: (val: string) => void;
-}
-
-export function NoteEditor({ value, onChange }: NoteEditorProps) {
-  return (
-    <div className="relative grid grid-cols-2 gap-4 flex-1 min-h-64">
-      <Textarea
-        value={value}
-        onChange={(e) => onChange(e.target.value)}
-        className="absolute inset-0 w-1/2 pr-2 resize-none font-mono text-sm border rounded-md p-3 bg-background text-foreground border-border focus:outline-none focus:ring-1 focus:ring-ring"
-        placeholder="Write Markdown here..."
-      />
-      <div className="absolute inset-0 left-1/2 pl-2">
-        <div className="h-full overflow-y-auto border rounded-md p-3 border-border prose prose-sm dark:prose-invert max-w-none">
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>{value}</ReactMarkdown>
-        </div>
-      </div>
-    </div>
-  );
-}

package/.next/standalone/tower/src/components/notes/note-list.tsx

@@ -1,30 +0,0 @@
-"use client";
-
-import { FileText } from "lucide-react";
-import { EmptyState } from "@/components/ui/empty-state";
-import { useI18n } from "@/lib/i18n";
-import { NoteCard, type NoteItem } from "./note-card";
-
-interface NoteListProps {
-  notes: NoteItem[];
-  onEdit: (note: NoteItem) => void;
-  onDelete: (noteId: string) => void;
-}
-
-export function NoteList({ notes, onEdit, onDelete }: NoteListProps) {
-  const { t } = useI18n();
-
-  if (notes.length === 0) {
-    return (
-      <EmptyState icon={FileText} title={t("notes.empty")} description={t("notes.emptyHint")} />
-    );
-  }
-
-  return (
-    <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-      {notes.map((note) => (
-        <NoteCard key={note.id} note={note} onEdit={onEdit} onDelete={onDelete} />
-      ))}
-    </div>
-  );
-}

package/.next/standalone/tower/src/components/notifications/notification-permission-banner.tsx

@@ -1,49 +0,0 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { useI18n } from "@/lib/i18n";
-import { Button } from "@/components/ui/button";
-import { Bell } from "lucide-react";
-
-interface NotificationPermissionBannerProps {
-  onDismiss?: () => void;
-}
-
-export function NotificationPermissionBanner({ onDismiss }: NotificationPermissionBannerProps) {
-  const { t } = useI18n();
-  const [show, setShow] = useState(false);
-
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    if (!("Notification" in window)) return;
-    if (window.Notification.permission === "default") {
-      setShow(true);
-    }
-  }, []);
-
-  const handleAllow = async () => {
-    const result = await window.Notification.requestPermission();
-    if (result !== "default") {
-      setShow(false);
-      onDismiss?.();
-    }
-  };
-
-  const handleDismiss = () => {
-    setShow(false);
-    onDismiss?.();
-  };
-
-  if (!show) return null;
-
-  return (
-    <div className="fixed top-3 left-1/2 -translate-x-1/2 z-[9999] w-auto max-w-lg bg-card border rounded-lg shadow-lg px-4 py-2.5 flex items-center gap-3 animate-in fade-in slide-in-from-top-4 duration-500">
-      <Bell className="h-4 w-4 shrink-0 text-primary" />
-      <span className="flex-1 text-sm">{t("notification.permissionPrompt")}</span>
-      <Button size="default" onClick={handleAllow}>{t("notification.allow")}</Button>
-      <Button variant="ghost" size="default" onClick={handleDismiss}>
-        {t("notification.dismiss")}
-      </Button>
-    </div>
-  );
-}

package/.next/standalone/tower/src/components/notifications/use-notification-listener.ts

@@ -1,114 +0,0 @@
-"use client";
-
-import { useEffect, useRef } from "react";
-import { useRouter } from "next/navigation";
-import { toast } from "sonner";
-import { useI18n } from "@/lib/i18n";
-import { getActualWsPort } from "@/actions/config-actions";
-
-interface StopEvent {
-  taskId: string;
-  taskTitle: string;
-  sessionId: string;
-  workspaceId: string;
-  type: "stop";
-  timestamp: string;
-}
-
-interface CompletionEvent {
-  taskId: string;
-  taskTitle: string;
-  status: "COMPLETED" | "FAILED";
-  executionId: string;
-  workspaceId: string;
-  type?: "completion";
-}
-
-type NotificationEvent = StopEvent | CompletionEvent;
-
-function isStopEvent(e: NotificationEvent): e is StopEvent {
-  return "type" in e && e.type === "stop";
-}
-
-export function useNotificationListener(enabled: boolean) {
-  const router = useRouter();
-  const routerRef = useRef(router);
-  const enabledRef = useRef(enabled);
-  const { t } = useI18n();
-  const tRef = useRef(t);
-
-  routerRef.current = router;
-  enabledRef.current = enabled;
-  tRef.current = t;
-
-  useEffect(() => {
-    if (typeof window === "undefined" || !enabled) return;
-
-    let ws: WebSocket | null = null;
-    let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
-
-    async function connect() {
-      const wsPort = await getActualWsPort();
-      ws = new WebSocket(
-        `ws://localhost:${wsPort}/terminal?taskId=__notifications__`
-      );
-
-      ws.onmessage = (e) => {
-        if (!enabledRef.current) return;
-        try {
-          const event = JSON.parse(e.data) as NotificationEvent;
-          if (isStopEvent(event)) {
-            toast.success(event.taskTitle, {
-              description: tRef.current("notification.taskCompleted"),
-              duration: 8000,
-            });
-          } else {
-            // Completion event
-            if (
-              typeof window !== "undefined" &&
-              "Notification" in window &&
-              window.Notification.permission === "granted"
-            ) {
-              const n = new window.Notification("Tower", {
-                body: event.taskTitle,
-                icon: "/web-app-manifest-192x192.png",
-              });
-              n.onclick = () => {
-                window.focus();
-                routerRef.current.push(
-                  `/workspaces/${event.workspaceId}/tasks/${event.taskId}`
-                );
-                n.close();
-              };
-            } else {
-              toast.info(event.taskTitle, {
-                description:
-                  event.status === "COMPLETED"
-                    ? tRef.current("notification.taskCompleted")
-                    : tRef.current("notification.taskFailed"),
-              });
-            }
-          }
-        } catch {
-          // Ignore malformed messages
-        }
-      };
-
-      ws.onclose = () => {
-        // Reconnect after 5s
-        reconnectTimer = setTimeout(connect, 5000);
-      };
-
-      ws.onerror = () => {
-        ws?.close();
-      };
-    }
-
-    connect();
-
-    return () => {
-      if (reconnectTimer) clearTimeout(reconnectTimer);
-      ws?.close();
-    };
-  }, [enabled]); // eslint-disable-line react-hooks/exhaustive-deps
-}

package/.next/standalone/tower/src/components/onboarding/guided-tour.tsx

@@ -1,255 +0,0 @@
-"use client";
-
-import { useState, useEffect, useCallback, useRef } from "react";
-import { Button } from "@/components/ui/button";
-import { useI18n } from "@/lib/i18n";
-import { setConfigValue } from "@/actions/config-actions";
-import { X } from "lucide-react";
-
-interface TourStep {
-  target: string; // data-tour attribute value
-  titleKey: string;
-  descKey: string;
-  placement: "top" | "bottom" | "left" | "right";
-  waitForTarget?: boolean; // wait until target appears in DOM
-}
-
-const TOUR_STEPS: TourStep[] = [
-  {
-    target: "create-workspace",
-    titleKey: "tour.step1.title",
-    descKey: "tour.step1.desc",
-    placement: "right",
-  },
-  {
-    target: "create-project",
-    titleKey: "tour.step2.title",
-    descKey: "tour.step2.desc",
-    placement: "bottom",
-    waitForTarget: true,
-  },
-  {
-    target: "open-assistant",
-    titleKey: "tour.step3.title",
-    descKey: "tour.step3.desc",
-    placement: "bottom",
-  },
-];
-
-interface GuidedTourProps {
-  onComplete: () => void;
-}
-
-export function GuidedTour({ onComplete }: GuidedTourProps) {
-  const { t } = useI18n();
-  const [currentStep, setCurrentStep] = useState(0);
-  const [targetRect, setTargetRect] = useState<DOMRect | null>(null);
-  const [visible, setVisible] = useState(false);
-  const observerRef = useRef<MutationObserver | null>(null);
-
-  const step = TOUR_STEPS[currentStep];
-
-  const handleComplete = useCallback(async () => {
-    await setConfigValue("onboarding.tourCompleted", true);
-    onComplete();
-  }, [onComplete]);
-
-  const findTarget = useCallback(() => {
-    if (!step) return null;
-    return document.querySelector(`[data-tour="${step.target}"]`) as HTMLElement | null;
-  }, [step]);
-
-  const updatePosition = useCallback(() => {
-    const el = findTarget();
-    if (el) {
-      setTargetRect(el.getBoundingClientRect());
-      setVisible(true);
-    } else {
-      setVisible(false);
-    }
-  }, [findTarget]);
-
-  // Watch for target element appearing in DOM (for steps that require navigation first)
-  useEffect(() => {
-    updatePosition();
-
-    let skipTimer: ReturnType<typeof setTimeout> | null = null;
-
-    if (!visible && step?.waitForTarget) {
-      observerRef.current = new MutationObserver(() => {
-        const el = findTarget();
-        if (el) {
-          setTargetRect(el.getBoundingClientRect());
-          setVisible(true);
-          observerRef.current?.disconnect();
-          if (skipTimer) clearTimeout(skipTimer);
-        }
-      });
-      observerRef.current.observe(document.body, { childList: true, subtree: true });
-
-      // Auto-skip after 5s if target never appears (user hasn't navigated there)
-      skipTimer = setTimeout(() => {
-        const el = findTarget();
-        if (!el) {
-          setCurrentStep((s) => {
-            const next = s + 1;
-            return next < TOUR_STEPS.length ? next : s;
-          });
-          // If it was the last step, complete the tour
-          if (currentStep >= TOUR_STEPS.length - 1) {
-            handleComplete();
-          }
-        }
-      }, 5000);
-    }
-
-    const handleResize = () => updatePosition();
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleResize, true);
-
-    return () => {
-      observerRef.current?.disconnect();
-      if (skipTimer) clearTimeout(skipTimer);
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("scroll", handleResize, true);
-    };
-  }, [currentStep, step, findTarget, updatePosition, visible, handleComplete]);
-
-  // Re-position on any click (user may have navigated)
-  useEffect(() => {
-    const timer = setInterval(updatePosition, 1000);
-    return () => clearInterval(timer);
-  }, [updatePosition]);
-
-  const handleNext = useCallback(() => {
-    if (currentStep < TOUR_STEPS.length - 1) {
-      setCurrentStep((s) => s + 1);
-      setVisible(false);
-    } else {
-      handleComplete();
-    }
-  }, [currentStep]);
-
-  if (!step) return null;
-
-  // Calculate tooltip position
-  const getTooltipStyle = (): React.CSSProperties => {
-    if (!targetRect) return { display: "none" };
-
-    const gap = 12;
-    const style: React.CSSProperties = { position: "fixed", zIndex: 10001 };
-
-    switch (step.placement) {
-      case "right":
-        style.left = targetRect.right + gap;
-        style.top = targetRect.top + targetRect.height / 2;
-        style.transform = "translateY(-50%)";
-        break;
-      case "bottom":
-        style.left = targetRect.left + targetRect.width / 2;
-        style.top = targetRect.bottom + gap;
-        style.transform = "translateX(-50%)";
-        break;
-      case "left":
-        style.right = window.innerWidth - targetRect.left + gap;
-        style.top = targetRect.top + targetRect.height / 2;
-        style.transform = "translateY(-50%)";
-        break;
-      case "top":
-        style.left = targetRect.left + targetRect.width / 2;
-        style.bottom = window.innerHeight - targetRect.top + gap;
-        style.transform = "translateX(-50%)";
-        break;
-    }
-
-    return style;
-  };
-
-  return (
-    <>
-      {/* Overlay with cutout for target element */}
-      {visible && targetRect && (
-        <>
-          {/* Semi-transparent backdrop */}
-          <div
-            className="fixed inset-0 z-[10000]"
-            style={{
-              background: `radial-gradient(
-                ellipse at ${targetRect.left + targetRect.width / 2}px ${targetRect.top + targetRect.height / 2}px,
-                transparent ${Math.max(targetRect.width, targetRect.height)}px,
-                rgba(0,0,0,0.6) ${Math.max(targetRect.width, targetRect.height) + 30}px
-              )`,
-            }}
-            onClick={handleNext}
-          />
-
-          {/* Highlight ring around target */}
-          <div
-            className="pointer-events-none fixed z-[10001] rounded-lg ring-2 ring-amber-400 ring-offset-2 ring-offset-background"
-            style={{
-              left: targetRect.left - 4,
-              top: targetRect.top - 4,
-              width: targetRect.width + 8,
-              height: targetRect.height + 8,
-            }}
-          />
-
-          {/* Tooltip */}
-          <div
-            className="fixed z-[10002] w-72 rounded-xl border border-border bg-card p-4 shadow-2xl"
-            style={getTooltipStyle()}
-          >
-            <div className="flex items-start justify-between gap-2">
-              <div>
-                <h3 className="text-sm font-semibold text-foreground">
-                  {t(step.titleKey as Parameters<typeof t>[0])}
-                </h3>
-                <p className="mt-1 text-xs text-muted-foreground leading-relaxed">
-                  {t(step.descKey as Parameters<typeof t>[0])}
-                </p>
-              </div>
-              <button
-                onClick={handleComplete}
-                className="shrink-0 rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground"
-              >
-                <X className="h-3.5 w-3.5" />
-              </button>
-            </div>
-
-            <div className="mt-3 flex items-center justify-between">
-              {/* Step indicator */}
-              <div className="flex gap-1">
-                {TOUR_STEPS.map((_, i) => (
-                  <div
-                    key={i}
-                    className={`h-1.5 w-1.5 rounded-full ${
-                      i === currentStep ? "bg-amber-400" : i < currentStep ? "bg-amber-400/40" : "bg-muted"
-                    }`}
-                  />
-                ))}
-              </div>
-
-              <div className="flex items-center gap-2">
-                <Button
-                  variant="ghost"
-                  className="h-7 px-2 text-xs text-muted-foreground"
-                  onClick={handleComplete}
-                >
-                  {t("tour.skip" as Parameters<typeof t>[0])}
-                </Button>
-                <Button
-                  className="h-7 px-3 text-xs bg-amber-500/15 text-amber-300 ring-1 ring-amber-500/25 hover:bg-amber-500/25"
-                  onClick={handleNext}
-                >
-                  {currentStep < TOUR_STEPS.length - 1
-                    ? t("tour.next" as Parameters<typeof t>[0])
-                    : t("tour.done" as Parameters<typeof t>[0])}
-                </Button>
-              </div>
-            </div>
-          </div>
-        </>
-      )}
-    </>
-  );
-}

package/.next/standalone/tower/src/components/onboarding/onboarding-wizard.tsx

@@ -1,84 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
-import { useI18n } from "@/lib/i18n";
-import { setOnboardingProgress } from "@/actions/onboarding-actions";
-import { WizardStepUsername } from "./wizard-step-username";
-import { WizardStepCli } from "./wizard-step-cli";
-
-const TOTAL_STEPS = 2;
-
-interface OnboardingWizardProps {
-  onComplete: () => void;
-  initialStep?: number;
-  initialUsername?: string;
-}
-
-export function OnboardingWizard({ onComplete, initialStep, initialUsername }: OnboardingWizardProps) {
-  const { t } = useI18n();
-  const [step, setStep] = useState(initialStep ?? 1);
-  const [username, setUsername] = useState(initialUsername ?? "");
-
-  async function handleUsernameNext(name: string) {
-    setUsername(name);
-    await setOnboardingProgress(1);
-    setStep(2);
-  }
-
-  const stepIndicator = t("onboarding.stepIndicator")
-    .replace("{current}", String(step))
-    .replace("{total}", String(TOTAL_STEPS));
-
-  return (
-    <Dialog open={true} onOpenChange={() => {}} disablePointerDismissal>
-      <DialogContent
-        showCloseButton={false}
-        style={{
-          width: "100vw",
-          height: "100vh",
-          maxWidth: "none",
-          top: 0,
-          left: 0,
-          transform: "none",
-          borderRadius: 0,
-        }}
-      >
-        <div className="flex flex-col items-center justify-center h-full">
-          <div className="w-full max-w-md px-4 space-y-8">
-            {/* Wizard title */}
-            <div className="text-center space-y-3">
-              <h1 className="text-2xl font-bold">{t("onboarding.title")}</h1>
-
-              {/* Step indicator dots */}
-              <div className="flex items-center justify-center gap-2">
-                {Array.from({ length: TOTAL_STEPS }, (_, i) => (
-                  <div
-                    key={i}
-                    className={`h-2 w-2 rounded-full transition-colors ${
-                      i + 1 === step
-                        ? "bg-primary"
-                        : i + 1 < step
-                        ? "bg-primary/50"
-                        : "bg-muted"
-                    }`}
-                  />
-                ))}
-              </div>
-
-              <p className="text-xs text-muted-foreground">{stepIndicator}</p>
-            </div>
-
-            {/* Step content */}
-            {step === 1 && (
-              <WizardStepUsername onNext={handleUsernameNext} />
-            )}
-            {step === 2 && (
-              <WizardStepCli username={username} onComplete={onComplete} />
-            )}
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/.next/standalone/tower/src/components/onboarding/wizard-step-cli.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { useI18n } from "@/lib/i18n";
-import { CLIAdapterTester } from "@/components/settings/cli-adapter-tester";
-import { completeOnboarding } from "@/actions/onboarding-actions";
-import type { TestResult } from "@/lib/cli-test";
-
-interface WizardStepCliProps {
-  username: string;
-  onComplete: () => void;
-}
-
-export function WizardStepCli({ username, onComplete }: WizardStepCliProps) {
-  const { t } = useI18n();
-  const [testResult, setTestResult] = useState<TestResult | null>(null);
-  const [completing, setCompleting] = useState(false);
-
-  async function handleComplete() {
-    setCompleting(true);
-    await completeOnboarding(username);
-    onComplete();
-  }
-
-  return (
-    <div className="space-y-6">
-      <div className="space-y-2">
-        <h2 className="text-xl font-semibold">{t("onboarding.step2.title")}</h2>
-        <p className="text-sm text-muted-foreground">{t("onboarding.step2.desc")}</p>
-      </div>
-
-      <CLIAdapterTester
-        adapterType="claude_code"
-        adapterLabel="Claude CLI"
-        onResult={setTestResult}
-      />
-
-      {testResult && !testResult.ok && (
-        <p className="text-sm text-destructive">{t("onboarding.cliRequired")}</p>
-      )}
-
-      <div className="flex justify-end">
-        <Button
-          onClick={handleComplete}
-          disabled={!testResult?.ok || completing}
-        >
-          {t("onboarding.complete")}
-        </Button>
-      </div>
-    </div>
-  );
-}