@marktoflow/gui 2.0.0-alpha.12 → 2.0.0-alpha.13

package/src/client/stores/promptStore.ts

@@ -1,113 +0,0 @@
-import { create } from 'zustand';
-import { useWorkflowStore } from './workflowStore';
-
-export interface PromptHistoryItem {
-  prompt: string;
-  response: string;
-  timestamp: Date;
-  success: boolean;
-}
-
-interface PromptState {
-  isProcessing: boolean;
-  history: PromptHistoryItem[];
-  lastError: string | null;
-  pendingChanges: any | null;
-
-  sendPrompt: (prompt: string) => Promise<void>;
-  acceptChanges: () => void;
-  rejectChanges: () => void;
-  clearHistory: () => void;
-}
-
-export const usePromptStore = create<PromptState>((set, get) => ({
-  isProcessing: false,
-  history: [],
-  lastError: null,
-  pendingChanges: null,
-
-  sendPrompt: async (prompt: string) => {
-    set({ isProcessing: true, lastError: null });
-
-    const workflow = useWorkflowStore.getState().currentWorkflow;
-
-    try {
-      const response = await fetch('/api/ai/prompt', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          prompt,
-          workflow,
-        }),
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to process prompt');
-      }
-
-      const data = await response.json();
-
-      // Add to history
-      const historyItem: PromptHistoryItem = {
-        prompt,
-        response: data.explanation,
-        timestamp: new Date(),
-        success: true,
-      };
-
-      set({
-        history: [historyItem, ...get().history].slice(0, 20),
-        pendingChanges: data.workflow,
-        isProcessing: false,
-      });
-
-      // Auto-accept for now (in production, show diff first)
-      if (data.workflow) {
-        get().acceptChanges();
-      }
-    } catch (error) {
-      const errorMessage =
-        error instanceof Error ? error.message : 'Unknown error';
-
-      const historyItem: PromptHistoryItem = {
-        prompt,
-        response: errorMessage,
-        timestamp: new Date(),
-        success: false,
-      };
-
-      set({
-        history: [historyItem, ...get().history].slice(0, 20),
-        lastError: errorMessage,
-        isProcessing: false,
-      });
-
-      // Demo: simulate AI response for testing without backend
-      console.log('AI Prompt (demo mode):', prompt);
-      console.log('Current workflow:', workflow);
-    }
-  },
-
-  acceptChanges: () => {
-    const pendingChanges = get().pendingChanges;
-    if (!pendingChanges) return;
-
-    // Update workflow store
-    useWorkflowStore.getState().saveWorkflow(pendingChanges);
-
-    // TODO: Convert workflow to graph and update canvas
-    // const { nodes, edges } = workflowToGraph(pendingChanges);
-    // useCanvasStore.getState().setNodes(nodes);
-    // useCanvasStore.getState().setEdges(edges);
-
-    set({ pendingChanges: null });
-  },
-
-  rejectChanges: () => {
-    set({ pendingChanges: null });
-  },
-
-  clearHistory: () => {
-    set({ history: [] });
-  },
-}));

package/src/client/stores/themeStore.ts

