@mndrk/agx 2.0.55 → 2.1.0

package/cloud-runtime/standalone/apps/local/components/projects/ProjectObjectivesWorkspace.tsx

@@ -13,9 +13,11 @@ import {
   FileText,
   Pencil,
   Plus,
+  Search,
   Trash2,
   User,
   Users,
+  Sparkles,
   X,
 } from "lucide-react";
 import { useProjects } from "@/hooks/useProjects";
@@ -26,20 +28,18 @@ import { Markdown } from "@/components/chat-ui/Markdown";
 import { agentAvatarUrl } from "@/components/chat-ui/ParticipantBar";
 import RichTextEditor from "@/components/RichTextEditor";
 import SearchCombo, { type ComboOption } from "@/components/SearchCombo";
-import { ScheduleConditionPicker } from "@/components/scheduling/ScheduleConditionPicker";
 import { ObjectiveScheduledTasksPanel } from "@/components/projects/ObjectiveScheduledTasksPanel";
 import { ObjectiveActivityTimeline } from "@/components/projects/ObjectiveActivityTimeline";
+import { ObjectiveHealthTrend } from "@/components/projects/ObjectiveHealthTrend";
 import { LinearIcon } from "@/components/linear/LinearIcon";
 import { usePromptJobs } from "@/hooks/usePromptJobs";
