@geenius/ai-workflow 0.1.0 → 0.4.0

package/packages/react/src/pages/WorkflowBuilderPage.tsx

@@ -1,81 +0,0 @@
-// @geenius-ai-workflow/react — pages/WorkflowBuilderPage.tsx
-import { useCallback } from 'react'
-import type { StepType, WorkflowStepDef } from '@geenius-ai-workflow/shared'
-import { WorkflowEngine } from '@geenius-ai-workflow/shared'
-import type { WorkflowEngineOptions } from '@geenius-ai-workflow/shared'
-import { useWorkflowBuilder } from '../hooks/useWorkflowBuilder'
-import { useWorkflowRun } from '../hooks/useWorkflowRun'
-import { WorkflowCanvas } from '../components/WorkflowCanvas'
-import { WorkflowToolbar } from '../components/WorkflowToolbar'
-import { StepPalette } from '../components/StepPalette'
-import { StepConfigPanel } from '../components/StepConfigPanel'
-import { WorkflowRunPanel } from '../components/WorkflowRunPanel'
-
-export interface WorkflowBuilderPageProps {
-  engineOptions: WorkflowEngineOptions
-  onSave?: (def: any) => void
-}
-
-export function WorkflowBuilderPage({ engineOptions, onSave }: WorkflowBuilderPageProps) {
-  const builder = useWorkflowBuilder()
-  const runTracker = useWorkflowRun()
-
-  const handleAddStep = useCallback((type: StepType) => {
-    const id = `step_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`
-    const step: WorkflowStepDef = {
-      id,
-      name: `New ${type} step`,
-      type,
-      config: { type } as any,
-      position: { x: 100 + builder.definition.steps.length * 250, y: 200 },
-    }
-    builder.addStep(step)
-  }, [builder])
-
-  const handleRun = useCallback(async () => {
-    const engine = new WorkflowEngine({
-      ...engineOptions,
-      onStepComplete: (result) => { runTracker.updateStep(result) },
-    })
-    const result = await engine.execute(builder.definition)
-    runTracker.trackRun(result)
-  }, [builder.definition, engineOptions, runTracker])
-
-  return (
-    <div data-workflow="builder-page">
-      <WorkflowToolbar
-        workflowName={builder.definition.name}
-        isDirty={builder.isDirty}
-        isRunning={runTracker.isRunning}
-        canUndo={builder.canUndo}
-        canRedo={builder.canRedo}
-        onSave={() => onSave?.(builder.definition)}
-        onRun={handleRun}
-        onUndo={builder.undo}
-        onRedo={builder.redo}
-      />
-      <div data-workflow="builder-layout">
-        <StepPalette onAddStep={handleAddStep} />
-        <WorkflowCanvas
-          definition={builder.definition}
-          selectedStepId={builder.selectedStepId}
-          onSelectStep={builder.selectStep}
-        />
-        {builder.selectedStepId && (() => {
-          const step = builder.definition.steps.find(s => s.id === builder.selectedStepId)
-          return step ? (
-            <StepConfigPanel
-              step={step}
-              onUpdate={builder.updateStep}
-              onDelete={builder.removeStep}
-              onClose={() => builder.selectStep(null)}
-            />
-          ) : null
-        })()}
-        {runTracker.run && (
-          <WorkflowRunPanel run={runTracker.run} isRunning={runTracker.isRunning} />
-        )}
-      </div>
-    </div>
-  )
-}

package/packages/react/src/pages/WorkflowRunsPage.tsx

