@assistkick/create 1.6.0 → 1.8.0

package/templates/assistkick-product-system/packages/frontend/src/pages/reset_password_page.tsx

@@ -9,6 +9,9 @@ import { useTheme } from '../hooks/useTheme';
 import { apiClient } from '../api/client';
 import { validatePassword } from '../utils/auth_validation';
 
+const inputBase = 'w-full h-9 px-2.5 bg-surface-raised border border-edge rounded text-content font-mono text-[13px] outline-none transition-[border-color] duration-150 focus:border-accent placeholder:text-content-muted';
+const inputError = 'border-error focus:border-error';
+
 export function ResetPasswordPage() {
   const { theme, toggleTheme } = useTheme();
   const [searchParams] = useSearchParams();
@@ -55,14 +58,14 @@ export function ResetPasswordPage() {
 
   if (!token) {
     return (
-      <div className="auth-page">
-        <div className="auth-card">
-          <div className="auth-header">
-            <h1 className="auth-title">Invalid Link</h1>
+      <div className="flex items-center justify-center min-h-screen bg-surface p-4">
+        <div className="w-full max-w-[380px] bg-surface-alt border border-edge rounded-md px-7 pt-8 pb-6">
+          <div className="mb-6">
+            <h1 className="font-mono text-base font-semibold text-content mb-1">Invalid Link</h1>
           </div>
-          <div className="auth-success-message">
+          <div className="text-center py-4 text-content font-mono text-[13px] leading-relaxed">
             <p>This reset link is invalid or missing a token.</p>
-            <Link to="/forgot-password" className="auth-back-link">Request a new reset link</Link>
+            <Link to="/forgot-password" className="inline-block mt-3 text-accent font-mono text-[13px] no-underline hover:underline">Request a new reset link</Link>
           </div>
         </div>
       </div>
@@ -70,28 +73,28 @@ export function ResetPasswordPage() {
   }
 
   return (
-    <div className="auth-page">
-      <div className="auth-card">
-        <div className="auth-header">
-          <h1 className="auth-title">Set New Password</h1>
-          <p className="auth-subtitle">Enter your new password below</p>
+    <div className="flex items-center justify-center min-h-screen bg-surface p-4">
+      <div className="w-full max-w-[380px] bg-surface-alt border border-edge rounded-md px-7 pt-8 pb-6">
+        <div className="mb-6">
+          <h1 className="font-mono text-base font-semibold text-content mb-1">Set New Password</h1>
+          <p className="font-mono text-xs text-content-muted">Enter your new password below</p>
         </div>
 
         {success ? (
-          <div className="auth-success-message">
+          <div className="text-center py-4 text-content font-mono text-[13px] leading-relaxed">
             <p>Your password has been reset successfully.</p>
-            <Link to="/login" className="auth-back-link">Sign in with your new password</Link>
+            <Link to="/login" className="inline-block mt-3 text-accent font-mono text-[13px] no-underline hover:underline">Sign in with your new password</Link>
           </div>
         ) : (
           <>
-            <form className="auth-form" onSubmit={handleSubmit} noValidate>
-              {error && <div className="auth-error-banner">{error}</div>}
+            <form className="flex flex-col gap-4" onSubmit={handleSubmit} noValidate>
+              {error && <div className="font-mono text-xs text-error bg-[rgba(255,107,107,0.08)] border border-[rgba(255,107,107,0.2)] rounded px-3 py-2">{error}</div>}
 
-              <div className="auth-field">
-                <label className="auth-label" htmlFor="reset-password">New Password</label>
+              <div className="flex flex-col gap-1">
+                <label className="font-mono text-[11px] font-semibold text-content-secondary uppercase tracking-wider" htmlFor="reset-password">New Password</label>
                 <input
                   id="reset-password"
-                  className={`auth-input${fieldError ? ' auth-input-error' : ''}`}
+                  className={`${inputBase}${fieldError ? ` ${inputError}` : ''}`}
                   type="password"
                   value={password}
                   onChange={e => setPassword(e.target.value)}
@@ -102,11 +105,11 @@ export function ResetPasswordPage() {
                 />
               </div>
 
-              <div className="auth-field">
-                <label className="auth-label" htmlFor="reset-confirm-password">Confirm Password</label>
+              <div className="flex flex-col gap-1">
+                <label className="font-mono text-[11px] font-semibold text-content-secondary uppercase tracking-wider" htmlFor="reset-confirm-password">Confirm Password</label>
                 <input
                   id="reset-confirm-password"
-                  className={`auth-input${fieldError ? ' auth-input-error' : ''}`}
+                  className={`${inputBase}${fieldError ? ` ${inputError}` : ''}`}
                   type="password"
                   value={confirmPassword}
                   onChange={e => setConfirmPassword(e.target.value)}
@@ -114,11 +117,11 @@ export function ResetPasswordPage() {
                   autoComplete="new-password"
                   disabled={submitting}
                 />
-                {fieldError && <span className="auth-field-error">{fieldError}</span>}
+                {fieldError && <span className="font-mono text-[11px] text-error">{fieldError}</span>}
               </div>
 
               <button
-                className="auth-submit"
+                className="w-full h-9 mt-1 bg-transparent border border-accent rounded text-accent font-mono text-[13px] cursor-pointer transition-[background,color] duration-150 hover:enabled:bg-accent hover:enabled:text-white disabled:opacity-60 disabled:cursor-not-allowed"
                 type="submit"
                 disabled={submitting}
               >
@@ -126,14 +129,14 @@ export function ResetPasswordPage() {
               </button>
             </form>
 
-            <p className="auth-login-link">
+            <p className="font-mono text-xs text-content-secondary mt-4 text-center">
               <Link to="/login">Back to login</Link>
             </p>
           </>
         )}
 
         <button
-          className="auth-theme-toggle"
+          className="block mx-auto mt-4 px-2.5 py-1 bg-transparent border border-edge rounded text-content-muted font-mono text-[11px] cursor-pointer transition-[border-color,color] duration-150 hover:border-content-secondary hover:text-content-secondary"
           onClick={toggleTheme}
           type="button"
           title={`Switch to ${theme === 'dark' ? 'light' : 'dark'} theme`}

package/templates/assistkick-product-system/packages/frontend/src/routes/AgentsRoute.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AgentsView } from '../components/AgentsView';
+
+export function AgentsRoute() {
+  return <AgentsView />;
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/CoherenceRoute.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CoherenceView } from '../components/CoherenceView';
+import { useGraphStore } from '../stores/useGraphStore';
+import { useProjectStore } from '../stores/useProjectStore';
+import { useSidePanelStore } from '../stores/useSidePanelStore';
+
+export function CoherenceRoute() {
+  const graphData = useGraphStore((s) => s.graphData);
+  const selectedProjectId = useProjectStore((s) => s.selectedProjectId);
+  const openSidePanel = useSidePanelStore((s) => s.open);
+
+  if (!graphData) return null;
+
+  return (
+    <div className="w-full h-[calc(100vh-44px)] overflow-y-auto p-6">
+      <CoherenceView graphData={graphData} onNodeClick={openSidePanel} projectId={selectedProjectId} />
+    </div>
+  );
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/DashboardLayout.tsx

@@ -0,0 +1,54 @@
+import React, { useEffect } from 'react';
+import { Outlet } from 'react-router-dom';
+import { Toolbar } from '../components/Toolbar';
+import { SidePanel } from '../components/SidePanel';
+import { QaIssueSheet } from '../components/QaIssueSheet';
+import { GitRepoModal } from '../components/GitRepoModal';
+import { useSidePanelStore } from '../stores/useSidePanelStore';
+import { useQaSheetStore } from '../stores/useQaSheetStore';
+import { useGitModalStore } from '../stores/useGitModalStore';
+import { useGraphUIStore } from '../stores/useGraphUIStore';
+import { useProjects } from '../hooks/useProjects';
+import { useGraph } from '../hooks/useGraph';
+import { ToastProvider } from '../hooks/useToast';
+
+export function DashboardLayout() {
+  const { selectedProjectId } = useProjects();
+  // Keep graph data fetching at layout level so it's available for all views
+  useGraph(selectedProjectId);
+
+  const closeSidePanel = useSidePanelStore((s) => s.close);
+  const closeQaSheet = useQaSheetStore((s) => s.close);
+  const gitModalProject = useGitModalStore((s) => s.project);
+  const setSettingsOpen = useGraphUIStore((s) => s.setSettingsOpen);
+
+  // Global keyboard handler
+  useEffect(() => {
+    const handler = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        closeSidePanel();
+        setSettingsOpen(false);
+        closeQaSheet();
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return () => document.removeEventListener('keydown', handler);
+  }, [closeSidePanel, closeQaSheet, setSettingsOpen]);
+
+  return (
+    <ToastProvider>
+      <div className="flex flex-col h-full overflow-hidden">
+        <Toolbar />
+
+        <div className="flex-1 overflow-hidden relative">
+          <Outlet />
+
+          <SidePanel />
+          <QaIssueSheet />
+        </div>
+
+        {gitModalProject && <GitRepoModal />}
+      </div>
+    </ToastProvider>
+  );
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/DesignSystemRoute.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DesignSystemView } from '../components/DesignSystemView';
+
+export function DesignSystemRoute() {
+  return <DesignSystemView visible={true} />;
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/FilesRoute.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FilesView } from '../components/FilesView';
+import { useProjectStore } from '../stores/useProjectStore';
+
+export function FilesRoute() {
+  const selectedProjectId = useProjectStore((s) => s.selectedProjectId);
+
+  return (
+    <div className="flex w-full h-full overflow-hidden">
+      <FilesView projectId={selectedProjectId} />
+    </div>
+  );
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/GraphRoute.tsx

@@ -0,0 +1,93 @@
+import React, { useRef, useState, useEffect, useCallback } from 'react';
+import { GraphView } from '../components/GraphView';
+import type { GraphViewHandle } from '../components/GraphView';
+import { GraphLegend } from '../components/GraphLegend';
+import { GraphSettings } from '../components/GraphSettings';
+import { useGraphStore } from '../stores/useGraphStore';
+import { useGraphUIStore } from '../stores/useGraphUIStore';
+import { useSidePanelStore } from '../stores/useSidePanelStore';
+
+export function GraphRoute() {
+  const graphData = useGraphStore((s) => s.graphData);
+  const graphError = useGraphStore((s) => s.error);
+  const openSidePanel = useSidePanelStore((s) => s.open);
+  const settingsOpen = useGraphUIStore((s) => s.settingsOpen);
+  const setSettingsOpen = useGraphUIStore((s) => s.setSettingsOpen);
+  const setOnFit = useGraphUIStore((s) => s.setOnFit);
+  const setOnEdgeClick = useGraphUIStore((s) => s.setOnEdgeClick);
+
+  const graphRef = useRef<GraphViewHandle>(null);
+  const [legendVisible] = useState(true);
+
+  // Register graph callbacks with the UI store
+  useEffect(() => {
+    setOnFit(() => graphRef.current?.fitToView());
+    setOnEdgeClick((neighborId: string) => {
+      const node = graphRef.current?.getNodeById(neighborId);
+      if (node) {
+        graphRef.current?.focusNode(neighborId);
+        openSidePanel(node);
+      }
+    });
+    return () => {
+      setOnFit(null);
+      setOnEdgeClick(null);
+    };
+  }, [setOnFit, setOnEdgeClick, openSidePanel]);
+
+  // Window resize
+  useEffect(() => {
+    const handler = () => graphRef.current?.fitToView();
+    window.addEventListener('resize', handler);
+    return () => window.removeEventListener('resize', handler);
+  }, []);
+
+  // Escape clears graph selection
+  useEffect(() => {
+    const handler = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        graphRef.current?.clearSelection();
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return () => document.removeEventListener('keydown', handler);
+  }, []);
+
+  const handleNodeClick = useCallback(async (node: any) => {
+    openSidePanel(node);
+  }, [openSidePanel]);
+
+  const handleTypeToggle = useCallback((newHiddenTypes: Set<string>) => {
+    graphRef.current?.setHiddenTypes(newHiddenTypes);
+  }, []);
+
+  const handleSearchChange = useCallback((query: string) => {
+    graphRef.current?.highlightBySearch(query);
+  }, []);
+
+  if (graphError) {
+    return (
+      <div className="w-full h-[calc(100vh-44px)] overflow-hidden">
+        <div className="flex items-center justify-center h-full text-error text-sm">Failed to load graph data. Is the server running?</div>
+      </div>
+    );
+  }
+
+  if (!graphData) return null;
+
+  return (
+    <>
+      <GraphView ref={graphRef} graphData={graphData} onNodeClick={handleNodeClick} visible={true} />
+      <GraphLegend
+        visible={legendVisible}
+        onTypeToggle={handleTypeToggle}
+        onSearchChange={handleSearchChange}
+      />
+      <GraphSettings
+        isOpen={settingsOpen}
+        onClose={() => setSettingsOpen(false)}
+        graphRef={graphRef}
+      />
+    </>
+  );
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/KanbanRoute.tsx

@@ -0,0 +1,30 @@
+import React, { useCallback } from 'react';
+import { KanbanView } from '../components/KanbanView';
+import { useGraphStore } from '../stores/useGraphStore';
+import { useProjectStore } from '../stores/useProjectStore';
+import { useSidePanelStore } from '../stores/useSidePanelStore';
+import { useQaSheetStore } from '../stores/useQaSheetStore';
+
+export function KanbanRoute() {
+  const graphData = useGraphStore((s) => s.graphData);
+  const selectedProjectId = useProjectStore((s) => s.selectedProjectId);
+  const openSidePanel = useSidePanelStore((s) => s.open);
+  const openQaSheet = useQaSheetStore((s) => s.open);
+
+  const handleIssuesClick = useCallback((featureId: string, featureName: string, column: string, notes: any[], reviews: any[]) => {
+    openQaSheet(featureId, featureName, column, notes, reviews);
+  }, [openQaSheet]);
+
+  if (!graphData) return null;
+
+  return (
+    <div className="flex w-full h-full overflow-hidden p-3">
+      <KanbanView
+        graphData={graphData}
+        projectId={selectedProjectId}
+        onCardClick={openSidePanel}
+        onIssuesClick={handleIssuesClick}
+      />
+    </div>
+  );
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/TerminalRoute.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TerminalView } from '../components/TerminalView';
+import { useProjectStore } from '../stores/useProjectStore';
+
+export function TerminalRoute() {
+  const projects = useProjectStore((s) => s.projects);
+
+  return <TerminalView visible={true} projects={projects} />;
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/UsersRoute.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UsersView } from '../components/UsersView';
+
+export function UsersRoute() {
+  return <UsersView visible={true} />;
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/VideographyRoute.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { VideographyView } from '../components/VideographyView';
+import { useProjectStore } from '../stores/useProjectStore';
+
+export function VideographyRoute() {
+  const selectedProjectId = useProjectStore((s) => s.selectedProjectId);
+
+  return (
+    <div className="flex w-full h-full overflow-hidden">
+      <VideographyView projectId={selectedProjectId} />
+    </div>
+  );
+}

package/templates/assistkick-product-system/packages/frontend/src/routes/WorkflowsRoute.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { WorkflowsView } from '../components/WorkflowsView';
+
+export function WorkflowsRoute() {
+  return <WorkflowsView />;
+}

package/templates/assistkick-product-system/packages/frontend/src/stores/useGitModalStore.ts

@@ -0,0 +1,14 @@
+import { create } from 'zustand';
+import type { Project } from './useProjectStore';
+
+interface GitModalState {
+  project: Project | null;
+  open: (project: Project) => void;
+  close: () => void;
+}
+
+export const useGitModalStore = create<GitModalState>((set) => ({
+  project: null,
+  open: (project) => set({ project }),
+  close: () => set({ project: null }),
+}));

package/templates/assistkick-product-system/packages/frontend/src/stores/useGraphStore.ts

@@ -0,0 +1,36 @@
+import { create } from 'zustand';
+import { apiClient } from '../api/client';
+import { useProjectStore } from './useProjectStore';
+
+interface GraphState {
+  graphData: any | null;
+  error: string | null;
+  loading: boolean;
+
+  fetchGraph: (projectId?: string | null) => Promise<void>;
+}
+
+export const useGraphStore = create<GraphState>((set) => ({
+  graphData: null,
+  error: null,
+  loading: true,
+
+  fetchGraph: async (projectId?: string | null) => {
+    try {
+      set({ loading: true });
+      const data = await apiClient.fetchGraph(projectId ?? undefined);
+      set({ graphData: data, error: null, loading: false });
+    } catch (err: any) {
+      set({ error: err.message, loading: false });
+    }
+  },
+}));
+
+// Auto-fetch when selectedProjectId changes
+let prevProjectId = useProjectStore.getState().selectedProjectId;
+useProjectStore.subscribe((state) => {
+  if (state.selectedProjectId !== prevProjectId) {
+    prevProjectId = state.selectedProjectId;
+    useGraphStore.getState().fetchGraph(state.selectedProjectId);
+  }
+});

package/templates/assistkick-product-system/packages/frontend/src/stores/useGraphUIStore.ts

@@ -0,0 +1,25 @@
+import { create } from 'zustand';
+
+interface GraphUIState {
+  settingsOpen: boolean;
+  legendVisible: boolean;
+
+  onFit: (() => void) | null;
+  onEdgeClick: ((neighborId: string) => void) | null;
+  onSettingsToggle: () => void;
+  setOnFit: (fn: (() => void) | null) => void;
+  setOnEdgeClick: (fn: ((neighborId: string) => void) | null) => void;
+  setSettingsOpen: (open: boolean) => void;
+}
+
+export const useGraphUIStore = create<GraphUIState>((set) => ({
+  settingsOpen: false,
+  legendVisible: true,
+  onFit: null,
+  onEdgeClick: null,
+
+  onSettingsToggle: () => set((s) => ({ settingsOpen: !s.settingsOpen })),
+  setOnFit: (fn) => set({ onFit: fn }),
+  setOnEdgeClick: (fn) => set({ onEdgeClick: fn }),
+  setSettingsOpen: (open) => set({ settingsOpen: open }),
+}));

package/templates/assistkick-product-system/packages/frontend/src/stores/useProjectStore.ts

@@ -0,0 +1,90 @@
+import { create } from 'zustand';
+import { apiClient } from '../api/client';
+
+const STORAGE_KEY = 'selectedProjectId';
+
+export interface Project {
+  id: string;
+  name: string;
+  type: string;
+  isDefault: number;
+  archivedAt: string | null;
+  repoUrl: string | null;
+  githubInstallationId: string | null;
+  githubRepoFullName: string | null;
+  baseBranch: string | null;
+  gitAuthMethod: string | null;
+  sshPublicKey: string | null;
+  createdAt: string;
+  updatedAt: string;
+}
+
+interface ProjectState {
+  projects: Project[];
+  selectedProjectId: string | null;
+  loading: boolean;
+
+  init: () => Promise<void>;
+  selectProject: (id: string) => void;
+  createProject: (name: string, type?: string) => Promise<Project>;
+  renameProject: (id: string, name: string) => Promise<void>;
+  archiveProject: (id: string) => Promise<void>;
+  refetchProjects: () => Promise<Project[]>;
+}
+
+export const useProjectStore = create<ProjectState>((set, get) => ({
+  projects: [],
+  selectedProjectId: localStorage.getItem(STORAGE_KEY),
+  loading: true,
+
+  init: async () => {
+    const fetched = await get().refetchProjects();
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored && fetched.some((p) => p.id === stored)) {
+      set({ selectedProjectId: stored });
+    } else if (fetched.length > 0) {
+      const defaultProject = fetched.find((p) => p.isDefault === 1);
+      const fallback = defaultProject ? defaultProject.id : fetched[0].id;
+      set({ selectedProjectId: fallback });
+      localStorage.setItem(STORAGE_KEY, fallback);
+    }
+  },
+
+  selectProject: (id) => {
+    set({ selectedProjectId: id });
+    localStorage.setItem(STORAGE_KEY, id);
+  },
+
+  refetchProjects: async () => {
+    try {
+      const data = await apiClient.fetchProjects();
+      set({ projects: data.projects, loading: false });
+      return data.projects as Project[];
+    } catch {
+      set({ projects: [], loading: false });
+      return [] as Project[];
+    }
+  },
+
+  createProject: async (name, type) => {
+    const data = await apiClient.createProject(name, type);
+    await get().refetchProjects();
+    get().selectProject(data.project.id);
+    return data.project;
+  },
+
+  renameProject: async (id, name) => {
+    await apiClient.renameProject(id, name);
+    await get().refetchProjects();
+  },
+
+  archiveProject: async (id) => {
+    await apiClient.archiveProject(id);
+    const updated = await get().refetchProjects();
+    if (get().selectedProjectId === id && updated.length > 0) {
+      const defaultProject = updated.find((p) => p.isDefault === 1);
+      const fallback = defaultProject ? defaultProject.id : updated[0].id;
+      get().selectProject(fallback);
+    }
+  },
+}));

package/templates/assistkick-product-system/packages/frontend/src/stores/useQaSheetStore.ts

@@ -0,0 +1,27 @@
+import { create } from 'zustand';
+
+interface QaSheetState {
+  isOpen: boolean;
+  featureId: string | null;
+  featureName: string;
+  column: string;
+  notes: any[];
+  reviews: any[];
+
+  open: (featureId: string, featureName: string, column: string, notes: any[], reviews: any[]) => void;
+  close: () => void;
+}
+
+export const useQaSheetStore = create<QaSheetState>((set) => ({
+  isOpen: false,
+  featureId: null,
+  featureName: '',
+  column: '',
+  notes: [],
+  reviews: [],
+
+  open: (featureId, featureName, column, notes, reviews) =>
+    set({ isOpen: true, featureId, featureName, column, notes, reviews }),
+
+  close: () => set({ isOpen: false }),
+}));

package/templates/assistkick-product-system/packages/frontend/src/stores/useSidePanelStore.ts

@@ -0,0 +1,76 @@
+import { create } from 'zustand';
+import { apiClient } from '../api/client';
+
+interface WorkSummary {
+  cycle: number;
+  filesCreated: string[];
+  filesUpdated: string[];
+  filesDeleted: string[];
+  approach: string;
+  decisions: string[];
+  timestamp: string;
+}
+
+interface Tasks {
+  total: number;
+  completed: number;
+  items: any[];
+}
+
+interface SidePanelState {
+  isOpen: boolean;
+  node: any | null;
+  content: string;
+  workSummaries: WorkSummary[];
+  expandedSummaries: boolean;
+  tasks: Tasks | null;
+  expandedTasks: boolean;
+
+  open: (node: any) => Promise<void>;
+  close: () => void;
+  toggleSummaries: () => void;
+  toggleTasks: () => void;
+}
+
+export const useSidePanelStore = create<SidePanelState>((set) => ({
+  isOpen: false,
+  node: null,
+  content: '',
+  workSummaries: [],
+  expandedSummaries: false,
+  tasks: null,
+  expandedTasks: false,
+
+  open: async (node: any) => {
+    set({
+      node,
+      workSummaries: [],
+      expandedSummaries: false,
+      tasks: null,
+      expandedTasks: false,
+    });
+
+    try {
+      const detail = await apiClient.fetchNode(node.id);
+      set({ content: detail.content, isOpen: true });
+
+      if (node.type === 'feature' || node.id?.startsWith('feat_')) {
+        try {
+          const wStatus = await apiClient.getWorkflowStatus(node.id);
+          set({
+            workSummaries: wStatus?.workSummaries?.length > 0 ? wStatus.workSummaries : [],
+            tasks: wStatus?.tasks ?? null,
+          });
+        } catch {
+          // Workflow status may not exist for all features
+        }
+      }
+    } catch (err) {
+      console.error('Failed to fetch node:', err);
+    }
+  },
+
+  close: () => set({ isOpen: false }),
+  toggleSummaries: () => set((s) => ({ expandedSummaries: !s.expandedSummaries })),
+  toggleTasks: () => set((s) => ({ expandedTasks: !s.expandedTasks })),
+}));