@assistkick/create 1.7.0 → 1.9.0

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

@@ -67,8 +67,8 @@ export function GraphRoute() {
 
   if (graphError) {
     return (
-      <div id="graph-container">
-        <div className="error-msg">Failed to load graph data. Is the server running?</div>
+      <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>
     );
   }

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/useProjectStore.ts

@@ -6,12 +6,15 @@ 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;
 }
@@ -23,7 +26,7 @@ interface ProjectState {
 
   init: () => Promise<void>;
   selectProject: (id: string) => void;
-  createProject: (name: string) => Promise<Project>;
+  createProject: (name: string, type?: string) => Promise<Project>;
   renameProject: (id: string, name: string) => Promise<void>;
   archiveProject: (id: string) => Promise<void>;
   refetchProjects: () => Promise<Project[]>;
@@ -63,8 +66,8 @@ export const useProjectStore = create<ProjectState>((set, get) => ({
     }
   },
 
-  createProject: async (name) => {
-    const data = await apiClient.createProject(name);
+  createProject: async (name, type) => {
+    const data = await apiClient.createProject(name, type);
     await get().refetchProjects();
     get().selectProject(data.project.id);
     return data.project;

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

@@ -56,13 +56,13 @@ export const useSidePanelStore = create<SidePanelState>((set) => ({
 
       if (node.type === 'feature' || node.id?.startsWith('feat_')) {
         try {
-          const pStatus = await apiClient.getPipelineStatus(node.id);
+          const wStatus = await apiClient.getWorkflowStatus(node.id);
           set({
-            workSummaries: pStatus?.workSummaries?.length > 0 ? pStatus.workSummaries : [],
-            tasks: pStatus?.tasks ?? null,
+            workSummaries: wStatus?.workSummaries?.length > 0 ? wStatus.workSummaries : [],
+            tasks: wStatus?.tasks ?? null,
           });
         } catch {
-          // Pipeline status may not exist for all features
+          // Workflow status may not exist for all features
         }
       }
     } catch (err) {