@@ -1,59 +0,0 @@
-// @geenius-ai-workflow/react — pages/WorkflowRunsPage.tsx
-import type { WorkflowRun } from '@geenius-ai-workflow/shared'
-
-export interface WorkflowRunsPageProps {
-  runs: WorkflowRun[]
-  onSelectRun?: (runId: string) => void
-}
-
-const STATUS_ICONS: Record<string, string> = {
-  pending: '⏳', running: '🔄', completed: '✅', failed: '❌', cancelled: '⛔', paused: '⏸️',
-}
-
-export function WorkflowRunsPage({ runs, onSelectRun }: WorkflowRunsPageProps) {
-  return (
-    <div data-workflow="runs-page">
-      <div data-workflow="runs-header">
-        <h1 data-workflow="runs-title">Workflow Runs</h1>
-        <span data-workflow="runs-count">{runs.length} runs</span>
-      </div>
-      {runs.length === 0 ? (
-        <div data-workflow="runs-empty">
-          <p>No workflow runs yet. Execute a workflow to see results here.</p>
-        </div>
-      ) : (
-        <div data-workflow="runs-list" role="list">
-          {runs.map(run => {
-            const completedSteps = run.stepResults.filter(s => s.status === 'completed').length
-            const totalSteps = run.stepResults.length
-            const duration = (run.completedAt ?? Date.now()) - run.startedAt
-            return (
-              <div
-                key={run.id}
-                data-workflow="run-card"
-                data-status={run.status}
-                role="listitem"
-                onClick={() => onSelectRun?.(run.id)}
-                tabIndex={0}
-                onKeyDown={(e) => { if (e.key === 'Enter') onSelectRun?.(run.id) }}
-              >
-                <div data-workflow="run-card-header">
-                  <span data-workflow="run-card-status">
-                    {STATUS_ICONS[run.status]} {run.status}
-                  </span>
-                  <span data-workflow="run-card-id">{run.id.slice(0, 8)}…</span>
-                </div>
-                <div data-workflow="run-card-meta">
-                  <span data-workflow="run-card-steps">{completedSteps}/{totalSteps} steps</span>
-                  <span data-workflow="run-card-duration">{(duration / 1000).toFixed(1)}s</span>
-                  <span data-workflow="run-card-date">{new Date(run.startedAt).toLocaleString()}</span>
-                </div>
-                {run.error && <p data-workflow="run-card-error">{run.error}</p>}
-              </div>
-            )
-          })}
-        </div>
-      )}
-    </div>
-  )
-}

package/packages/react/src/pages/index.ts

@@ -1,3 +0,0 @@
-// @geenius-ai-workflow/react — pages/index.ts
-export { WorkflowBuilderPage, type WorkflowBuilderPageProps } from './WorkflowBuilderPage'
-export { WorkflowRunsPage, type WorkflowRunsPageProps } from './WorkflowRunsPage'

package/packages/react/tsconfig.json

@@ -1 +0,0 @@
-{"compilerOptions":{"target":"ES2022","module":"ESNext","moduleResolution":"bundler","jsx":"react-jsx","declaration":true,"declarationMap":true,"sourceMap":true,"outDir":"./dist","rootDir":"./src","strict":true,"esModuleInterop":true,"skipLibCheck":true,"forceConsistentCasingInFileNames":true,"resolveJsonModule":true,"isolatedModules":true},"include":["src"],"exclude":["node_modules","dist"]}

package/packages/react/tsup.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'tsup'
-export default defineConfig({
-    entry: { index: 'src/index.ts' },
-    format: ['esm'], dts: true, clean: true, sourcemap: true,
-    external: ['react', '@geenius-ai-workflow/shared'],
-    esbuildOptions(options) { options.jsx = 'automatic' },
-})

package/packages/react-css/README.md

@@ -1 +0,0 @@
-# ✦ @geenius-ai-workflow/react-css\n\n> Geenius AI Workflow — React hooks (vanilla CSS variant)\n\n---\n\n## Overview\nBuilt with Steve Jobs-level minimalism and Jony Ive-level craftsmanship, this package is designed to deliver unparalleled developer experience (DX) and rock-solid performance.\n\n## Installation\n\n```bash\npnpm add @geenius-ai-workflow/react-css\n```\n\n## Usage\n\n```typescript\nimport { init } from '@geenius-ai-workflow/react-css';\n\n// Initialize the module with absolute precision\ninit({\n  mode: 'premium',\n});\n```\n\n## Architecture\n- **Zero-config**: It just works.\n- **Strictly Typed**: Fully written in TypeScript for flawless IntelliSense.\n- **Framework Agnostic**: seamlessly integrates into the Geenius ecosystem.\n\n---\n\n*Designed by Antigravity HQ*\n

package/packages/react-css/package.json

@@ -1,44 +0,0 @@
-{
-  "name": "@geenius-ai-workflow/react-css",
-  "version": "0.1.0",
-  "description": "Geenius AI Workflow — React hooks (vanilla CSS variant)",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "scripts": {
-    "build": "tsup",
-    "lint": "tsc --noEmit",
-    "clean": "rm -rf dist"
-  },
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0"
-  },
-  "dependencies": {
-    "@geenius-ai-workflow/shared": "workspace:*"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.0",
-    "react": "^19.2.4",
-    "tsup": "^8.5.1",
-    "typescript": "~5.9.3"
-  },
-  "author": "Antigravity HQ",
-  "license": "MIT",
-  "engines": {
-    "node": ">=20.0.0"
-  }
-}

package/packages/react-css/src/components/ApprovalModal.tsx