@@ -1,75 +0,0 @@
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-
-export type Theme = 'dark' | 'light' | 'system';
-
-interface ThemeState {
-  theme: Theme;
-  resolvedTheme: 'dark' | 'light';
-  setTheme: (theme: Theme) => void;
-  toggleTheme: () => void;
-}
-
-// Check system preference
-function getSystemTheme(): 'dark' | 'light' {
-  if (typeof window === 'undefined') return 'dark';
-  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-}
-
-// Apply theme to document
-function applyTheme(resolvedTheme: 'dark' | 'light') {
-  if (typeof document === 'undefined') return;
-
-  const root = document.documentElement;
-  if (resolvedTheme === 'dark') {
-    root.classList.add('dark');
-    root.classList.remove('light');
-  } else {
-    root.classList.add('light');
-    root.classList.remove('dark');
-  }
-}
-
-export const useThemeStore = create<ThemeState>()(
-  persist(
-    (set, get) => ({
-      theme: 'dark',
-      resolvedTheme: 'dark',
-
-      setTheme: (theme: Theme) => {
-        const resolvedTheme = theme === 'system' ? getSystemTheme() : theme;
-        applyTheme(resolvedTheme);
-        set({ theme, resolvedTheme });
-      },
-
-      toggleTheme: () => {
-        const { theme } = get();
-        const newTheme: Theme = theme === 'dark' ? 'light' : 'dark';
-        const resolvedTheme = newTheme === 'system' ? getSystemTheme() : newTheme;
-        applyTheme(resolvedTheme);
-        set({ theme: newTheme, resolvedTheme: resolvedTheme });
-      },
-    }),
-    {
-      name: 'marktoflow-theme',
-      onRehydrateStorage: () => (state) => {
-        // Apply theme when storage is rehydrated
-        if (state) {
-          const resolvedTheme = state.theme === 'system' ? getSystemTheme() : state.theme;
-          applyTheme(resolvedTheme);
-          state.resolvedTheme = resolvedTheme;
-        }
-      },
-    }
-  )
-);
-
-// Listen for system theme changes
-if (typeof window !== 'undefined') {
-  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-    const { theme, setTheme } = useThemeStore.getState();
-    if (theme === 'system') {
-      setTheme('system'); // Re-resolve the theme
-    }
-  });
-}

package/src/client/stores/workflowStore.ts

