@polymorphism-tech/morph-spec 7.2.0 → 7.4.0

package/src/core/workflows/workflow-router.js

@@ -1,204 +0,0 @@
-/**
- * @fileoverview Natural Language Workflow Router
- *
- * Classifies free-text input into morph-spec intents and routes to the
- * appropriate command. Uses pattern matching for intent detection and
- * delegates to detectWorkflow() for proposal classification.
- *
- * @module workflow-router
- */
-
-import { detectWorkflow } from './workflow-detector.js';
-import { readFileSync, existsSync } from 'fs';
-import { join } from 'path';
-
-/**
- * @typedef {Object} RoutedIntent
- * @property {string} intent - 'proposal' | 'status' | 'approve' | 'fast-track'
- * @property {string} command - The morph-spec command to execute
- * @property {string[]} args - Arguments for the command
- * @property {number} confidence - 0-1
- * @property {string} explanation - Human-readable reason for routing decision
- * @property {Object} [workflowDetection] - If intent is proposal/fast-track, includes detection result
- */
-
-const INTENT_PATTERNS = [
-  // Status queries (highest priority)
-  { pattern: /^(status|progress|where\s+am\s+i)\b/i, intent: 'status', confidence: 0.9 },
-  { pattern: /what('s|\s+is)\s+(next|done|left|remaining)/i, intent: 'status', confidence: 0.85 },
-  { pattern: /what\s+tasks/i, intent: 'status', confidence: 0.85 },
-  { pattern: /tasks?\s+(left|remaining|pending|todo)/i, intent: 'status', confidence: 0.85 },
-  { pattern: /^show\s+(me\s+)?status/i, intent: 'status', confidence: 0.9 },
-
-  // Approval actions
-  { pattern: /^(approve|lgtm|looks?\s+good|ship\s+it)\b/i, intent: 'approve', confidence: 0.85 },
-
-  // Explicit simple/fix intents → fast-track proposal
-  { pattern: /^(fix|typo|rename|toggle|bump|config)\b/i, intent: 'fast-track', confidence: 0.75 },
-  { pattern: /\b(typo|spelling|label|icon|badge|tooltip|css\s+fix)\b/i, intent: 'fast-track', confidence: 0.7 },
-
-  // Everything else → proposal (further classified by detectWorkflow)
-  { pattern: /.+/, intent: 'proposal', confidence: 0.5 },
-];
-
-/**
- * Route natural language to the best morph-spec command.
- *
- * @param {string} input - User's natural language description
- * @param {Object} [options]
- * @param {string} [options.projectPath='.'] - Project path for codebase analysis
- * @param {string} [options.activeFeature] - Currently active feature name (for status/approve)
- * @returns {Promise<RoutedIntent>}
- */
-export async function routeIntent(input, options = {}) {
-  const { projectPath = '.' } = options;
-  const trimmed = (input || '').trim();
-
-  if (!trimmed) {
-    return {
-      intent: 'proposal',
-      command: 'morph-spec',
-      args: ['--help'],
-      confidence: 0,
-      explanation: 'Empty input — showing help'
-    };
-  }
-
-  // Match against patterns in order
-  let matchedIntent = null;
-  for (const { pattern, intent, confidence } of INTENT_PATTERNS) {
-    if (pattern.test(trimmed)) {
-      matchedIntent = { intent, confidence };
-      break;
-    }
-  }
-
-  const activeFeature = options.activeFeature || findActiveFeature(projectPath);
-
-  // Route based on intent
-  switch (matchedIntent.intent) {
-    case 'status': {
-      const feature = activeFeature || '<feature>';
-      return {
-        intent: 'status',
-        command: 'morph-spec',
-        args: ['status', feature],
-        confidence: activeFeature ? matchedIntent.confidence : matchedIntent.confidence * 0.6,
-        explanation: activeFeature
-          ? `Status query for active feature "${feature}"`
-          : 'Status query — no active feature found'
-      };
-    }
-
-    case 'approve': {
-      const feature = activeFeature || '<feature>';
-      return {
-        intent: 'approve',
-        command: 'morph-spec',
-        args: ['approve', feature],
-        confidence: activeFeature ? matchedIntent.confidence : matchedIntent.confidence * 0.5,
-        explanation: activeFeature
-          ? `Approve active feature "${feature}"`
-          : 'Approve — no active feature found'
-      };
-    }
-
-    case 'fast-track': {
-      // Validate with detectWorkflow — regex might be too eager
-      const detection = await detectWorkflow({
-        userRequest: trimmed,
-        projectPath,
-      });
-
-      // If detectWorkflow disagrees, defer to it
-      if (detection.workflowId !== 'fast-track' && detection.confidence > matchedIntent.confidence) {
-        const slug = slugify(trimmed);
-        return {
-          intent: 'proposal',
-          command: 'morph-spec',
-          args: ['state', 'init', slug, '--user-request', trimmed],
-          confidence: detection.confidence,
-          explanation: `Detected as ${detection.workflowId} (${detection.reasoning})`,
-          workflowDetection: detection
-        };
-      }
-
-      const slug = slugify(trimmed);
-      return {
-        intent: 'fast-track',
-        command: 'morph-spec',
-        args: ['state', 'init', slug, '--workflow', 'fast-track', '--user-request', trimmed],
-        confidence: Math.max(matchedIntent.confidence, detection.confidence),
-        explanation: `Simple task → fast-track workflow (${detection.reasoning})`,
-        workflowDetection: detection
-      };
-    }
-
-    case 'proposal':
-    default: {
-      const detection = await detectWorkflow({
-        userRequest: trimmed,
-        projectPath,
-      });
-
-      const slug = slugify(trimmed);
-      const args = ['state', 'init', slug, '--user-request', trimmed];
-      if (detection.workflowId !== 'auto') {
-        args.push('--workflow', detection.workflowId);
-      }
-
-      return {
-        intent: 'proposal',
-        command: 'morph-spec',
-        args,
-        confidence: detection.confidence,
-        explanation: `New feature → ${detection.workflowId} workflow (${detection.reasoning})`,
-        workflowDetection: detection
-      };
-    }
-  }
-}
-
-/**
- * Find the currently active feature from state.json.
- * Returns the most recently updated feature.
- *
- * @param {string} [projectPath='.']
- * @returns {string|null} Feature name or null
- */
-export function findActiveFeature(projectPath = '.') {
-  try {
-    const statePath = join(projectPath, '.morph', 'state.json');
-    if (!existsSync(statePath)) return null;
-
-    const state = JSON.parse(readFileSync(statePath, 'utf8'));
-    if (!state?.features) return null;
-
-    const entries = Object.entries(state.features)
-      .sort((a, b) => {
-        const dateA = a[1].updatedAt || a[1].createdAt || '';
-        const dateB = b[1].updatedAt || b[1].createdAt || '';
-        return dateB.localeCompare(dateA);
-      });
-
-    return entries.length > 0 ? entries[0][0] : null;
-  } catch {
-    return null;
-  }
-}
-
-/**
- * Convert a description into a feature slug.
- * @param {string} text
- * @returns {string}
- */
-function slugify(text) {
-  return text
-    .toLowerCase()
-    .replace(/[^a-z0-9\s-]/g, '')
-    .trim()
-    .replace(/\s+/g, '-')
-    .replace(/-+/g, '-')
-    .slice(0, 50)
-    .replace(/-$/, '');
-}

package/src/dashboard/app/pages/Workflows.jsx

@@ -1,346 +0,0 @@
-import { createContext, useCallback, useContext, useMemo, useState } from 'react';
-import { Handle, Position } from '@xyflow/react';
-import morphData from 'virtual:morph-data';
-import FlowGraph from '../components/FlowGraph.jsx';
-import DetailPanel from '../components/DetailPanel.jsx';
-import { useDetailPanel } from '../hooks/useDetailPanel.js';
-
-// ─── Hover Context ────────────────────────────────────────────────────────────
-
-const HoverContext = createContext({ hoveredPhase: null, setHoveredPhase: () => {} });
-
-// ─── Constants ────────────────────────────────────────────────────────────────
-
-// Canonical phase order (we render exactly these 5 columns)
-const PHASE_ORDER = ['proposal', 'uiux', 'plan', 'implement', 'review'];
-
-const PHASE_X_GAP = 200;
-const PHASE_W = 160;
-const ROW_H = 130;
-const LABEL_W = 160;
-const LABEL_X = -LABEL_W - 20;
-const PHASE_START_X = 0;
-
-// ─── Node Components ──────────────────────────────────────────────────────────
-
-function WorkflowLabelNode({ data }) {
-  return (
-    <div
-      className="rounded-lg px-4 py-3 cursor-pointer select-none"
-      style={{
-        width: LABEL_W,
-        background: '#0f172a',
-        border: '1.5px solid #334155',
-        boxShadow: '0 0 8px #33415533',
-      }}
-    >
-      <Handle type="source" position={Position.Right} style={{ background: '#475569', width: 7, height: 7 }} />
-      <div className="text-white text-xs font-bold leading-tight truncate" title={data.label}>
-        {data.label}
-      </div>
-      <div className="text-gray-400 text-[10px] mt-1 leading-snug line-clamp-2" title={data.description}>
-        {data.description}
-      </div>
-    </div>
-  );
-}
-
-function WorkflowPhaseNode({ data }) {
-  const { hoveredPhase, setHoveredPhase } = useContext(HoverContext);
-  const isSkipped = data.skipped;
-  const phaseName = data.phase;
-
-  const isHighlighted = hoveredPhase !== null && hoveredPhase === phaseName;
-  const isDimmed = hoveredPhase !== null && hoveredPhase !== phaseName;
-
-  const bg = isSkipped ? '#111827' : '#1e3a5f';
-  const border = isSkipped ? '#374151' : isHighlighted ? '#60a5fa' : '#3b82f6';
-  const textColor = isSkipped ? '#6b7280' : '#93c5fd';
-
-  let opacity = isSkipped ? 0.5 : 1;
-  if (isDimmed) opacity = isSkipped ? 0.25 : 0.35;
-
-  const boxShadow = isHighlighted
-    ? '0 0 0 2px #60a5fa, 0 0 12px #3b82f6aa'
-    : isSkipped
-    ? 'none'
-    : '0 0 6px #3b82f622';
-
-  return (
-    <div
-      className="rounded-lg px-3 py-2 select-none cursor-default"
-      style={{
-        width: PHASE_W - 20,
-        background: isHighlighted ? '#1e4a7f' : bg,
-        border: `1.5px ${isSkipped ? 'dashed' : 'solid'} ${border}`,
-        boxShadow,
-        opacity,
-        transition: 'opacity 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease',
-      }}
-      onMouseEnter={() => setHoveredPhase(phaseName)}
-      onMouseLeave={() => setHoveredPhase(null)}
-    >
-      <Handle type="target" position={Position.Left} style={{ background: border, width: 6, height: 6 }} />
-      <Handle type="source" position={Position.Right} style={{ background: border, width: 6, height: 6 }} />
-      <div
-        className="text-xs font-semibold leading-tight"
-        style={{
-          color: isSkipped ? '#6b7280' : isHighlighted ? '#bfdbfe' : '#ffffff',
-          textDecoration: isSkipped ? 'line-through' : 'none',
-        }}
-      >
-        {data.label}
-      </div>
-      {isSkipped && (
-        <div className="text-[9px] mt-0.5" style={{ color: '#6b7280' }}>skip</div>
-      )}
-      {!isSkipped && (
-        <div className="text-[9px] mt-0.5" style={{ color: textColor }}>run</div>
-      )}
-    </div>
-  );
-}
-
-const nodeTypes = { workflowLabelNode: WorkflowLabelNode, workflowPhaseNode: WorkflowPhaseNode };
-
-// ─── Graph Builder ────────────────────────────────────────────────────────────
-
-function buildGraph(workflows) {
-  const nodes = [];
-  const edges = [];
-
-  // Sort workflows by priority (ascending: lower priority = simpler = shown first)
-  const sorted = [...workflows].sort((a, b) => (a.priority || 0) - (b.priority || 0));
-
-  sorted.forEach((wf, rowIdx) => {
-    const rowY = rowIdx * ROW_H;
-    const skipSet = new Set(wf.phases.skip || []);
-
-    // Label node on the left
-    nodes.push({
-      id: `wf-label-${wf.id}`,
-      type: 'workflowLabelNode',
-      position: { x: LABEL_X, y: rowY + 10 },
-      data: {
-        label: wf.name,
-        description: wf.description,
-        wfRef: wf,
-      },
-    });
-
-    // Phase nodes
-    PHASE_ORDER.forEach((phase, colIdx) => {
-      const isSkipped = skipSet.has(phase);
-      const phaseNodeId = `wf-${wf.id}-phase-${phase}`;
-
-      nodes.push({
-        id: phaseNodeId,
-        type: 'workflowPhaseNode',
-        position: { x: PHASE_START_X + colIdx * PHASE_X_GAP, y: rowY },
-        data: {
-          label: phase,
-          skipped: isSkipped,
-          active: !isSkipped,
-          wfId: wf.id,
-          phase,
-        },
-      });
-
-      // Edge to next phase in this row
-      const nextPhase = PHASE_ORDER[colIdx + 1];
-      if (nextPhase) {
-        const nextNodeId = `wf-${wf.id}-phase-${nextPhase}`;
-        const isNextSkipped = skipSet.has(nextPhase);
-        edges.push({
-          id: `edge-${wf.id}-${phase}-${nextPhase}`,
-          source: phaseNodeId,
-          target: nextNodeId,
-          type: 'smoothstep',
-          style: {
-            stroke: (isSkipped || isNextSkipped) ? '#374151' : '#3b82f6',
-            strokeWidth: 1.2,
-            strokeDasharray: (isSkipped || isNextSkipped) ? '4 3' : undefined,
-            opacity: (isSkipped || isNextSkipped) ? 0.3 : 0.7,
-          },
-        });
-      }
-    });
-  });
-
-  return { nodes, edges };
-}
-
-// ─── Detail Content ───────────────────────────────────────────────────────────
-
-function WorkflowDetail({ wf }) {
-  return (
-    <div className="text-sm text-gray-200 space-y-4">
-      <p className="text-gray-300 text-xs leading-relaxed">{wf.description}</p>
-
-      <div className="flex gap-2">
-        <span className="px-2 py-0.5 bg-blue-900/50 border border-blue-700 rounded text-xs text-blue-300">
-          priority {wf.priority}
-        </span>
-      </div>
-
-      {/* Phases */}
-      <div>
-        <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Run Phases</p>
-        <div className="flex flex-wrap gap-1">
-          {(wf.phases.run || []).map((p) => (
-            <span key={p} className="px-2 py-0.5 bg-blue-900/50 border border-blue-700 rounded text-xs text-blue-300 font-mono">{p}</span>
-          ))}
-        </div>
-      </div>
-
-      {wf.phases.skip?.length > 0 && (
-        <div>
-          <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Skip Phases</p>
-          <div className="flex flex-wrap gap-1">
-            {wf.phases.skip.map((p) => (
-              <span key={p} className="px-2 py-0.5 bg-gray-800 border border-dashed border-gray-600 rounded text-xs text-gray-500 font-mono line-through">{p}</span>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Pause points */}
-      {wf.pausePoints?.length > 0 && (
-        <div>
-          <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Pause Points</p>
-          <div className="space-y-1.5">
-            {wf.pausePoints.map((pp, i) => (
-              <div key={i} className="px-2 py-1.5 bg-yellow-900/20 border border-yellow-700/40 rounded text-xs">
-                <div className="flex items-center gap-2 mb-0.5">
-                  <span className="text-yellow-400 font-mono text-[10px]">{pp.phase}</span>
-                  {pp.condition && (
-                    <span className="text-gray-500 text-[10px]">if: {pp.condition}</span>
-                  )}
-                </div>
-                <p className="text-yellow-200">{pp.question}</p>
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Keywords */}
-      {wf.keywords?.length > 0 && (
-        <div>
-          <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Keywords</p>
-          <div className="flex flex-wrap gap-1">
-            {wf.keywords.map((k) => (
-              <span key={k} className="px-1.5 py-0.5 bg-gray-800 border border-gray-700 rounded text-xs text-gray-400">{k}</span>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Outputs */}
-      {wf.outputs?.required?.length > 0 && (
-        <div>
-          <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Required Outputs</p>
-          <div className="flex flex-wrap gap-1">
-            {wf.outputs.required.map((o) => (
-              <span key={o} className="px-2 py-0.5 bg-green-900/50 border border-green-700 rounded text-xs text-green-300 font-mono">{o}</span>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {wf.outputs?.optional?.length > 0 && (
-        <div>
-          <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Optional Outputs</p>
-          <div className="flex flex-wrap gap-1">
-            {wf.outputs.optional.map((o) => (
-              <span key={o} className="px-2 py-0.5 bg-gray-800 border border-gray-700 rounded text-xs text-gray-400 font-mono">{o}</span>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Criteria */}
-      {wf.criteria && Object.keys(wf.criteria).length > 0 && (
-        <div>
-          <p className="text-gray-500 text-xs uppercase tracking-wide mb-1.5">Criteria</p>
-          <pre className="p-2 bg-gray-950 border border-gray-800 rounded text-[9px] font-mono text-gray-400 overflow-x-auto">
-            {JSON.stringify(wf.criteria, null, 2)}
-          </pre>
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ─── Main Page ────────────────────────────────────────────────────────────────
-
-export default function Workflows() {
-  const { workflows } = morphData;
-  const { panel, openPanel, closePanel } = useDetailPanel();
-  const [hoveredPhase, setHoveredPhase] = useState(null);
-
-  const { nodes, edges } = useMemo(() => buildGraph(workflows), [workflows]);
-
-  const handleNodeClick = useCallback(
-    (_event, node) => {
-      if (node.type === 'workflowLabelNode') {
-        const wf = node.data.wfRef;
-        if (wf) openPanel(wf.name, <WorkflowDetail wf={wf} />);
-      }
-    },
-    [openPanel]
-  );
-
-  const hoverContextValue = useMemo(
-    () => ({ hoveredPhase, setHoveredPhase }),
-    [hoveredPhase]
-  );
-
-  return (
-    <div className="flex flex-col h-full">
-      {/* Header */}
-      <div className="px-6 py-4 border-b border-gray-800 flex-shrink-0">
-        <h1 className="text-white text-xl font-bold">Workflow Configs</h1>
-        <p className="text-gray-400 text-sm mt-0.5">
-          {workflows.length} workflow{workflows.length !== 1 ? 's' : ''} — each row shows 7 phases, grayed out phases are skipped. Click a workflow label to inspect.
-        </p>
-      </div>
-
-      <div className="flex-1 relative">
-        <HoverContext.Provider value={hoverContextValue}>
-        <FlowGraph
-          nodes={nodes}
-          edges={edges}
-          nodeTypes={nodeTypes}
-          onNodeClick={handleNodeClick}
-          fitView
-        />
-        </HoverContext.Provider>
-
-        <div className="absolute top-3 left-3 bg-gray-900/90 border border-gray-700 rounded-lg p-3 text-xs space-y-2 z-10">
-          <p className="text-gray-400 font-semibold uppercase tracking-wide text-[10px] mb-2">Legend</p>
-          <div className="flex items-center gap-2">
-            <span className="inline-block w-10 h-4 rounded-sm" style={{ background: '#1e3a5f', border: '1.5px solid #3b82f6' }} />
-            <span className="text-gray-300">Active phase</span>
-          </div>
-          <div className="flex items-center gap-2">
-            <span className="inline-block w-10 h-4 rounded-sm opacity-50" style={{ background: '#111827', border: '1.5px dashed #374151' }} />
-            <span className="text-gray-300">Skipped phase</span>
-          </div>
-          <div className="flex items-center gap-2">
-            <span className="inline-block w-10 h-4 rounded-sm" style={{ background: '#0f172a', border: '1.5px solid #334155' }} />
-            <span className="text-gray-300">Workflow label</span>
-          </div>
-        </div>
-
-        <div className="absolute top-3 right-3 bg-gray-900/90 border border-gray-700 rounded-lg px-3 py-1.5 text-xs text-gray-400 z-10">
-          {workflows.length} workflows · 7 phases
-        </div>
-      </div>
-
-      <DetailPanel open={panel.open} title={panel.title} onClose={closePanel}>
-        {panel.content}
-      </DetailPanel>
-    </div>
-  );
-}

package/src/dashboard/scanner/workflows-scanner.js

@@ -1,18 +0,0 @@
-import { readFileSync, readdirSync, existsSync } from 'fs';
-import { join } from 'path';
-
-export function scanWorkflows(frameworkDir) {
-  const dir = join(frameworkDir, 'workflows', 'configs');
-  if (!existsSync(dir)) return [];
-  return readdirSync(dir).filter(f => f.endsWith('.json')).map(f => {
-    const d = JSON.parse(readFileSync(join(dir, f), 'utf8'));
-    return {
-      id: d.id, name: d.name, description: d.description || '',
-      criteria: d.criteria || {}, keywords: d.keywords || [],
-      phases: d.phases || { run: [], skip: [] },
-      pausePoints: d.pausePoints || [],
-      outputs: d.outputs || { required: [], optional: [], skip: [] },
-      priority: d.priority || 0,
-    };
-  });
-}