@@ -1,6 +0,0 @@
-// @geenius-ai-workflow/react-css — components/ApprovalModal.tsx
-import type { ApprovalRequest } from '../hooks'
-export function ApprovalModal(props: { request: ApprovalRequest | null; onApprove: (id: string) => void; onReject: (id: string) => void }) {
-  if (!props.request) return null
-  return (<div role="dialog" aria-modal="true"><div className="ai-workflow__approval-overlay" /><div className="ai-workflow__approval-dialog"><div className="ai-workflow__approval-header"><span className="ai-workflow__approval-icon">👤</span><h3 className="ai-workflow__approval-title">Approval Required</h3></div><div><p className="ai-workflow__approval-message">{props.request.message}</p>{props.request.approvers && props.request.approvers.length > 0 && <div>{props.request.approvers.map((a, i) => <span key={i} className="ai-workflow__approval-approver-badge">{a}</span>)}</div>}</div><div className="ai-workflow__approval-actions"><button className="ai-workflow__approval-reject" onClick={() => props.onReject(props.request!.id)}>✕ Reject</button><button className="ai-workflow__approval-approve" onClick={() => props.onApprove(props.request!.id)}>✓ Approve</button></div></div></div>)
-}

package/packages/react-css/src/components/StepConfigPanel.tsx

@@ -1,7 +0,0 @@
-// @geenius-ai-workflow/react-css — components/StepConfigPanel.tsx
-import { useState } from 'react'
-import type { WorkflowStepDef } from '@geenius-ai-workflow/shared'
-export function StepConfigPanel(props: { step: WorkflowStepDef; onUpdate: (id: string, u: Partial<WorkflowStepDef>) => void; onDelete: (id: string) => void; onClose: () => void }) {
-  const [name, setName] = useState(props.step.name)
-  return (<div className="ai-workflow__config-panel" role="complementary"><div className="ai-workflow__config-header"><h3 className="ai-workflow__config-title">Configure Step</h3><button className="ai-workflow__config-close" onClick={props.onClose}>✕</button></div><div className="ai-workflow__config-body"><label className="ai-workflow__config-label">Step Name<input className="ai-workflow__config-input" value={name} onChange={(e) => setName(e.target.value)} onBlur={() => { if (name.trim() && name !== props.step.name) props.onUpdate(props.step.id, { name: name.trim() }) }} /></label><div className="ai-workflow__config-field"><span className="ai-workflow__config-field-label">Type</span><span className="ai-workflow__config-field-value">{props.step.type}</span></div><pre className="ai-workflow__config-json-view">{JSON.stringify(props.step.config, null, 2)}</pre></div><div><button className="ai-workflow__config-delete" onClick={() => { props.onDelete(props.step.id); props.onClose() }}>🗑 Delete Step</button></div></div>)
-}

package/packages/react-css/src/components/StepConnector.tsx

@@ -1,6 +0,0 @@
-// @geenius-ai-workflow/react-css — components/StepConnector.tsx
-const W = 200, H = 80
-export function StepConnector(props: { from: { x: number; y: number }; to: { x: number; y: number }; label?: string; isActive?: boolean }) {
-  const x1 = props.from.x + W, y1 = props.from.y + H / 2, x2 = props.to.x, y2 = props.to.y + H / 2, mx = (x1 + x2) / 2
-  return (<g className="ai-workflow__connector"><path d={`M ${x1} ${y1} C ${mx} ${y1}, ${mx} ${y2}, ${x2} ${y2}`} fill="none" stroke={props.isActive ? 'oklch(0.7 0.2 145)' : 'oklch(0.5 0.02 260)'} strokeWidth={props.isActive ? 3 : 2} />{props.label && <text x={mx} y={(y1 + y2) / 2 - 8} textAnchor="middle" fill="oklch(0.7 0.02 260)" fontSize="12">{props.label}</text>}</g>)
-}

package/packages/react-css/src/components/StepNode.tsx

@@ -1,7 +0,0 @@
-// @geenius-ai-workflow/react-css — components/StepNode.tsx
-import type { WorkflowStepDef, StepType } from '@geenius-ai-workflow/shared'
-const ICONS: Record<StepType, string> = { 'llm-call': '🤖', transform: '⚙️', condition: '🔀', 'human-approval': '👤', webhook: '🌐', delay: '⏱️', parallel: '⚡', loop: '🔄', 'sub-workflow': '📋', custom: '🔧' }
-export function StepNode(props: { step: WorkflowStepDef; isSelected?: boolean; status?: string; onClick?: () => void }) {
-  const cls = ['ai-workflow__step-node', props.isSelected && 'ai-workflow__step-node--selected', props.status && `ai-workflow__step-node--${props.status}`].filter(Boolean).join(' ')
-  return (<div className={cls} role="button" tabIndex={0} onClick={props.onClick} onKeyDown={(e) => { if (e.key === 'Enter') props.onClick?.() }} style={props.step.position ? { position: 'absolute', left: props.step.position.x, top: props.step.position.y } : undefined}><div className="ai-workflow__step-header"><span className="ai-workflow__step-icon">{ICONS[props.step.type]}</span><span className="ai-workflow__step-name">{props.step.name}</span></div><div className="ai-workflow__step-type-badge">{props.step.type}</div></div>)
-}