-import { cronToHuman } from "@/src/graph/nl-schedule";
-import {
-  DEFAULT_OBJECTIVE_LINEAR_WORKER_NAME,
-  type PromptJobExecutionMode,
-} from "@/src/prompt-scheduler/types";
+import { useInputCapabilities } from "@/hooks/useInputCapabilities";
 import { threadService } from "@/services/threadService";
 import {
   loadObjectiveChatPanelWidth,
+  loadObjectiveListPanelWidth,
   persistObjectiveChatPanelWidth,
+  persistObjectiveListPanelWidth,
 } from "@/state/windowState";
 import type { GroupMessage, Participant } from "@/lib/types";
 import {
@@ -65,6 +65,7 @@ interface ProjectObjectivesWorkspaceProps {
 
 interface ProjectObjectiveDetailProps extends ProjectObjectivesWorkspaceProps {
   objectiveId: string;
+  onObjectiveDeleted?: () => void;
 }
 
 interface ObjectiveEditorDraft {
@@ -72,8 +73,6 @@ interface ObjectiveEditorDraft {
   title: string;
   teamId: string;
   summary: string;
-  cadence: string;
-  condition: string;
 }
 
 interface ObjectiveTeamDraft {
@@ -109,23 +108,23 @@ const HEALTH_META: Record<
 > = {
   on_track: {
     label: "On track",
-    chipClass: "border-emerald-500/20 bg-emerald-500/10 text-emerald-200",
-    toneClass: "text-emerald-300",
+    chipClass: "border-[var(--status-completed-border)] bg-[var(--status-completed-bg)] text-[var(--status-completed-text)]",
+    toneClass: "text-[var(--status-completed-text)]",
   },
   at_risk: {
     label: "At risk",
-    chipClass: "border-amber-500/20 bg-amber-500/10 text-amber-100",
-    toneClass: "text-amber-300",
+    chipClass: "border-[var(--status-blocked-border)] bg-[var(--status-blocked-bg)] text-[var(--status-blocked-text)]",
+    toneClass: "text-[var(--status-blocked-text)]",
   },
   off_track: {
     label: "Off track",
-    chipClass: "border-rose-500/20 bg-rose-500/10 text-rose-100",
-    toneClass: "text-rose-300",
+    chipClass: "border-[var(--status-failed-border)] bg-[var(--status-failed-bg)] text-[var(--status-failed-text)]",
+    toneClass: "text-[var(--status-failed-text)]",
   },
   done: {
     label: "Done",
-    chipClass: "border-sky-500/20 bg-sky-500/10 text-sky-100",
-    toneClass: "text-sky-300",
+    chipClass: "border-[var(--status-in-progress-border)] bg-[var(--status-in-progress-bg)] text-[var(--status-in-progress-text)]",
+    toneClass: "text-[var(--status-in-progress-text)]",
   },
 };
 
@@ -138,33 +137,11 @@ function ObjectiveChatResizeHandle({
 }: {
   onResize: (delta: number) => void;
 }) {
-  const dragging = useRef(false);
-  const lastX = useRef(0);
-
-  useEffect(() => {
-    if (!dragging.current) return;
-
-    const onMouseMove = (event: MouseEvent) => {
-      const delta = lastX.current - event.clientX;
-      lastX.current = event.clientX;
-      onResize(delta);
-    };
-
-    const onMouseUp = () => {
-      dragging.current = false;
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-      window.removeEventListener("mousemove", onMouseMove);
-      window.removeEventListener("mouseup", onMouseUp);
-    };
+  const { isTouchLayout } = useInputCapabilities();
 
-    window.addEventListener("mousemove", onMouseMove);
-    window.addEventListener("mouseup", onMouseUp);
-    return () => {
-      window.removeEventListener("mousemove", onMouseMove);
-      window.removeEventListener("mouseup", onMouseUp);
-    };
-  });
+  if (isTouchLayout) {
+    return null;
+  }
 
   return (
     <div
@@ -174,10 +151,22 @@ function ObjectiveChatResizeHandle({
       className="group relative z-10 hidden w-0 shrink-0 cursor-col-resize xl:block"
       onMouseDown={(event) => {
         event.preventDefault();
-        dragging.current = true;
-        lastX.current = event.clientX;
+        let lastX = event.clientX;
         document.body.style.cursor = "col-resize";
         document.body.style.userSelect = "none";
+        const onMouseMove = (ev: MouseEvent) => {
+          const delta = lastX - ev.clientX;
+          lastX = ev.clientX;
+          onResize(delta);
+        };
+        const onMouseUp = () => {
+          document.body.style.cursor = "";
+          document.body.style.userSelect = "";
+          window.removeEventListener("mousemove", onMouseMove);
+          window.removeEventListener("mouseup", onMouseUp);
+        };
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
       }}
     >
       <div className="absolute inset-y-0 -left-0.5 w-1 transition-colors group-hover:bg-[var(--primary)]/40" />
@@ -199,8 +188,6 @@ function buildEmptyObjectiveDraft(): ObjectiveEditorDraft {
     title: "",
     teamId: "",
     summary: "",
-    cadence: "",
-    condition: "",
   };
 }
 
@@ -210,8 +197,6 @@ function buildObjectiveDraft(objective: ProjectObjective): ObjectiveEditorDraft
     title: objective.title,
     teamId: objective.teamId,
     summary: objective.summary,
-    cadence: objective.cadence,
-    condition: objective.condition,
   };
 }
 
@@ -258,12 +243,6 @@ function getTeamName(teams: ProjectTeamSummary[], teamId: string): string | null
   return teams.find((team) => team.id === teamId)?.name ?? null;
 }
 
-function formatObjectiveCadence(cadence: string): string {
-  const trimmed = cadence.trim();
-  if (!trimmed) return "Not set yet";
-  return cronToHuman(trimmed) ?? trimmed;
-}
-
 function prependObjectiveLabelToPrompt(
   objective: Pick<ProjectObjective, "key">,
   prompt: string
@@ -391,27 +370,24 @@ function buildObjectiveChatPrefix(
     `Objective label: ${objective.key}`,
     teamName ? `Owning team: ${teamName}` : "",
     notesPreview ? `Current notes:\n${notesPreview}` : "Current notes: none yet.",
-    objective.cadence
-      ? `Wake schedule: ${formatObjectiveCadence(objective.cadence)}`
-      : "Wake schedule: not set yet.",
-    objective.condition ? `Wake condition: ${objective.condition}` : "",
+    "Wake schedule: managed by the built-in objective worker job.",
 
-    `## Objective file (source of truth)\n\nThis objective is stored as a frontmatter markdown file at:\n\`${objectiveFilePath}\`\n\nFile format:\n- YAML frontmatter between \`---\` delimiters contains all metadata (title, teamId, key, status, progress, cadence, condition, scheduledTaskIds, threadId, chatSessionVersion, createdAt, updatedAt).\n- \`## Activities\` section contains the activity timeline; each activity is a \`### Title\` block with metadata lines (\`- **id:**\`, \`- **source:**\`, \`- **created:**\`, \`- **body:**\`) and optional \`#### Replies\` sub-section.\n\nNotes are stored as separate files in \`${notesDir}\`. Each note is a markdown file with YAML frontmatter (id, title, objectiveId, createdAt, updatedAt) and a markdown body.\n\nWhen updating the objective, you can edit this file directly. Rules:\n- NEVER remove or break the \`---\` frontmatter delimiters.\n- NEVER change the \`id\` or \`createdAt\` fields.\n- Always update \`updatedAt\` to the current ISO timestamp when making changes.\n- After any edit, call \`GET ${validateRoute}\` to verify the file is still valid.\n- If validation fails, fix the errors immediately before doing anything else.`,
+    `## Objective file (source of truth)\n\nThis objective is stored as a frontmatter markdown file at:\n\`${objectiveFilePath}\`\n\nFile format:\n- YAML frontmatter between \`---\` delimiters contains all metadata (title, teamId, key, status, progress, scheduledTaskIds, threadId, chatSessionVersion, createdAt, updatedAt).\n- \`## Activities\` section contains the activity timeline; each activity is a \`### Title\` block with metadata lines (\`- **id:**\`, \`- **source:**\`, \`- **created:**\`, \`- **body:**\`) and optional \`#### Replies\` sub-section.\n\nNotes are stored as separate files in \`${notesDir}\`. Each note is a markdown file with YAML frontmatter (id, title, objectiveId, createdAt, updatedAt) and a markdown body.\n\nWhen updating the objective, you can edit this file directly. Rules:\n- NEVER remove or break the \`---\` frontmatter delimiters.\n- NEVER change the \`id\` or \`createdAt\` fields.\n- Always update \`updatedAt\` to the current ISO timestamp when making changes.\n- After any edit, call \`GET ${validateRoute}\` to verify the file is still valid.\n- If validation fails, fix the errors immediately before doing anything else.`,
 
     "Scheduled tasks live in the shared scheduled-task list and are filtered by this objective label.",
-    "Your job is to help the team develop the strategy needed to reach the goal, including the right combination of objective notes, wake cadence/condition, scheduled tasks, and Linear tickets.",
+    "Your job is to help the team develop the strategy needed to reach the goal, including the right combination of objective notes, scheduled tasks, and Linear tickets.",
     "Use the current session history to build on prior reasoning. Only reset and start from scratch when the user explicitly starts a new session.",
     "Use this thread to pressure-test strategy, suggest better tactics, rewrite the objective when asked, propose the right operational cadence, and take concrete follow-up actions when the user wants them applied.",
     "When suggesting edits, prefer editing the frontmatter file directly or using the notes API. When the user asks you to make a change, edit the file, validate, then confirm.",
     "Local objective APIs:",
-    `- PATCH ${objectiveRoute} with JSON fields such as {"title","cadence","condition","teamId","key"} to update the objective itself.`,
+    `- PATCH ${objectiveRoute} with JSON fields such as {"title","teamId","key"} to update the objective itself.`,
     `- GET ${notesRoute} to list all notes for this objective. Returns {"notes":[...],"total","page","limit","hasMore"}.`,
     `- POST ${notesRoute} with {"title","body"} to create a new note.`,
     `- GET ${notesRoute}/{noteId} to read a single note.`,
     `- PATCH ${notesRoute}/{noteId} with {"title","body"} to update a note.`,
     `- DELETE ${notesRoute}/{noteId} to delete a note.`,
     `- GET ${scheduledTasksRoute} to inspect the scheduled tasks already tracked for this objective.`,
-    `- POST ${scheduledTasksRoute} with {"name","prompt","cadence","condition","agentId","syncObjectiveSchedule":true} to create a scheduled task for this objective.`,
+    `- POST ${scheduledTasksRoute} with {"name","prompt","cadence","agentId"} to create a scheduled task for this objective.`,
     `- GET ${linearIssuesRoute} to inspect Linear tickets carrying the objective label "${objective.key}".`,
     `- POST ${linearIssuesRoute} with {"title","description","teamId","assigneeId","cycleId","stateId","priority"} to create a Linear ticket labeled "${objective.key}".`,
     `- GET ${validateRoute} to validate the objective file on disk. Returns {"valid":true} or {"valid":false,"errors":[...]}.`,
@@ -636,24 +612,27 @@ function ObjectiveChatPanel({
 
     async function loadParticipants() {
       try {
-        const [participantsResponse, projectAgentsResponse] = await Promise.all([
+        const agentsUrl = objective.teamId
+          ? `/api/projects/${projectId}/teams/${objective.teamId}/agents`
+          : `/api/projects/${projectId}/agents`;
+        const [participantsResponse, agentsResponse] = await Promise.all([
           fetch("/api/participants"),
-          fetch(`/api/projects/${projectId}/agents`),
+          fetch(agentsUrl),
         ]);
         const rawParticipants = participantsResponse.ok
           ? await participantsResponse.json()
           : [];
         const allParticipants = Array.isArray(rawParticipants) ? (rawParticipants as Participant[]) : [];
-        const rawProjectAgents = projectAgentsResponse.ok
-          ? await projectAgentsResponse.json()
+        const rawAgents = agentsResponse.ok
+          ? await agentsResponse.json()
           : { agents: [] };
-        const projectAgentsPayload =
-          rawProjectAgents && typeof rawProjectAgents === "object"
-            ? (rawProjectAgents as { agents?: ProjectAgentSummary[] })
+        const agentsPayload =
+          rawAgents && typeof rawAgents === "object"
+            ? (rawAgents as { agents?: ProjectAgentSummary[] })
             : { agents: [] };
         if (cancelled) return;
 
-        const orderedAgentIds = (projectAgentsPayload.agents ?? [])
+        const orderedAgentIds = (agentsPayload.agents ?? [])
           .slice()
           .sort((left, right) => left.routing_order - right.routing_order)
           .map((agent) => agent.agent_id);
@@ -680,7 +659,7 @@ function ObjectiveChatPanel({
     return () => {
       cancelled = true;
     };
-  }, [projectId]);
+  }, [projectId, objective.teamId]);
 
   useEffect(() => {
     if (!objective.threadId) {
@@ -1053,7 +1032,7 @@ function ObjectiveChatPanel({
     <>
       <ObjectiveChatResizeHandle onResize={handleChatPanelResize} />
       <aside
-        className="relative flex h-full min-h-[420px] w-full flex-col overflow-hidden border-t border-[var(--border)] bg-[rgba(8,12,18,0.72)] xl:min-h-0 xl:w-[var(--objective-chat-panel-width)] xl:shrink-0 xl:self-stretch xl:border-l xl:border-t-0"
+        className="relative flex h-full min-h-[420px] w-full flex-col overflow-hidden border-t border-[var(--border)] bg-[var(--overlay-panel)] xl:min-h-0 xl:w-[var(--objective-chat-panel-width)] xl:shrink-0 xl:self-stretch xl:border-l xl:border-t-0"
         style={
           {
             "--objective-chat-panel-width": `${chatPanelWidth}px`,
@@ -1068,7 +1047,7 @@ function ObjectiveChatPanel({
               type="button"
               onClick={() => setChatView("list")}
               aria-label="Back to sessions"
-              className="inline-flex min-w-0 items-center gap-2 text-left text-sm font-medium text-[var(--foreground)] transition-colors hover:text-sky-100"
+              className="inline-flex min-w-0 items-center gap-2 text-left text-sm font-medium text-[var(--foreground)] transition-colors hover:text-[var(--primary)]"
             >
               <ArrowLeft className="h-3.5 w-3.5" />
               <span className="truncate">
@@ -1118,7 +1097,7 @@ function ObjectiveChatPanel({
                         setSelectedSessionId(session.rootMessageId);
                         setChatView("detail");
                       }}
-                      className="flex w-full items-start justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-white/[0.02]"
+                      className="flex w-full items-start justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-[var(--overlay-panel-soft)]"
                     >
                       <div className="min-w-0 flex-1">
                         <p className="truncate text-sm font-medium text-[var(--foreground)]">
@@ -1131,7 +1110,7 @@ function ObjectiveChatPanel({
                       </div>
                       <div className="flex shrink-0 items-center gap-2">
                         {sessionState ? (
-                          <span className="rounded-full border border-sky-400/30 bg-sky-400/10 px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-sky-100">
+                          <span className="rounded-full border border-[var(--status-in-progress-border)] bg-[var(--status-in-progress-bg)] px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-[var(--status-in-progress-text)]">
                             {sessionState === "queued" ? "Queued" : "Working"}
                           </span>
                         ) : null}
@@ -1160,7 +1139,7 @@ function ObjectiveChatPanel({
                 return (
                   <div key={message.id} className="flex gap-3">
                     {message.role === "user" ? (
-                      <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[rgba(15,23,42,0.55)] text-[var(--muted-foreground)]">
+                      <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--overlay-panel-soft)] text-[var(--muted-foreground)]">
                         <User className="h-4 w-4" />
                       </div>
                     ) : (
@@ -1184,7 +1163,7 @@ function ObjectiveChatPanel({
                           })}
                         </span>
                       </div>
-                      <div className="mt-2 rounded-2xl border border-[var(--border)] bg-[rgba(15,23,42,0.32)] px-4 py-3 text-sm text-[var(--foreground)]">
+                      <div className="mt-2 rounded-2xl border border-[var(--border)] bg-[var(--overlay-panel-muted)] px-4 py-3 text-sm text-[var(--foreground)]">
                         <Markdown content={message.content} isUser={message.role === "user"} />
                       </div>
                     </div>
@@ -1208,7 +1187,7 @@ function ObjectiveChatPanel({
           )}
         </div>
 
-        <div className="absolute bottom-0 left-0 right-0 p-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] bg-[rgba(8,12,18,0.72)]">
+        <div className="absolute bottom-0 left-0 right-0 bg-[var(--overlay-panel)] p-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))]">
           <Composer
             onSend={handleSend}
             onStop={interruptObjectiveChat}
@@ -1265,7 +1244,7 @@ function ObjectiveNotesEditor({
   if (!editable && !hasContent) return null;
 
   return (
-    <div className="overflow-hidden border-l-2 border-zinc-700/60 pl-4 transition-all focus-within:border-indigo-500/60">
+    <div className="overflow-hidden border-l-2 border-[var(--border)]/60 pl-4 transition-all focus-within:border-indigo-500/60">
       {editable || hasContent ? (
         <RichTextEditor
           content={content}
@@ -1278,43 +1257,96 @@ function ObjectiveNotesEditor({
   );
 }
 
+const OBJECTIVE_LIST_MIN_WIDTH = 240;
+const OBJECTIVE_LIST_MAX_WIDTH = 480;
+
+function ObjectiveListResizeHandle({
+  onResize,
+}: {
+  onResize: (delta: number) => void;
+}) {
+  const { isTouchLayout } = useInputCapabilities();
+
+  if (isTouchLayout) {
+    return null;
+  }
+
+  return (
+    <div
+      role="separator"
+      aria-orientation="vertical"
+      aria-label="Resize objective list panel"
+      className="group relative z-10 w-0 shrink-0 cursor-col-resize"
+      onMouseDown={(event) => {
+        event.preventDefault();
+        let lastX = event.clientX;
+        document.body.style.cursor = "col-resize";
+        document.body.style.userSelect = "none";
+        const onMouseMove = (ev: MouseEvent) => {
+          const delta = ev.clientX - lastX;
+          lastX = ev.clientX;
+          onResize(delta);
+        };
+        const onMouseUp = () => {
+          document.body.style.cursor = "";
+          document.body.style.userSelect = "";
+          window.removeEventListener("mousemove", onMouseMove);
+          window.removeEventListener("mouseup", onMouseUp);
+        };
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
+      }}
+    >
+      <div className="absolute inset-y-0 -left-0.5 w-1 transition-colors group-hover:bg-[var(--primary)]/40" />
+    </div>
+  );
+}
+
 function ObjectiveListCard({
-  projectSlug,
   objective,
   activityCount,
   lastActivityAt,
   activeAgentIds,
   participants,
+  isSelected,
+  onSelect,
 }: {
-  projectSlug: string;
   objective: ProjectObjective;
   activityCount: number;
   lastActivityAt: string | null;
   activeAgentIds?: string[];
   participants?: Participant[];
+  isSelected?: boolean;
+  onSelect?: () => void;
 }) {
   const activityMeta = buildActivityMeta(activityCount, lastActivityAt);
 
   return (
     <article className="px-2">
-      <Link
-        href={buildObjectiveHref(projectSlug, objective.id)}
+      <button
+        type="button"
+        onClick={onSelect}
         aria-label={`Open details for ${objective.title}`}
-        className="group flex items-center gap-3 rounded-2xl py-2 transition-colors hover:bg-white/[0.02] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-400/40"
+        className={`group flex w-full items-center gap-3 rounded-xl px-2 py-2 text-left transition-colors ${
+          isSelected
+            ? "bg-[var(--primary)]/10 border border-[var(--primary)]/20"
+            : "border border-transparent hover:bg-[var(--secondary)]"
+        }`}
       >
-        <div className="min-w-0 flex-1 px-1 py-1.5">
-          <div className="flex min-w-0 items-center gap-3">
-            <span className="truncate text-sm font-medium text-[var(--foreground)]">
-              {objective.title}
+        <div className="min-w-0 flex-1 py-0.5">
+          <div className="flex min-w-0 items-center gap-2">
+            <span
+              className={`rounded-full border px-1.5 py-0 text-[9px] font-semibold uppercase tracking-[0.12em] ${HEALTH_META[objective.status].chipClass}`}
+            >
+              {HEALTH_META[objective.status].label}
             </span>
           </div>
-          <div className="mt-1 text-xs text-[var(--muted-foreground)] sm:hidden">
+          <p className="mt-1 truncate text-sm font-medium text-[var(--foreground)]">
+            {objective.title}
+          </p>
+          <p className="mt-0.5 text-[11px] text-[var(--muted-foreground)]">
             {activityMeta}
-          </div>
-        </div>
-
-        <div className="hidden shrink-0 text-right text-xs text-[var(--muted-foreground)] sm:block">
-          <div>{activityMeta}</div>
+          </p>
         </div>
 
         {activeAgentIds && activeAgentIds.length > 0 && (
@@ -1330,19 +1362,15 @@ function ObjectiveListCard({
             })}
           </span>
         )}
-
-        <span className="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-[var(--muted-foreground)] transition-colors group-hover:bg-white/5 group-hover:text-[var(--foreground)] group-focus-visible:bg-white/5 group-focus-visible:text-[var(--foreground)]">
-          <ArrowRight className="h-4 w-4" />
-        </span>
-      </Link>
+      </button>
     </article>
   );
 }
 
 export function ProjectObjectivesOverview({
   projectSlug,
-}: ProjectObjectivesWorkspaceProps) {
-  const router = useRouter();
+  initialObjectiveId,
+}: ProjectObjectivesWorkspaceProps & { initialObjectiveId?: string }) {
   const { isLoading, project, workspace, teams, persistWorkspace } =
     useProjectObjectivesWorkspace(projectSlug);
   const objectives = workspace.objectives;
@@ -1350,12 +1378,36 @@ export function ProjectObjectivesOverview({
     () => getAvailableTeams(teams, workspace),
     [teams, workspace]
   );
+  const [selectedObjectiveId, setSelectedObjectiveId] = useState<string | null>(
+    initialObjectiveId ?? null
+  );
+  const [listPanelWidth, setListPanelWidth] = useState(() => {
+    return loadObjectiveListPanelWidth() || 320;
+  });
   const [objectiveEditor, setObjectiveEditor] = useState<ObjectiveEditorDraft | null>(null);
   const [isSaving, setIsSaving] = useState(false);
   const [saveError, setSaveError] = useState<string | null>(null);
   const [activeAgentsByObjective, setActiveAgentsByObjective] = useState<Map<string, string[]>>(new Map());
   const [participants, setParticipants] = useState<Participant[]>([]);
 
+  // Auto-select first objective when none is selected
+  useEffect(() => {
+    if (!selectedObjectiveId && objectives.length > 0) {
+      setSelectedObjectiveId(objectives[0].id);
+    }
+  }, [selectedObjectiveId, objectives]);
+
+  // Clear selection if the selected objective was deleted
+  useEffect(() => {
+    if (
+      selectedObjectiveId &&
+      objectives.length > 0 &&
+      !objectives.some((o) => o.id === selectedObjectiveId)
+    ) {
+      setSelectedObjectiveId(objectives[0]?.id ?? null);
+    }
+  }, [selectedObjectiveId, objectives]);
+
   useEffect(() => {
     let cancelled = false;
     async function load() {
@@ -1423,8 +1475,6 @@ export function ProjectObjectivesOverview({
       teamId,
       key: generateProjectObjectiveKey(title, workspace.objectives),
       summary: objectiveEditor.summary,
-      cadence: objectiveEditor.cadence,
-      condition: objectiveEditor.condition,
       now,
     });
 
@@ -1433,8 +1483,19 @@ export function ProjectObjectivesOverview({
 
     try {
       await persistWorkspace(upsertProjectObjective(workspace, nextObjective));
+
+      // After the persist succeeds, ensure the built-in worker job exists
+      try {
+        await fetch(
+          `/api/projects/${project?.id}/objectives/${nextObjective.id}/worker`,
+          { method: 'POST', headers: { 'Content-Type': 'application/json' } },
+        );
+      } catch {
+        // Worker job creation is best-effort — will be lazily created on first run
+      }
+
       setObjectiveEditor(null);
-      router.push(buildObjectiveHref(projectSlug, nextObjective.id));
+      setSelectedObjectiveId(nextObjective.id);
     } catch (error) {
       setSaveError(
         error instanceof Error ? error.message : "Failed to save objective updates."
@@ -1444,6 +1505,17 @@ export function ProjectObjectivesOverview({
     }
   };
 
+  const handleListPanelResize = useCallback((delta: number) => {
+    setListPanelWidth((currentWidth) => {
+      const nextWidth = Math.max(
+        OBJECTIVE_LIST_MIN_WIDTH,
+        Math.min(OBJECTIVE_LIST_MAX_WIDTH, currentWidth + delta)
+      );
+      persistObjectiveListPanelWidth(nextWidth);
+      return nextWidth;
+    });
+  }, []);
+
   if (isLoading && !project) {
     return <LoadingState label="Loading objectives..." />;
   }
@@ -1453,57 +1525,88 @@ export function ProjectObjectivesOverview({
   }
 
   return (
-    <div className="flex h-full min-h-0 flex-col bg-[radial-gradient(circle_at_top_left,rgba(59,130,246,0.14),transparent_28%),var(--background)] text-[var(--foreground)]">
-      <div className="border-b border-[var(--border)] bg-[rgba(10,14,20,0.7)] px-4 py-5 backdrop-blur md:px-6">
-        <div className="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
-          <div className="space-y-2">
-            <p className="text-sm text-[var(--muted-foreground)]">
-              {objectives.length === 0
-                ? "Add an objective to start tracking work in this project."
-                : "Click an objective to open its detail view."}
+    <div className="flex h-full min-h-0 overflow-hidden bg-[var(--background)] text-[var(--foreground)]">
+      {/* Left panel: objective list */}
+      <div
+        className="flex flex-shrink-0 flex-col border-r border-[var(--border)] bg-[var(--background)]"
+        style={{ width: listPanelWidth }}
+      >
+        <div className="flex items-center justify-between border-b border-[var(--border)] px-4 py-3">
+          <div className="min-w-0">
+            <p className="text-xs font-semibold uppercase tracking-[0.12em] text-[var(--muted-foreground)]">
+              Objectives
+            </p>
+            <p className="mt-0.5 text-[11px] text-[var(--muted-foreground)]">
+              {objectives.length === 0 ? "None yet" : `${objectives.length} total`}
             </p>
           </div>
-
           <button
             type="button"
             onClick={() => setObjectiveEditor(buildEmptyObjectiveDraft())}
-            className="inline-flex items-center gap-2 self-start rounded-xl border border-emerald-500/30 bg-emerald-500/10 px-3 py-2 text-sm font-medium text-emerald-100 transition-colors hover:bg-emerald-500/20"
+            className="inline-flex h-7 w-7 items-center justify-center rounded-lg text-[var(--muted-foreground)] transition-colors hover:bg-[var(--secondary)] hover:text-[var(--foreground)]"
+            aria-label="New objective"
           >
             <Plus className="h-4 w-4" />
-            New objective
           </button>
         </div>
+
         <ErrorBanner message={saveError} />
+
+        <div className="flex-1 overflow-y-auto py-1">
+          {objectives.length === 0 ? (
+            <div className="px-4 py-8 text-center">
+              <p className="text-sm text-[var(--muted-foreground)]">
+                No objectives yet.
+              </p>
+              <button
+                type="button"
+                onClick={() => setObjectiveEditor(buildEmptyObjectiveDraft())}
+                className="mt-2 text-sm text-[var(--primary)] hover:underline"
+              >
+                Create one
+              </button>
+            </div>
+          ) : (
+            <div className="space-y-0.5">
+              {objectives.map((objective) => {
+                const objectiveActivities = buildObjectiveTimelineActivities({
+                  objective,
+                  workspace,
+                });
+
+                return (
+                  <ObjectiveListCard
+                    key={objective.id}
+                    objective={objective}
+                    activityCount={objectiveActivities.length}
+                    lastActivityAt={objectiveActivities[0]?.createdAt ?? null}
+                    activeAgentIds={activeAgentsByObjective.get(objective.id)}
+                    participants={participants}
+                    isSelected={selectedObjectiveId === objective.id}
+                    onSelect={() => setSelectedObjectiveId(objective.id)}
+                  />
+                );
+              })}
+            </div>
+          )}
+        </div>
       </div>
 
-      <div className="flex-1 overflow-y-auto px-4 py-5 md:px-6 md:py-6">
-        {objectives.length === 0 ? (
-          <div className="mx-auto max-w-3xl rounded-[32px] border border-dashed border-[var(--border)] bg-[var(--card-bg)] p-8 text-center">
-            <p className="text-lg font-semibold text-[var(--foreground)]">No objectives yet</p>
-            <p className="mt-2 text-sm text-[var(--muted-foreground)]">
-              Keep the root view simple: objective list first, detail after click-through.
-            </p>
-          </div>
-        ) : (
-          <div className="mx-auto max-w-4xl divide-y divide-[var(--border)] overflow-hidden rounded-[24px] border border-[var(--border)] bg-[rgba(8,12,18,0.58)]">
-            {objectives.map((objective) => {
-              const objectiveActivities = buildObjectiveTimelineActivities({
-                objective,
-                workspace,
-              });
+      <ObjectiveListResizeHandle onResize={handleListPanelResize} />
 
-              return (
-                <ObjectiveListCard
-                  key={objective.id}
-                  projectSlug={projectSlug}
-                  objective={objective}
-                  activityCount={objectiveActivities.length}
-                  lastActivityAt={objectiveActivities[0]?.createdAt ?? null}
-                  activeAgentIds={activeAgentsByObjective.get(objective.id)}
-                  participants={participants}
-                />
-              );
-            })}
+      {/* Right panel: objective detail */}
+      <div className="flex-1 min-w-0 min-h-0 overflow-hidden">
+        {selectedObjectiveId ? (
+          <ProjectObjectiveDetail
+            projectSlug={projectSlug}
+            objectiveId={selectedObjectiveId}
+            onObjectiveDeleted={() => setSelectedObjectiveId(null)}
+          />
+        ) : (
+          <div className="flex h-full items-center justify-center text-sm text-[var(--muted-foreground)]">
+            {objectives.length === 0
+              ? "Create an objective to get started."
+              : "Select an objective from the list."}
           </div>
         )}
       </div>
@@ -1526,6 +1629,7 @@ export function ProjectObjectivesOverview({
 export function ProjectObjectiveDetail({
   projectSlug,
   objectiveId,
+  onObjectiveDeleted,
 }: ProjectObjectiveDetailProps) {
   const router = useRouter();
   const { isLoading, project, workspace, teams, persistWorkspace, refetchProject } =
@@ -1541,7 +1645,6 @@ export function ProjectObjectiveDetail({
   const teamName = objective ? getTeamName(teams, objective.teamId) : null;
   const [objectiveEditor, setObjectiveEditor] = useState<ObjectiveEditorDraft | null>(null);
   const [teamEditor, setTeamEditor] = useState<ObjectiveTeamDraft | null>(null);
-  const [wakeEditor, setWakeEditor] = useState<ObjectiveEditorDraft | null>(null);
 
   const [activeTab, setActiveTab] = useState<ObjectiveDetailTab>("activity");
   const [activityTotal, setActivityTotal] = useState(0);
@@ -1553,10 +1656,11 @@ export function ProjectObjectiveDetail({
   const [noteDrafts, setNoteDrafts] = useState<Record<string, string>>({});
   const [noteTitleDrafts, setNoteTitleDrafts] = useState<Record<string, string>>({});
   const [savingNoteIds, setSavingNoteIds] = useState<Set<string>>(new Set());
-  const [newNoteTitle, setNewNoteTitle] = useState("");
   const [isCreatingNote, setIsCreatingNote] = useState(false);
+  const [noteSearch, setNoteSearch] = useState("");
   const [linearIssues, setLinearIssues] = useState<ObjectiveLinearIssueSummary[]>([]);
   const [linearConnected, setLinearConnected] = useState(true);
+  const [workingOnObjective, setWorkingOnObjective] = useState(false);
 
   const { jobs: scheduledJobs } = usePromptJobs(project?.id ?? null, {
     requireProjectId: true,
@@ -1702,7 +1806,6 @@ export function ProjectObjectiveDetail({
 
   const handleCreateNote = async () => {
     if (!project?.id || !objective?.id) return;
-    const title = newNoteTitle.trim() || "Untitled";
     setIsCreatingNote(true);
     try {
       const res = await fetch(
@@ -1710,14 +1813,13 @@ export function ProjectObjectiveDetail({
         {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ title, body: "" }),
+          body: JSON.stringify({ title: "Untitled", body: "" }),
         },
       );
       if (res.ok) {
         const data = await res.json();
         setNotes((prev) => [data.note, ...prev]);
         setEditingNoteId(data.note.id);
-        setNewNoteTitle("");
       }
     } catch {
       setSaveError("Failed to create note.");
@@ -1766,19 +1868,6 @@ export function ProjectObjectiveDetail({
     setTeamEditor(null);
   };
 
-  const handleWakeSave = async () => {
-    if (!wakeEditor || !objective) return;
-
-    const nextObjective = {
-      ...objective,
-      cadence: wakeEditor.cadence.trim(),
-      condition: wakeEditor.condition.trim(),
-      updatedAt: new Date().toISOString(),
-    };
-
-    await runPersist(upsertProjectObjective(workspace, nextObjective));
-    setWakeEditor(null);
-  };
 
   const handleObjectiveDelete = async () => {
     if (!objective) return;
@@ -1787,7 +1876,11 @@ export function ProjectObjectiveDetail({
     if (!confirmed) return;
 
     await runPersist(removeProjectObjective(workspace, objective.id));
-    router.push(`/projects/${projectSlug}`);
+    if (onObjectiveDeleted) {
+      onObjectiveDeleted();
+    } else {
+      router.push(`/projects/${projectSlug}`);
+    }
   };
 
   const handleObjectiveThreadLinked = useCallback(
@@ -1815,7 +1908,6 @@ export function ProjectObjectiveDetail({
       catchUpPolicy: string;
       cadence: string;
       condition: string;
-      executionMode?: PromptJobExecutionMode;
     }) => {
       if (!project?.id || !objective?.id) {
         setSaveError("Objective not found.");
@@ -1832,10 +1924,7 @@ export function ProjectObjectiveDetail({
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
               ...data,
-              prompt:
-                data.executionMode === "objective_linear_ticket"
-                  ? data.prompt
-                  : prependObjectiveLabelToPrompt(objective, data.prompt),
+              prompt: prependObjectiveLabelToPrompt(objective, data.prompt),
             }),
           }
         );
@@ -1857,37 +1946,35 @@ export function ProjectObjectiveDetail({
     [objective, project?.id, refetchProject]
   );
 
-  const handleObjectiveLinearWorkerCreate = useCallback(async () => {
+  const handleWorkOnObjective = useCallback(async () => {
     if (!project?.id || !objective?.id) {
       setSaveError("Objective not found.");
       return false;
     }
 
+    if (!objective.teamId) {
+      setSaveError("Assign a team to this objective before creating a worker.");
+      return false;
+    }
+
     setSaveError(null);
 
     try {
       const response = await fetch(
-        `/api/projects/${project.id}/objectives/${objective.id}/scheduled-tasks`,
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            name: DEFAULT_OBJECTIVE_LINEAR_WORKER_NAME,
-            executionMode: "objective_linear_ticket",
-          }),
-        }
+        `/api/projects/${project.id}/objectives/${objective.id}/worker`,
+        { method: "PUT" },
       );
       const payload = (await response.json().catch(() => ({}))) as { error?: string };
 
       if (!response.ok) {
-        throw new Error(payload.error || "Failed to create objective Linear worker.");
+        throw new Error(payload.error || "Failed to trigger objective worker.");
       }
 
       await refetchProject();
       return true;
     } catch (error) {
       setSaveError(
-        error instanceof Error ? error.message : "Failed to create objective Linear worker."
+        error instanceof Error ? error.message : "Failed to trigger objective worker."
       );
       return false;
     }
@@ -1950,15 +2037,15 @@ export function ProjectObjectiveDetail({
 
   if (!objective) {
     return (
-      <div className="flex h-full items-center justify-center px-4 bg-[#131315]">
-        <div className="rounded-xl border border-zinc-700/80 bg-[#18181b] p-8 text-center">
-          <p className="text-lg font-semibold text-zinc-100">Objective not found</p>
-          <p className="mt-2 text-sm text-zinc-500">
+      <div className="flex h-full items-center justify-center px-4 bg-[var(--background)]">
+        <div className="rounded-xl border border-[var(--border)] bg-[var(--card-bg)] p-8 text-center">
+          <p className="text-lg font-semibold text-[var(--foreground)]">Objective not found</p>
+          <p className="mt-2 text-sm text-[var(--muted-foreground)]">
             It may have been deleted or the link is stale.
           </p>
           <Link
             href={`/projects/${projectSlug}`}
-            className="mt-4 inline-flex items-center gap-2 rounded-md border border-zinc-700/80 px-3 py-1.5 text-sm text-zinc-300 transition-colors hover:bg-zinc-800/50 bg-[#1a1a1c]"
+            className="mt-4 inline-flex items-center gap-2 rounded-md border border-[var(--border)] bg-[var(--card-bg)] px-3 py-1.5 text-sm text-[var(--foreground)] transition-colors hover:bg-[var(--secondary)]"
           >
             Back to objectives
           </Link>
@@ -1968,7 +2055,7 @@ export function ProjectObjectiveDetail({
   }
 
   return (
-    <div className="flex h-full min-h-0 flex-col bg-[#131315] text-zinc-200">
+    <div className="flex h-full min-h-0 flex-col bg-[radial-gradient(circle_at_top_left,rgba(59,130,246,0.1),transparent_28%),var(--background)] text-[var(--foreground)]">
       <div className="flex-1 min-h-0 overflow-hidden">
         <div className="flex h-full min-h-0 flex-col xl:flex-row">
           <div className="min-h-0 flex-1 overflow-y-auto">
@@ -1976,7 +2063,7 @@ export function ProjectObjectiveDetail({
               <ErrorBanner message={saveError} />
 
               <div className="flex items-center gap-3 mb-4">
-                <span className="px-2.5 py-0.5 rounded-full text-[10px] font-mono tracking-wider bg-zinc-800/60 text-zinc-400 border border-zinc-700 uppercase">
+                <span className="rounded-full border border-[var(--tone-neutral-border)] bg-[var(--tone-neutral-bg)] px-2.5 py-0.5 text-[10px] font-mono uppercase tracking-wider text-[var(--tone-neutral)]">
                   {objective.key}
                 </span>
                 <span
@@ -1997,14 +2084,14 @@ export function ProjectObjectiveDetail({
                         if (e.key === "Enter") void handleObjectiveSave();
                         if (e.key === "Escape") setObjectiveEditor(null);
                       }}
-                      className="flex-1 text-[28px] leading-tight font-semibold text-zinc-100 bg-transparent border-b-2 border-sky-500/50 outline-none px-0 py-1"
+                      className="flex-1 border-b-2 border-[var(--primary)] bg-transparent px-0 py-1 text-[28px] font-semibold leading-tight text-[var(--foreground)] outline-none"
                       placeholder="Objective statement"
                     />
                     <button
                       type="button"
                       onClick={() => void handleObjectiveSave()}
                       disabled={isSaving}
-                      className="p-1.5 rounded-md text-sky-400 hover:bg-sky-500/10 transition-colors"
+                      className="rounded-md p-1.5 text-[var(--primary)] transition-colors hover:bg-[var(--status-in-progress-bg)]"
                       aria-label="Save objective"
                     >
                       <Check size={18} />
@@ -2012,22 +2099,24 @@ export function ProjectObjectiveDetail({
                     <button
                       type="button"
                       onClick={() => setObjectiveEditor(null)}
-                      className="p-1.5 rounded-md text-zinc-400 hover:bg-zinc-800/50 transition-colors"
+                      className="rounded-md p-1.5 text-[var(--muted-foreground)] transition-colors hover:bg-[var(--muted)]"
                       aria-label="Cancel editing"
                     >
                       <X size={18} />
                     </button>
                   </div>
                 ) : (
-                  <div
-                    className="flex items-center gap-3 group cursor-pointer"
+                  <button
+                    type="button"
+                    aria-label={`Edit objective ${objective.title}`}
+                    className="flex items-center gap-3 group cursor-pointer text-left"
                     onClick={() => setObjectiveEditor(buildObjectiveDraft(objective))}
                   >
-                    <h1 className="text-[28px] leading-tight font-semibold text-zinc-100">
+                    <h1 className="text-[28px] leading-tight font-semibold text-[var(--foreground)]">
                       {objective.title}
                     </h1>
-                    <Pencil size={16} className="text-zinc-500 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" />
-                  </div>
+                    <Pencil size={16} className="shrink-0 text-[var(--muted-foreground)] opacity-0 transition-opacity group-hover:opacity-100" />
+                  </button>
                 )}
               </div>
 
@@ -2035,10 +2124,10 @@ export function ProjectObjectiveDetail({
               <div className="flex flex-wrap items-center gap-x-6 gap-y-3 mb-10">
                 {/* Team Property */}
                 <div className="flex items-center gap-2">
-                  <span className="text-xs font-semibold text-zinc-500 uppercase tracking-wider flex items-center gap-1.5">
+                  <span className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-[var(--muted-foreground)]">
                     <Users size={12} /> Team
                   </span>
-                  <span className="text-zinc-600">·</span>
+                  <span className="text-[var(--app-shell-soft-text)]">·</span>
                   {teamEditor ? (
                     <div className="min-w-[180px]">
                       <SearchCombo
@@ -2069,42 +2158,53 @@ export function ProjectObjectiveDetail({
                   ) : (
                     <button
                       type="button"
+                      aria-label={`Edit team for ${objective.title}`}
                       onClick={() => setTeamEditor({ teamId: objective.teamId })}
-                      className="flex items-center gap-2 group rounded px-1.5 py-0.5 -mx-1.5 -my-0.5 hover:bg-zinc-800 transition-colors"
+                      className="group -mx-1.5 -my-0.5 flex items-center gap-2 rounded px-1.5 py-0.5 transition-colors hover:bg-[var(--muted)]"
                     >
                       <div className="w-5 h-5 rounded-full bg-blue-500/20 text-blue-400 flex items-center justify-center text-[10px] font-bold border border-blue-500/30">
                         {(teamName ?? "?").charAt(0).toUpperCase()}
                       </div>
-                      <span className="text-sm text-zinc-200 group-hover:text-zinc-50 transition-colors">
+                      <span className="text-sm text-[var(--foreground)] transition-colors group-hover:text-[var(--primary)]">
                         {teamName ?? "Not assigned"}
                       </span>
                     </button>
                   )}
                 </div>
 
-                {/* Check-in Frequency Property */}
-                <div className="flex items-center gap-2">
-                  <span className="text-xs font-semibold text-zinc-500 uppercase tracking-wider flex items-center gap-1.5">
-                    <Clock size={12} /> Check-in
-                  </span>
-                  <span className="text-zinc-600">·</span>
-                  <button
-                    type="button"
-                    onClick={() => setWakeEditor(buildObjectiveDraft(objective))}
-                    className="text-sm text-zinc-200 hover:text-zinc-50 rounded px-1.5 py-0.5 -my-0.5 hover:bg-zinc-800 transition-colors"
-                  >
-                    {formatObjectiveCadence(objective.cadence)}
-                  </button>
-                  {objective.condition ? (
-                    <span className="text-xs text-zinc-500 truncate max-w-[200px]">
-                      · {objective.condition}
-                    </span>
-                  ) : null}
-                </div>
+                {project.id && objective.id ? (
+                  <ObjectiveHealthTrend
+                    projectId={project.id}
+                    objectiveId={objective.id}
+                    objectiveKey={objective.key}
+                    metadata={project.metadata}
+                    currentProgress={objective.progress}
+                    currentStatus={objective.status}
+                    objectiveUpdatedAt={objective.updatedAt}
+                  />
+                ) : null}
+
+              </div>
+
+              {/* Work on objective */}
+              <div className="mb-6">
+                <button
+                  type="button"
+                  onClick={async () => {
+                    setWorkingOnObjective(true);
+                    await handleWorkOnObjective();
+                    setWorkingOnObjective(false);
+                  }}
+                  disabled={workingOnObjective}
+                  className="inline-flex items-center gap-2 rounded-xl border border-[var(--status-completed-border)] bg-[var(--status-completed-bg)] px-3 py-2 text-sm text-[var(--status-completed-text)] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50"
+                >
+                  <Sparkles className="h-4 w-4" />
+                  {workingOnObjective ? "Working..." : "Work on objective"}
+                </button>
               </div>
 
               {/* Tabs */}
-              <div className="border-b border-zinc-800/80 mb-8">
+              <div className="mb-8 border-b border-[var(--border)]">
                 <nav className="flex gap-1 -mb-px" aria-label="Objective sections">
                   {([
                     { id: "activity" as const, label: "Activity", icon: Clock },
@@ -2118,29 +2218,35 @@ export function ProjectObjectiveDetail({
                       onClick={() => setActiveTab(tab.id)}
                       className={`flex items-center gap-2 px-3 py-2.5 text-sm font-medium border-b-2 transition-colors ${
                         activeTab === tab.id
-                          ? "border-sky-500 text-zinc-100"
-                          : "border-transparent text-zinc-500 hover:text-zinc-300 hover:border-zinc-700"
+                          ? "border-[var(--primary)] text-[var(--foreground)]"
+                          : "border-transparent text-[var(--muted-foreground)] hover:border-[var(--border)] hover:text-[var(--foreground)]"
                       }`}
                     >
                       <tab.icon size={14} />
                       {tab.label}
                       {tab.id === "activity" && activityTotal > 0 && (
-                        <span className="text-[10px] bg-zinc-800 text-zinc-400 rounded-full px-1.5 py-0.5 font-mono">
+                        <span className="rounded-full bg-[var(--tone-neutral-bg)] px-1.5 py-0.5 font-mono text-[10px] text-[var(--tone-neutral)]">
                           {activityTotal}
                         </span>
                       )}
                       {tab.id === "notes" && notes.length > 0 && (
-                        <span className="text-[10px] bg-zinc-800 text-zinc-400 rounded-full px-1.5 py-0.5 font-mono">
+                        <span className="rounded-full bg-[var(--tone-neutral-bg)] px-1.5 py-0.5 font-mono text-[10px] text-[var(--tone-neutral)]">
                           {notes.length}
                         </span>
                       )}
-                      {tab.id === "linear" && linearIssues.length > 0 && (
-                        <span className="text-[10px] bg-zinc-800 text-zinc-400 rounded-full px-1.5 py-0.5 font-mono">
-                          {linearIssues.length}
-                        </span>
-                      )}
+                      {tab.id === "linear" && (() => {
+                        const DONE = ["done", "canceled", "cancelled", "completed", "duplicate"];
+                        const active = linearIssues.filter(
+                          (i, idx, arr) => arr.findIndex((x) => x.id === i.id) === idx && !DONE.includes(i.status.toLowerCase())
+                        );
+                        return active.length > 0 ? (
+                          <span className="rounded-full bg-[var(--tone-neutral-bg)] px-1.5 py-0.5 font-mono text-[10px] text-[var(--tone-neutral)]">
+                            {active.length}
+                          </span>
+                        ) : null;
+                      })()}
                       {tab.id === "scheduled-tasks" && scheduledTaskCount > 0 && (
-                        <span className="text-[10px] bg-zinc-800 text-zinc-400 rounded-full px-1.5 py-0.5 font-mono">
+                        <span className="rounded-full bg-[var(--tone-neutral-bg)] px-1.5 py-0.5 font-mono text-[10px] text-[var(--tone-neutral)]">
                           {scheduledTaskCount}
                         </span>
                       )}
@@ -2154,146 +2260,149 @@ export function ProjectObjectiveDetail({
                 {/* Notes Tab */}
                 {activeTab === "notes" && (
                   <section className="space-y-4">
-                    <div className="flex justify-between items-end">
-                      <p className="text-sm text-zinc-500">
-                        Capture the strategy, constraints, and what better looks like.
-                      </p>
-                    </div>
-
-                    {/* Create Note */}
-                    <div className="flex gap-2">
-                      <input
-                        type="text"
-                        value={newNoteTitle}
-                        onChange={(e) => setNewNoteTitle(e.target.value)}
-                        onKeyDown={(e) => {
-                          if (e.key === "Enter") handleCreateNote();
-                        }}
-                        placeholder="New note title..."
-                        className="flex-1 bg-zinc-900 border border-zinc-800 rounded-md px-3 py-1.5 text-sm text-zinc-200 placeholder:text-zinc-600 focus:outline-none focus:border-zinc-600"
-                      />
+                    {/* Search + Create */}
+                    <div className="flex gap-2 items-center">
+                      <div className="relative flex-1">
+                        <Search size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-[var(--muted-foreground)]" />
+                        <input
+                          type="text"
+                          value={noteSearch}
+                          onChange={(e) => setNoteSearch(e.target.value)}
+                          placeholder="Search notes..."
+                          className="w-full rounded-md border border-[var(--border)] bg-[var(--input)] py-1.5 pl-8 pr-3 text-sm text-[var(--foreground)] placeholder:text-[var(--app-shell-soft-text)] focus:border-[var(--primary)] focus:outline-none"
+                        />
+                      </div>
                       <button
                         type="button"
                         onClick={handleCreateNote}
                         disabled={isCreatingNote}
-                        className="flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-zinc-200 bg-zinc-800 hover:bg-zinc-700 rounded-md transition-colors disabled:opacity-50"
+                        className="flex items-center gap-1.5 rounded-md border border-[var(--status-in-progress-border)] bg-[var(--status-in-progress-bg)] px-3 py-1.5 text-sm font-medium text-[var(--status-in-progress-text)] transition-opacity hover:opacity-90 disabled:opacity-50"
                       >
                         <Plus size={14} />
-                        Add
+                        New note
                       </button>
                     </div>
 
-                    {/* Notes List */}
+                    {/* Masonry Grid */}
                     {isNotesLoading ? (
-                      <p className="text-sm text-zinc-500 py-4">Loading notes...</p>
+                      <p className="py-4 text-sm text-[var(--muted-foreground)]">Loading notes...</p>
                     ) : notes.length === 0 ? (
-                      <p className="text-sm text-zinc-600 py-4">
+                      <p className="text-sm text-[var(--muted-foreground)] py-4">
                         No notes yet. Add one above.
                       </p>
-                    ) : (
-                      <div className="space-y-3">
-                        {notes.map((note) => {
-                          const isEditing = editingNoteId === note.id;
-                          const isSavingNote = savingNoteIds.has(note.id);
-                          const draftBody = noteDrafts[note.id] ?? note.body;
-                          const draftTitle = noteTitleDrafts[note.id] ?? note.title;
-
-                          return (
-                            <div
+                    ) : (() => {
+                      const q = noteSearch.toLowerCase();
+                      const filtered = q
+                        ? notes.filter(
+                            (n) =>
+                              n.title.toLowerCase().includes(q) ||
+                              n.body.toLowerCase().includes(q),
+                          )
+                        : notes;
+                      return filtered.length === 0 ? (
+                        <p className="text-sm text-[var(--muted-foreground)] py-4">
+                          No notes match your search.
+                        </p>
+                      ) : (
+                        <div className="columns-1 gap-3 sm:columns-2 lg:columns-3" style={{ columnFill: "balance" as const }}>
+                          {filtered.map((note) => (
+                            <button
                               key={note.id}
-                              className="border border-zinc-800/80 rounded-lg overflow-hidden"
+                              type="button"
+                              onClick={() => setEditingNoteId(note.id)}
+                              className="mb-3 block w-full break-inside-avoid overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--overlay-panel-muted)] text-left transition-shadow hover:shadow-md"
                             >
-                              {/* Note Header */}
-                              <div className="flex items-center justify-between px-4 py-2.5 bg-zinc-900/50">
-                                {isEditing ? (
-                                  <div className="flex items-center gap-2 flex-1 mr-2">
-                                    <FileText size={14} className="text-zinc-500 shrink-0" />
-                                    <input
-                                      type="text"
-                                      value={draftTitle}
-                                      onChange={(e) =>
-                                        setNoteTitleDrafts((prev) => ({
-                                          ...prev,
-                                          [note.id]: e.target.value,
-                                        }))
-                                      }
-                                      className="flex-1 bg-transparent border-b border-zinc-700 text-sm font-medium text-zinc-200 focus:outline-none focus:border-zinc-400 py-0.5"
-                                    />
-                                  </div>
-                                ) : (
-                                  <button
-                                    type="button"
-                                    onClick={() =>
-                                      setEditingNoteId(note.id)
-                                    }
-                                    className="flex items-center gap-2 text-sm font-medium text-zinc-200 hover:text-zinc-50 transition-colors"
-                                  >
-                                    <FileText size={14} className="text-zinc-500" />
-                                    {note.title}
-                                  </button>
-                                )}
-                                <div className="flex items-center gap-2">
-                                  <span className="text-[11px] text-zinc-600">
-                                    {isSavingNote
-                                      ? "Saving..."
-                                      : new Date(note.updatedAt).toLocaleDateString()}
-                                  </span>
-                                  <button
-                                    type="button"
-                                    onClick={() =>
-                                      setEditingNoteId(isEditing ? null : note.id)
-                                    }
-                                    className="p-1 text-zinc-500 hover:text-zinc-300 transition-colors"
-                                  >
-                                    <Pencil size={12} />
-                                  </button>
-                                  <button
-                                    type="button"
-                                    onClick={() => handleDeleteNote(note.id)}
-                                    className="p-1 text-zinc-500 hover:text-red-400 transition-colors"
-                                  >
-                                    <Trash2 size={12} />
-                                  </button>
-                                </div>
+                              <div className="px-3 pt-3 pb-1">
+                                <h4 className="text-sm font-medium text-[var(--foreground)] leading-snug">
+                                  {note.title}
+                                </h4>
                               </div>
-
-                              {/* Note Body */}
-                              {isEditing ? (
-                                <div className="px-4 py-3">
-                                  <ObjectiveNotesEditor
-                                    content={draftBody}
-                                    editable
-                                    onChange={(value) =>
-                                      setNoteDrafts((prev) => ({
-                                        ...prev,
-                                        [note.id]: value,
-                                      }))
-                                    }
-                                    placeholder="Write your note..."
-                                  />
+                              {note.body.trim() && (
+                                <div className="px-3 pb-2 text-xs text-[var(--muted-foreground)] line-clamp-4">
+                                  <Markdown content={note.body} />
                                 </div>
-                              ) : note.body.trim() ? (
-                                <div
-                                  className="px-4 py-3 text-sm text-zinc-400 cursor-pointer hover:bg-zinc-900/30 transition-colors"
-                                  onClick={() => setEditingNoteId(note.id)}
+                              )}
+                              <div className="flex items-center justify-between px-3 pb-2">
+                                <span className="text-[10px] text-[var(--muted-foreground)]">
+                                  {new Date(note.updatedAt).toLocaleDateString()}
+                                </span>
+                              </div>
+                            </button>
+                          ))}
+                        </div>
+                      );
+                    })()}
+
+                    {/* Note Edit Modal */}
+                    {editingNoteId && (() => {
+                      const note = notes.find((n) => n.id === editingNoteId);
+                      if (!note) return null;
+                      const draftBody = noteDrafts[note.id] ?? note.body;
+                      const draftTitle = noteTitleDrafts[note.id] ?? note.title;
+                      const isSavingNote = savingNoteIds.has(note.id);
+                      return (
+                        <div
+                          className="fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[5vh]"
+                          onClick={(e) => {
+                            if (e.target === e.currentTarget) setEditingNoteId(null);
+                          }}
+                        >
+                          <div className="mx-6 w-full max-w-7xl rounded-xl border border-[var(--border)] bg-[var(--background)] shadow-xl">
+                            {/* Modal Header */}
+                            <div className="flex items-center justify-between border-b border-[var(--border)] px-5 py-3">
+                              <input
+                                type="text"
+                                autoFocus
+                                value={draftTitle}
+                                onFocus={(e) => {
+                                  if (draftTitle === "Untitled") e.target.select();
+                                }}
+                                onChange={(e) =>
+                                  setNoteTitleDrafts((prev) => ({
+                                    ...prev,
+                                    [note.id]: e.target.value,
+                                  }))
+                                }
+                                className="flex-1 bg-transparent text-base font-semibold text-[var(--foreground)] focus:outline-none"
+                              />
+                              <div className="flex items-center gap-2 ml-3">
+                                <span className="text-[11px] text-[var(--muted-foreground)]">
+                                  {isSavingNote ? "Saving..." : new Date(note.updatedAt).toLocaleDateString()}
+                                </span>
+                                <button
+                                  type="button"
+                                  onClick={() => handleDeleteNote(note.id)}
+                                  className="p-1 text-[var(--muted-foreground)] transition-colors hover:text-[var(--destructive)]"
                                 >
-                                  <div className="line-clamp-3">
-                                    <Markdown content={note.body} />
-                                  </div>
-                                </div>
-                              ) : (
-                                <div
-                                  className="px-4 py-3 text-sm text-zinc-600 italic cursor-pointer hover:bg-zinc-900/30 transition-colors"
-                                  onClick={() => setEditingNoteId(note.id)}
+                                  <Trash2 size={14} />
+                                </button>
+                                <button
+                                  type="button"
+                                  onClick={() => setEditingNoteId(null)}
+                                  className="p-1 text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]"
                                 >
-                                  Empty note — click to edit
-                                </div>
-                              )}
+                                  <X size={14} />
+                                </button>
+                              </div>
                             </div>
-                          );
-                        })}
-                      </div>
-                    )}
+                            {/* Modal Body */}
+                            <div className="max-h-[75vh] overflow-y-auto px-5 py-4">
+                              <ObjectiveNotesEditor
+                                content={draftBody}
+                                editable
+                                onChange={(value) =>
+                                  setNoteDrafts((prev) => ({
+                                    ...prev,
+                                    [note.id]: value,
+                                  }))
+                                }
+                                placeholder="Write your note..."
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      );
+                    })()}
                   </section>
                 )}
 
@@ -2321,12 +2430,14 @@ export function ProjectObjectiveDetail({
 
                   return (
                     <section>
-                      <p className="text-sm text-zinc-500 mb-4">
-                        Tickets tracked by the objective label{" "}
-                        <code className="font-mono text-[11px] bg-zinc-800/80 px-1.5 py-0.5 rounded text-zinc-300">
-                          {objective.key}
-                        </code>.
-                      </p>
+                      <div className="flex flex-wrap items-start justify-between gap-3 mb-4">
+                        <p className="text-sm text-[var(--muted-foreground)]">
+                          Tickets tracked by the objective label{" "}
+                          <code className="rounded bg-[var(--tone-neutral-bg)] px-1.5 py-0.5 font-mono text-[11px] text-[var(--foreground)]">
+                            {objective.key}
+                          </code>.
+                        </p>
+                      </div>
                       {!linearConnected ? (
                         <EmptyState label="Connect Linear to create and track tickets for this objective." />
                       ) : dedupedIssues.length === 0 ? (
@@ -2338,33 +2449,25 @@ export function ProjectObjectiveDetail({
                               {activeIssues.map((issue) => (
                                 <div
                                   key={issue.id}
-                                  className="bg-[#1c212b] border border-[#2d3748] rounded-xl p-4"
+                                  className="rounded-xl border border-[var(--border)] bg-[var(--overlay-panel-muted)] p-4"
                                 >
                                   <div className="flex items-start justify-between gap-3">
                                     <div className="min-w-0">
-                                      <p className="text-xs font-semibold uppercase tracking-[0.18em] text-zinc-500">
+                                      <p className="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">
                                         {issue.identifier}
                                       </p>
-                                      {issue.url ? (
-                                        <a
-                                          href={issue.url}
-                                          target="_blank"
-                                          rel="noreferrer"
-                                          className="mt-1 block text-sm font-medium text-zinc-200 transition-colors hover:text-sky-200"
-                                        >
-                                          {issue.title}
-                                        </a>
-                                      ) : (
-                                        <p className="mt-1 text-sm font-medium text-zinc-200">
-                                          {issue.title}
-                                        </p>
-                                      )}
+                                      <a
+                                        href={`/projects/${projectSlug}/linear?issue=${issue.id}`}
+                                        className="mt-1 block text-sm font-medium text-[var(--foreground)] transition-colors hover:text-[var(--primary)]"
+                                      >
+                                        {issue.title}
+                                      </a>
                                     </div>
-                                    <span className="rounded-full border border-zinc-700 px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-zinc-500">
+                                    <span className="rounded-full border border-[var(--tone-neutral-border)] px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-[var(--tone-neutral)]">
                                       {issue.status}
                                     </span>
                                   </div>
-                                  <div className="mt-3 flex flex-wrap items-center gap-2 text-[11px] text-zinc-500">
+                                  <div className="mt-3 flex flex-wrap items-center gap-2 text-[11px] text-[var(--muted-foreground)]">
                                     <span>Updated {formatDateTime(issue.updatedAt)}</span>
                                     <span>{issue.assignee ? `Assigned to ${issue.assignee}` : "Unassigned"}</span>
                                   </div>
@@ -2375,21 +2478,19 @@ export function ProjectObjectiveDetail({
 
                           {doneIssues.length > 0 && (
                             <div className={activeIssues.length > 0 ? "mt-6" : ""}>
-                              <p className="text-[11px] font-medium uppercase tracking-[0.18em] text-zinc-600 mb-2">
+                              <p className="text-[11px] font-medium uppercase tracking-[0.18em] text-[var(--muted-foreground)] mb-2">
                                 Completed
                               </p>
                               <div className="space-y-0.5">
                                 {doneIssues.map((issue) => (
                                   <a
                                     key={issue.id}
-                                    href={issue.url ?? "#"}
-                                    target="_blank"
-                                    rel="noreferrer"
-                                    className="flex items-center gap-3 py-1.5 px-2 rounded-md text-zinc-500 hover:text-zinc-400 hover:bg-zinc-800/40 transition-colors group"
+                                    href={`/projects/${projectSlug}/linear?issue=${issue.id}`}
+                                    className="group flex items-center gap-3 rounded-md px-2 py-1.5 text-[var(--muted-foreground)] transition-colors hover:bg-[var(--muted)] hover:text-[var(--foreground)]"
                                   >
                                     <span className="text-[11px] font-mono shrink-0">{issue.identifier}</span>
                                     <span className="text-[12px] truncate">{issue.title}</span>
-                                    <span className="ml-auto text-[10px] shrink-0 text-zinc-600 group-hover:text-zinc-500">{issue.status}</span>
+                                    <span className="ml-auto shrink-0 text-[10px] text-[var(--app-shell-soft-text)] group-hover:text-[var(--muted-foreground)]">{issue.status}</span>
                                   </a>
                                 ))}
                               </div>
@@ -2410,11 +2511,8 @@ export function ProjectObjectiveDetail({
                       objectiveKey={objective.key}
                       createDefaults={{
                         name: `Work on ${objective.title}`,
-                        cadence: objective.cadence,
-                        condition: objective.condition,
                       }}
                       onCreateTask={handleScheduledTaskCreate}
-                      onCreateObjectiveLinearWorker={handleObjectiveLinearWorkerCreate}
                     />
                   </section>
                 )}
@@ -2422,12 +2520,12 @@ export function ProjectObjectiveDetail({
                 {/* Danger Zone */}
                 <section className="pt-10">
                   <div className="mb-4">
-                    <h2 className="text-sm font-semibold text-red-400">Danger Zone</h2>
+                    <h2 className="text-sm font-semibold text-[var(--destructive)]">Danger Zone</h2>
                   </div>
-                  <div className="border border-red-900/30 rounded-xl p-5 flex items-center justify-between bg-red-950/5">
+                  <div className="flex items-center justify-between rounded-xl border border-[var(--destructive-border)] bg-[var(--destructive-bg)] p-5">
                     <div>
-                      <h3 className="text-sm font-medium text-zinc-200">Delete Objective</h3>
-                      <p className="text-sm text-zinc-500 mt-1">
+                      <h3 className="text-sm font-medium text-[var(--foreground)]">Delete Objective</h3>
+                      <p className="mt-1 text-sm text-[var(--muted-foreground)]">
                         Once you delete an objective, there is no going back.
                       </p>
                     </div>
@@ -2435,7 +2533,7 @@ export function ProjectObjectiveDetail({
                       type="button"
                       onClick={() => void handleObjectiveDelete()}
                       aria-label={`Delete objective ${objective.title}`}
-                      className="flex items-center gap-2 px-3 py-1.5 rounded-md border border-red-900/40 text-red-400 text-sm font-medium hover:bg-red-950/40 transition-colors bg-red-950/20 whitespace-nowrap"
+                      className="flex items-center gap-2 whitespace-nowrap rounded-md border border-[var(--destructive-border)] bg-[var(--destructive-bg)] px-3 py-1.5 text-sm font-medium text-[var(--destructive)] transition-opacity hover:opacity-90"
                     >
                       <Trash2 size={14} /> Delete
                     </button>
@@ -2456,15 +2554,6 @@ export function ProjectObjectiveDetail({
         </div>
       </div>
 
-      {wakeEditor ? (
-        <ObjectiveWakeModal
-          draft={wakeEditor}
-          isSaving={isSaving}
-          onChange={setWakeEditor}
-          onClose={() => setWakeEditor(null)}
-          onSave={() => void handleWakeSave()}
-        />
-      ) : null}
     </div>
   );
 }
@@ -2475,8 +2564,8 @@ export function ProjectObjectivesWorkspace(props: ProjectObjectivesWorkspaceProp
 
 function EmptyState({ label }: { label: string }) {
   return (
-    <div className="border border-dashed border-zinc-700/80 rounded-xl p-6 flex items-center bg-[#151517]">
-      <p className="text-sm text-zinc-500">{label}</p>
+    <div className="flex items-center rounded-xl border border-dashed border-[var(--border)] bg-[var(--overlay-panel-muted)] p-6">
+      <p className="text-sm text-[var(--muted-foreground)]">{label}</p>
     </div>
   );
 }
@@ -2504,7 +2593,7 @@ function ObjectiveEditorModal({
         role="dialog"
         aria-modal="true"
         aria-label={mode === "edit" ? "Edit objective" : "New objective"}
-        className="w-full max-w-3xl overflow-hidden rounded-[32px] border border-[var(--border)] bg-[rgba(6,10,16,0.96)] shadow-2xl"
+        className="w-full max-w-3xl overflow-hidden rounded-[32px] border border-[var(--border)] bg-[var(--overlay-panel-strong)] shadow-2xl"
       >
         <div className="border-b border-[var(--border)] px-5 py-4">
           <h3 className="text-lg font-semibold text-[var(--foreground)]">
@@ -2523,7 +2612,7 @@ function ObjectiveEditorModal({
             <input
               value={draft.title}
               onChange={(event) => onChange({ ...draft, title: event.target.value })}
-              className="w-full rounded-2xl border border-[var(--border)] bg-[rgba(15,23,42,0.55)] px-4 py-3 text-sm text-[var(--foreground)] outline-none transition-colors focus:border-sky-500/50"
+              className="w-full rounded-2xl border border-[var(--border)] bg-[var(--input)] px-4 py-3 text-sm text-[var(--foreground)] outline-none transition-colors focus:border-[var(--primary)]"
               placeholder="Get 50 qualified visitors daily"
             />
           </div>
@@ -2534,7 +2623,7 @@ function ObjectiveEditorModal({
               <select
                 value={draft.teamId}
                 onChange={(event) => onChange({ ...draft, teamId: event.target.value })}
-                className="w-full rounded-2xl border border-[var(--border)] bg-[rgba(15,23,42,0.55)] px-3 py-3 text-sm text-[var(--foreground)] outline-none transition-colors focus:border-sky-500/50"
+                className="w-full rounded-2xl border border-[var(--border)] bg-[var(--input)] px-3 py-3 text-sm text-[var(--foreground)] outline-none transition-colors focus:border-[var(--primary)]"
               >
                 <option value="">Select a team</option>
                 {teams.map((team) => (
@@ -2562,7 +2651,7 @@ function ObjectiveEditorModal({
             type="button"
             onClick={onSave}
             disabled={isSaving}
-            className="rounded-xl border border-sky-500/30 bg-sky-500/10 px-3 py-2 text-sm font-medium text-sky-100 transition-colors hover:bg-sky-500/20 disabled:cursor-not-allowed disabled:opacity-50"
+            className="rounded-xl border border-[var(--status-in-progress-border)] bg-[var(--status-in-progress-bg)] px-3 py-2 text-sm font-medium text-[var(--status-in-progress-text)] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50"
           >
             {isSaving ? "Saving..." : mode === "edit" ? "Save objective" : "Create objective"}
           </button>
@@ -2572,73 +2661,6 @@ function ObjectiveEditorModal({
   );
 }
 
-function ObjectiveWakeModal({
-  draft,
-  isSaving,
-  onChange,
-  onClose,
-  onSave,
-}: {
-  draft: ObjectiveEditorDraft;
-  isSaving: boolean;
-  onChange: (draft: ObjectiveEditorDraft) => void;
-  onClose: () => void;
-  onSave: () => void;
-}) {
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/45 p-4">
-      <div
-        role="dialog"
-        aria-modal="true"
-        aria-label="Edit wake schedule"
-        className="w-full max-w-2xl overflow-hidden rounded-[32px] border border-[var(--border)] bg-[rgba(6,10,16,0.96)] shadow-2xl"
-      >
-        <div className="border-b border-[var(--border)] px-5 py-4">
-          <h3 className="text-lg font-semibold text-[var(--foreground)]">Edit wake schedule</h3>
-          <p className="mt-1 text-sm text-[var(--muted-foreground)]">
-            Control when agents should wake up and whether they should gate execution on a condition.
-          </p>
-        </div>
-
-        <div className="px-5 py-5">
-          <ScheduleConditionPicker
-            value={{ cadence: draft.cadence, condition: draft.condition }}
-            onChange={(nextValue) =>
-              onChange({
-                ...draft,
-                cadence: nextValue.cadence,
-                condition: nextValue.condition,
-              })
-            }
-            allowEmptySchedule
-            scheduleLabel="Schedule"
-            conditionLabel="Condition"
-            conditionHelpText="Use a condition when agents should only work on this objective in specific circumstances."
-          />
-        </div>
-
-        <div className="flex items-center justify-end gap-2 border-t border-[var(--border)] px-5 py-4">
-          <button
-            type="button"
-            onClick={onClose}
-            className="rounded-xl border border-[var(--border)] px-3 py-2 text-sm text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]"
-          >
-            Cancel
-          </button>
-          <button
-            type="button"
-            onClick={onSave}
-            disabled={isSaving}
-            className="rounded-xl border border-sky-500/30 bg-sky-500/10 px-3 py-2 text-sm font-medium text-sky-100 transition-colors hover:bg-sky-500/20 disabled:cursor-not-allowed disabled:opacity-50"
-          >
-            {isSaving ? "Saving..." : "Save schedule"}
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-
 function FieldLabel({ label }: { label: string }) {
   return (
     <label className="mb-2 block text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">