@@ -1,185 +0,0 @@
-import { create } from 'zustand';
-import type { Workflow, WorkflowListItem } from '@shared/types';
-
-interface WorkflowState {
-  workflows: WorkflowListItem[];
-  selectedWorkflow: string | null;
-  currentWorkflow: Workflow | null;
-  isLoading: boolean;
-  error: string | null;
-
-  loadWorkflows: () => Promise<void>;
-  fetchWorkflows: () => Promise<void>; // Alias for compatibility
-  selectWorkflow: (path: string) => void;
-  loadWorkflow: (path: string) => Promise<void>;
-  saveWorkflow: (workflow: Workflow) => Promise<void>;
-  createWorkflow: (name: string) => Promise<void>;
-  deleteWorkflow: (path: string) => Promise<void>;
-}
-
-// Demo workflows for initial state
-const demoWorkflows: WorkflowListItem[] = [
-  { path: 'examples/code-review/workflow.md', name: 'Code Review' },
-  { path: 'examples/daily-standup/workflow.md', name: 'Daily Standup' },
-  { path: 'examples/incident-response/workflow.md', name: 'Incident Response' },
-  { path: 'examples/sprint-planning/workflow.md', name: 'Sprint Planning' },
-  { path: 'examples/dependency-update/workflow.md', name: 'Dependency Update' },
-];
-
-const demoWorkflow: Workflow = {
-  metadata: {
-    id: 'code-review',
-    name: 'Code Review',
-    version: '1.0.0',
-    description: 'Automatically review pull requests using Claude AI',
-    author: 'Marktoflow',
-    tags: ['github', 'ai', 'code-review'],
-  },
-  steps: [
-    {
-      id: 'fetch_pr',
-      name: 'Fetch PR Details',
-      action: 'github.pulls.get',
-      inputs: {
-        owner: "{{ inputs.repo.split('/')[0] }}",
-        repo: "{{ inputs.repo.split('/')[1] }}",
-        pull_number: '{{ inputs.pr_number }}',
-      },
-      outputVariable: 'pr_details',
-    },
-    {
-      id: 'get_files',
-      name: 'Get Changed Files',
-      action: 'github.pulls.listFiles',
-      inputs: {
-        owner: "{{ inputs.repo.split('/')[0] }}",
-        repo: "{{ inputs.repo.split('/')[1] }}",
-        pull_number: '{{ inputs.pr_number }}',
-      },
-      outputVariable: 'changed_files',
-    },
-    {
-      id: 'analyze',
-      name: 'Analyze Changes',
-      action: 'claude.analyze',
-      inputs: {
-        prompt: 'Review the following code changes',
-        context: '{{ changed_files }}',
-      },
-      outputVariable: 'analysis',
-    },
-    {
-      id: 'post_review',
-      name: 'Post Review',
-      action: 'github.pulls.createReview',
-      inputs: {
-        owner: "{{ inputs.repo.split('/')[0] }}",
-        repo: "{{ inputs.repo.split('/')[1] }}",
-        pull_number: '{{ inputs.pr_number }}',
-        body: '{{ analysis.summary }}',
-        event: 'COMMENT',
-      },
-      outputVariable: 'review_result',
-    },
-  ],
-};
-
-export const useWorkflowStore = create<WorkflowState>((set, get) => ({
-  workflows: demoWorkflows,
-  selectedWorkflow: null,
-  currentWorkflow: null,
-  isLoading: false,
-  error: null,
-
-  loadWorkflows: async () => {
-    set({ isLoading: true, error: null });
-    try {
-      const response = await fetch('/api/workflows');
-      if (!response.ok) throw new Error('Failed to load workflows');
-      const data = await response.json();
-      console.log('Loaded workflows:', data.workflows.length);
-      set({ workflows: data.workflows, isLoading: false });
-    } catch (error) {
-      console.error('Failed to load workflows, using demo data:', error);
-      // Use demo data if API fails
-      set({ workflows: demoWorkflows, isLoading: false });
-    }
-  },
-
-  // Alias for compatibility with components
-  fetchWorkflows: async () => {
-    await get().loadWorkflows();
-  },
-
-  selectWorkflow: (path) => {
-    set({ selectedWorkflow: path });
-    get().loadWorkflow(path);
-  },
-
-  loadWorkflow: async (path) => {
-    set({ isLoading: true, error: null });
-    try {
-      const response = await fetch(`/api/workflows/${encodeURIComponent(path)}`);
-      if (!response.ok) throw new Error('Failed to load workflow');
-      const data = await response.json();
-      set({ currentWorkflow: data.workflow, isLoading: false });
-    } catch (error) {
-      // Use demo data if API fails
-      set({ currentWorkflow: demoWorkflow, isLoading: false });
-    }
-  },
-
-  saveWorkflow: async (workflow) => {
-    const path = get().selectedWorkflow;
-    if (!path) return;
-
-    set({ isLoading: true, error: null });
-    try {
-      const response = await fetch(`/api/workflows/${encodeURIComponent(path)}`, {
-        method: 'PUT',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ workflow }),
-      });
-      if (!response.ok) throw new Error('Failed to save workflow');
-      set({ currentWorkflow: workflow, isLoading: false });
-    } catch (error) {
-      set({ error: 'Failed to save workflow', isLoading: false });
-    }
-  },
-
-  createWorkflow: async (name) => {
-    set({ isLoading: true, error: null });
-    try {
-      const response = await fetch('/api/workflows', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ name }),
-      });
-      if (!response.ok) throw new Error('Failed to create workflow');
-      const data = await response.json();
-      const workflows = [...get().workflows, data.workflow];
-      set({ workflows, selectedWorkflow: data.workflow.path, isLoading: false });
-      get().loadWorkflow(data.workflow.path);
-    } catch (error) {
-      set({ error: 'Failed to create workflow', isLoading: false });
-    }
-  },
-
-  deleteWorkflow: async (path) => {
-    set({ isLoading: true, error: null });
-    try {
-      const response = await fetch(`/api/workflows/${encodeURIComponent(path)}`, {
-        method: 'DELETE',
-      });
-      if (!response.ok) throw new Error('Failed to delete workflow');
-      const workflows = get().workflows.filter((w) => w.path !== path);
-      set({
-        workflows,
-        selectedWorkflow: workflows[0]?.path || null,
-        isLoading: false,
-      });
-    } catch (error) {
-      set({ error: 'Failed to delete workflow', isLoading: false });
-    }
-  },
-}));