package/packages/react-css/src/components/StepPalette.tsx

@@ -1,6 +0,0 @@
-// @geenius-ai-workflow/react-css — components/StepPalette.tsx
-import type { StepType } from '@geenius-ai-workflow/shared'
-const ITEMS: Array<{ type: StepType; label: string; icon: string; desc: string }> = [{ type: 'llm-call', label: 'LLM Call', icon: '🤖', desc: 'Call an AI model' },{ type: 'transform', label: 'Transform', icon: '⚙️', desc: 'Transform data' },{ type: 'condition', label: 'Condition', icon: '🔀', desc: 'If/else branching' },{ type: 'human-approval', label: 'Approval', icon: '👤', desc: 'Human approval gate' },{ type: 'webhook', label: 'Webhook', icon: '🌐', desc: 'HTTP request' },{ type: 'delay', label: 'Delay', icon: '⏱️', desc: 'Wait for duration' },{ type: 'parallel', label: 'Parallel', icon: '⚡', desc: 'Run in parallel' },{ type: 'loop', label: 'Loop', icon: '🔄', desc: 'Iterate items' },{ type: 'sub-workflow', label: 'Sub-workflow', icon: '📋', desc: 'Run another workflow' },{ type: 'custom', label: 'Custom', icon: '🔧', desc: 'Custom handler' }]
-export function StepPalette(props: { onAddStep: (t: StepType) => void }) {
-  return (<div className="ai-workflow__step-palette" role="list"><h3 className="ai-workflow__palette-title">Steps</h3>{ITEMS.map(item => <button key={item.type} className="ai-workflow__palette-item" onClick={() => props.onAddStep(item.type)}><span className="ai-workflow__palette-icon">{item.icon}</span><div className="ai-workflow__palette-info"><span className="ai-workflow__palette-label">{item.label}</span><span className="ai-workflow__palette-desc">{item.desc}</span></div></button>)}</div>)
-}

package/packages/react-css/src/components/WorkflowCanvas.tsx

@@ -1,6 +0,0 @@
-// @geenius-ai-workflow/react-css — components/WorkflowCanvas.tsx
-import type { WorkflowDefinition } from '@geenius-ai-workflow/shared'
-import { StepNode } from './StepNode'; import { StepConnector } from './StepConnector'
-export function WorkflowCanvas(props: { definition: WorkflowDefinition; selectedStepId: string | null; onSelectStep: (id: string | null) => void }) {
-  return (<div className="ai-workflow__canvas" role="application" aria-label="Workflow canvas"><svg style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>{props.definition.connections.map((conn, i) => { const f = props.definition.steps.find(s => s.id === conn.fromStepId); const t = props.definition.steps.find(s => s.id === conn.toStepId); return f?.position && t?.position ? <StepConnector key={i} from={f.position} to={t.position} label={conn.label} /> : null })}</svg><div>{props.definition.steps.map(step => <StepNode key={step.id} step={step} isSelected={props.selectedStepId === step.id} onClick={() => props.onSelectStep(step.id === props.selectedStepId ? null : step.id)} />)}</div>{props.definition.steps.length === 0 && <div className="ai-workflow__canvas-empty"><p>No steps yet</p></div>}</div>)
-}

package/packages/react-css/src/components/WorkflowRunPanel.tsx

@@ -1,9 +0,0 @@
-// @geenius-ai-workflow/react-css — components/WorkflowRunPanel.tsx
-import type { WorkflowRun } from '@geenius-ai-workflow/shared'
-import { formatCost } from '@geenius-ai-workflow/shared'
-const SI: Record<string, string> = { pending: '⏳', running: '🔄', completed: '✅', failed: '❌', skipped: '⏭️', 'waiting-approval': '👤' }
-export function WorkflowRunPanel(props: { run: WorkflowRun | null; isRunning: boolean; onCancel?: () => void }) {
-  if (!props.run) return <div className="ai-workflow__run-panel"><div className="ai-workflow__run-empty"><p>No active run.</p></div></div>
-  const r = props.run; const done = r.stepResults.filter(s => s.status === 'completed').length; const total = r.stepResults.length; const pct = total > 0 ? Math.round((done / total) * 100) : 0; const cost = r.stepResults.reduce((s, x) => s + (x.costUsd ?? 0), 0)
-  return (<div className="ai-workflow__run-panel"><div className="ai-workflow__run-header"><h3 className="ai-workflow__run-title">{SI[r.status]} Run {r.status}</h3>{props.isRunning && props.onCancel && <button className="ai-workflow__run-cancel" onClick={props.onCancel}>⏹ Cancel</button>}</div><div className="ai-workflow__run-progress"><div className="ai-workflow__run-progress-bar"><div className="ai-workflow__run-progress-fill" style={{ width: `${pct}%` }} /></div><span className="ai-workflow__run-progress-text">{done}/{total} ({pct}%)</span></div>{cost > 0 && <span className="ai-workflow__run-stat">💰 {formatCost(cost)}</span>}{r.error && <div className="ai-workflow__run-error">{r.error}</div>}<ul className="ai-workflow__run-steps">{r.stepResults.map(sr => <li key={sr.stepId} className="ai-workflow__run-step-item" data-status={sr.status}><span>{SI[sr.status]}</span><span>{sr.stepName}</span><span>{sr.durationMs}ms</span></li>)}</ul></div>)
-}

package/packages/react-css/src/components/WorkflowToolbar.tsx

@@ -1,4 +0,0 @@
-// @geenius-ai-workflow/react-css — components/WorkflowToolbar.tsx
-export function WorkflowToolbar(props: { workflowName: string; isDirty: boolean; isRunning: boolean; canUndo: boolean; canRedo: boolean; onSave: () => void; onRun: () => void; onCancel?: () => void; onUndo: () => void; onRedo: () => void }) {
-  return (<div className="ai-workflow__toolbar" role="toolbar"><div className="ai-workflow__toolbar-left"><h2 className="ai-workflow__toolbar-title">{props.workflowName}</h2>{props.isDirty && <span className="ai-workflow__toolbar-dirty">●</span>}</div><div className="ai-workflow__toolbar-center"><button className="ai-workflow__toolbar-btn" onClick={props.onUndo} disabled={!props.canUndo}>↶</button><button className="ai-workflow__toolbar-btn" onClick={props.onRedo} disabled={!props.canRedo}>↷</button></div><div className="ai-workflow__toolbar-right"><button className="ai-workflow__toolbar-btn-secondary" onClick={props.onSave} disabled={!props.isDirty}>💾 Save</button>{props.isRunning ? <button className="ai-workflow__toolbar-btn-danger" onClick={props.onCancel}>⏹ Stop</button> : <button className="ai-workflow__toolbar-btn-primary" onClick={props.onRun}>▶ Run</button>}</div></div>)
-}

package/packages/react-css/src/components/index.ts

@@ -1,9 +0,0 @@
-// @geenius-ai-workflow/react-css — components/index.ts
-export { WorkflowCanvas } from './WorkflowCanvas'
-export { StepNode } from './StepNode'
-export { StepConnector } from './StepConnector'
-export { StepConfigPanel } from './StepConfigPanel'
-export { WorkflowRunPanel } from './WorkflowRunPanel'
-export { ApprovalModal } from './ApprovalModal'
-export { WorkflowToolbar } from './WorkflowToolbar'
-export { StepPalette } from './StepPalette'

package/packages/react-css/src/hooks/index.ts

@@ -1,3 +0,0 @@
-// @geenius-ai-workflow/react-css — hooks re-export
-export { useWorkflow, useWorkflowBuilder, useWorkflowRun, useWorkflowStep, useApprovalGate, useWorkflowTemplates } from '@geenius-ai-workflow/react'
-export type { UseWorkflowOptions, UseWorkflowRunOptions, ApprovalRequest } from '@geenius-ai-workflow/react'

package/packages/react-css/src/hooks/useWorkflow.ts

@@ -1,39 +0,0 @@
-// @geenius-ai-workflow/react — src/hooks/useWorkflow.ts
-import { useState, useCallback } from 'react'
-import type { WorkflowDefinition, WorkflowRun, StepResult } from '@geenius-ai-workflow/shared'
-import { WorkflowEngine } from '@geenius-ai-workflow/shared'
-import type { WorkflowEngineOptions } from '@geenius-ai-workflow/shared'
-
-export interface UseWorkflowOptions extends WorkflowEngineOptions { }
-
-export function useWorkflow(options: UseWorkflowOptions) {
-    const [run, setRun] = useState<WorkflowRun | null>(null)
-    const [isRunning, setIsRunning] = useState(false)
-    const [error, setError] = useState<Error | null>(null)
-    const [stepResults, setStepResults] = useState<StepResult[]>([])
-
-    const engine = new WorkflowEngine({
-        ...options,
-        onStepComplete: (result) => {
-            setStepResults(prev => [...prev, result])
-            options.onStepComplete?.(result)
-        },
-    })
-
-    const execute = useCallback(async (definition: WorkflowDefinition, input?: Record<string, unknown>) => {
-        setIsRunning(true); setError(null); setStepResults([])
-        try {
-            const result = await engine.execute(definition, input)
-            setRun(result)
-            return result
-        } catch (err) {
-            const e = err instanceof Error ? err : new Error(String(err))
-            setError(e); throw e
-        } finally { setIsRunning(false) }
-    }, [])
-
-    const cancel = useCallback(() => engine.cancel(), [])
-    const reset = useCallback(() => { setRun(null); setError(null); setStepResults([]) }, [])
-
-    return { execute, cancel, run, isRunning, error, stepResults, reset }
-}

package/packages/react-css/src/hooks/useWorkflowBuilder.ts

@@ -1,121 +0,0 @@
-// @geenius-ai-workflow/react — src/hooks/useWorkflowBuilder.ts
-import { useState, useCallback } from 'react'
-import type { WorkflowDefinition, WorkflowStepDef, StepConnection, WorkflowBuilderState } from '@geenius-ai-workflow/shared'
-
-const emptyDef = (): WorkflowDefinition => ({
-    id: crypto.randomUUID?.() ?? String(Date.now()),
-    name: 'New Workflow',
-    version: 1,
-    status: 'draft',
-    steps: [],
-    connections: [],
-    createdBy: '',
-    createdAt: Date.now(),
-    updatedAt: Date.now(),
-})
-
-export function useWorkflowBuilder(initial?: Partial<WorkflowDefinition>) {
-    const [state, setState] = useState<WorkflowBuilderState>({
-        definition: { ...emptyDef(), ...initial },
-        selectedStepId: null,
-        isDirty: false,
-        undoStack: [],
-        redoStack: [],
-    })
-
-    const pushUndo = useCallback(() => {
-        setState(prev => ({ ...prev, undoStack: [...prev.undoStack.slice(-20), prev.definition], redoStack: [] }))
-    }, [])
-
-    const addStep = useCallback((step: WorkflowStepDef) => {
-        pushUndo()
-        setState(prev => ({
-            ...prev,
-            isDirty: true,
-            definition: { ...prev.definition, steps: [...prev.definition.steps, step], updatedAt: Date.now() },
-        }))
-    }, [pushUndo])
-
-    const removeStep = useCallback((stepId: string) => {
-        pushUndo()
-        setState(prev => ({
-            ...prev,
-            isDirty: true,
-            definition: {
-                ...prev.definition,
-                steps: prev.definition.steps.filter(s => s.id !== stepId),
-                connections: prev.definition.connections.filter(c => c.fromStepId !== stepId && c.toStepId !== stepId),
-                updatedAt: Date.now(),
-            },
-            selectedStepId: prev.selectedStepId === stepId ? null : prev.selectedStepId,
-        }))
-    }, [pushUndo])
-
-    const updateStep = useCallback((stepId: string, updates: Partial<WorkflowStepDef>) => {
-        pushUndo()
-        setState(prev => ({
-            ...prev,
-            isDirty: true,
-            definition: {
-                ...prev.definition,
-                steps: prev.definition.steps.map(s => s.id === stepId ? { ...s, ...updates } : s),
-                updatedAt: Date.now(),
-            },
-        }))
-    }, [pushUndo])
-
-    const addConnection = useCallback((conn: StepConnection) => {
-        pushUndo()
-        setState(prev => ({
-            ...prev,
-            isDirty: true,
-            definition: { ...prev.definition, connections: [...prev.definition.connections, conn], updatedAt: Date.now() },
-        }))
-    }, [pushUndo])
-
-    const removeConnection = useCallback((fromStepId: string, toStepId: string) => {
-        pushUndo()
-        setState(prev => ({
-            ...prev,
-            isDirty: true,
-            definition: {
-                ...prev.definition,
-                connections: prev.definition.connections.filter(c => !(c.fromStepId === fromStepId && c.toStepId === toStepId)),
-                updatedAt: Date.now(),
-            },
-        }))
-    }, [pushUndo])
-
-    const selectStep = useCallback((stepId: string | null) => setState(prev => ({ ...prev, selectedStepId: stepId })), [])
-
-    const undo = useCallback(() => {
-        setState(prev => {
-            if (prev.undoStack.length === 0) return prev
-            const previous = prev.undoStack[prev.undoStack.length - 1]
-            return { ...prev, definition: previous, undoStack: prev.undoStack.slice(0, -1), redoStack: [prev.definition, ...prev.redoStack] }
-        })
-    }, [])
-
-    const redo = useCallback(() => {
-        setState(prev => {
-            if (prev.redoStack.length === 0) return prev
-            const next = prev.redoStack[0]
-            return { ...prev, definition: next, undoStack: [...prev.undoStack, prev.definition], redoStack: prev.redoStack.slice(1) }
-        })
-    }, [])
-
-    const setDefinition = useCallback((def: WorkflowDefinition) => {
-        setState(prev => ({ ...prev, definition: def, isDirty: false, undoStack: [], redoStack: [] }))
-    }, [])
-
-    return {
-        definition: state.definition,
-        selectedStepId: state.selectedStepId,
-        isDirty: state.isDirty,
-        canUndo: state.undoStack.length > 0,
-        canRedo: state.redoStack.length > 0,
-        addStep, removeStep, updateStep,
-        addConnection, removeConnection,
-        selectStep, undo, redo, setDefinition,
-    }
-}

package/packages/react-css/src/index.ts

@@ -1,7 +0,0 @@
-// @geenius-ai-workflow/react-css — src/index.ts
-import './styles.css'
-export type { WorkflowDefinition, WorkflowStepDef, WorkflowRun, StepResult } from '@geenius-ai-workflow/shared'
-export { WorkflowEngine, WORKFLOW_TEMPLATES } from '@geenius-ai-workflow/shared'
-export * from './hooks'
-export * from './components'
-export * from './pages'

package/packages/react-css/src/pages/WorkflowBuilderPage.tsx

@@ -1,16 +0,0 @@
-// @geenius-ai-workflow/react-css — pages/WorkflowBuilderPage.tsx
-import { useCallback } from 'react'
-import type { StepType, WorkflowStepDef } from '@geenius-ai-workflow/shared'
-import { WorkflowEngine } from '@geenius-ai-workflow/shared'
-import type { WorkflowEngineOptions } from '@geenius-ai-workflow/shared'
-import { useWorkflowBuilder, useWorkflowRun } from '../hooks'
-import { WorkflowCanvas } from '../components/WorkflowCanvas'; import { WorkflowToolbar } from '../components/WorkflowToolbar'
-import { StepPalette } from '../components/StepPalette'; import { StepConfigPanel } from '../components/StepConfigPanel'
-import { WorkflowRunPanel } from '../components/WorkflowRunPanel'
-export function WorkflowBuilderPage(props: { engineOptions: WorkflowEngineOptions; onSave?: (def: any) => void }) {
-  const builder = useWorkflowBuilder(); const runTracker = useWorkflowRun()
-  const handleAddStep = useCallback((type: StepType) => { builder.addStep({ id: `step_${Date.now()}`, name: `New ${type}`, type, config: { type } as any, position: { x: 100 + builder.definition.steps.length * 250, y: 200 } }) }, [builder])
-  const handleRun = useCallback(async () => { const e = new WorkflowEngine({ ...props.engineOptions, onStepComplete: (r) => runTracker.updateStep(r) }); const res = await e.execute(builder.definition); runTracker.trackRun(res) }, [builder.definition, props.engineOptions])
-  const sel = builder.selectedStepId ? builder.definition.steps.find(s => s.id === builder.selectedStepId) : null
-  return (<div className="ai-workflow__builder-page"><WorkflowToolbar workflowName={builder.definition.name} isDirty={builder.isDirty} isRunning={runTracker.isRunning} canUndo={builder.canUndo} canRedo={builder.canRedo} onSave={() => props.onSave?.(builder.definition)} onRun={handleRun} onUndo={builder.undo} onRedo={builder.redo} /><div className="ai-workflow__builder-layout"><StepPalette onAddStep={handleAddStep} /><WorkflowCanvas definition={builder.definition} selectedStepId={builder.selectedStepId} onSelectStep={builder.selectStep} />{sel && <StepConfigPanel step={sel} onUpdate={builder.updateStep} onDelete={builder.removeStep} onClose={() => builder.selectStep(null)} />}{runTracker.run && <WorkflowRunPanel run={runTracker.run} isRunning={runTracker.isRunning} />}</div></div>)
-}

package/packages/react-css/src/pages/WorkflowRunsPage.tsx

@@ -1,6 +0,0 @@
-// @geenius-ai-workflow/react-css — pages/WorkflowRunsPage.tsx
-import type { WorkflowRun } from '@geenius-ai-workflow/shared'
-const SI: Record<string, string> = { pending: '⏳', running: '🔄', completed: '✅', failed: '❌', cancelled: '⛔', paused: '⏸️' }
-export function WorkflowRunsPage(props: { runs: WorkflowRun[]; onSelectRun?: (id: string) => void }) {
-  return (<div><div className="ai-workflow__runs-header"><h1 className="ai-workflow__runs-title">Workflow Runs</h1><span className="ai-workflow__runs-count">{props.runs.length} runs</span></div>{props.runs.length === 0 ? <div className="ai-workflow__runs-empty"><p>No runs yet.</p></div> : <div role="list">{props.runs.map(run => <div key={run.id} className="ai-workflow__run-card" role="listitem" onClick={() => props.onSelectRun?.(run.id)}><div className="ai-workflow__run-card-header"><span className="ai-workflow__run-card-status">{SI[run.status]} {run.status}</span><span className="ai-workflow__run-card-id">{run.id.slice(0, 8)}…</span></div><div className="ai-workflow__run-card-meta"><span>{run.stepResults.filter(s => s.status === 'completed').length}/{run.stepResults.length} steps</span><span>{new Date(run.startedAt).toLocaleString()}</span></div>{run.error && <p className="ai-workflow__run-card-error">{run.error}</p>}</div>)}</div>}</div>)
-}

package/packages/react-css/src/pages/index.ts

@@ -1,3 +0,0 @@
-// @geenius-ai-workflow/react-css — pages/index.ts
-export { WorkflowBuilderPage } from './WorkflowBuilderPage'
-export { WorkflowRunsPage } from './WorkflowRunsPage'

package/packages/react-css/tsconfig.json

@@ -1,26 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2022",
-        "module": "ESNext",
-        "moduleResolution": "bundler",
-        "declaration": true,
-        "declarationMap": true,
-        "sourceMap": true,
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "strict": true,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "forceConsistentCasingInFileNames": true,
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "jsx": "react-jsx"
-    },
-    "include": [
-        "src"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist"
-    ]
-}

package/packages/react-css/tsup.config.ts

@@ -1,2 +0,0 @@
-import { defineConfig } from 'tsup'
-export default defineConfig({ entry: ['src/index.ts'], format: ['cjs', 'esm'], dts: true, clean: true, sourcemap: true, external: ['react'] })

package/packages/shared/README.md

@@ -1 +0,0 @@
-# ✦ @geenius-ai-workflow/shared\n\n> Geenius AI Workflow — Shared types, engine & Convex schema\n\n---\n\n## Overview\nBuilt with Steve Jobs-level minimalism and Jony Ive-level craftsmanship, this package is designed to deliver unparalleled developer experience (DX) and rock-solid performance.\n\n## Installation\n\n```bash\npnpm add @geenius-ai-workflow/shared\n```\n\n## Usage\n\n```typescript\nimport { init } from '@geenius-ai-workflow/shared';\n\n// Initialize the module with absolute precision\ninit({\n  mode: 'premium',\n});\n```\n\n## Architecture\n- **Zero-config**: It just works.\n- **Strictly Typed**: Fully written in TypeScript for flawless IntelliSense.\n- **Framework Agnostic**: seamlessly integrates into the Geenius ecosystem.\n\n---\n\n*Designed by Antigravity HQ*\n

package/packages/shared/package.json

@@ -1,56 +0,0 @@
-{
-  "name": "@geenius-ai-workflow/shared",
-  "version": "0.1.0",
-  "private": false,
-  "type": "module",
-  "description": "Geenius AI Workflow \u2014 Shared types, engine & Convex schema",
-  "author": "Antigravity HQ",
-  "license": "MIT",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./engine": {
-      "types": "./dist/engine.d.ts",
-      "import": "./dist/engine.js"
-    },
-    "./steps": {
-      "types": "./dist/steps.d.ts",
-      "import": "./dist/steps.js"
-    },
-    "./convex": {
-      "types": "./dist/convex/index.d.ts",
-      "import": "./dist/convex/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "clean": "rm -rf dist",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm clean && pnpm build",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
-  "dependencies": {
-    "zod": "^3.23.0"
-  },
-  "devDependencies": {
-    "tsup": "^8.5.1",
-    "typescript": "~6.0.2",
-    "vitest": "^4.0.0"
-  },
-  "engines": {
-    "node": ">=20.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}