claude-code-swarm 0.3.7 → 0.3.9

package/references/openteams/editor/src/index.css

@@ -1,245 +0,0 @@
-@import 'tailwindcss';
-@import '@xyflow/react/dist/style.css';
-
-/* ═══════════════════════════════════════════════════════════════
-   THEME — OpenHive-coherent design tokens
-═══════════════════════════════════════════════════════════════ */
-@theme {
-  --color-honey-50: #fffbeb;
-  --color-honey-100: #fef3c7;
-  --color-honey-200: #fde68a;
-  --color-honey-300: #fcd34d;
-  --color-honey-400: #fbbf24;
-  --color-honey-500: #f59e0b;
-  --color-honey-600: #d97706;
-  --color-honey-700: #b45309;
-  --color-honey-800: #92400e;
-  --color-honey-900: #78350f;
-
-  --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
-  --font-mono: 'DM Mono', 'SF Mono', 'Fira Code', monospace;
-
-  --animate-fade-in: fade-in 150ms ease-out;
-  --animate-slide-in: slide-in 150ms ease-out;
-}
-
-/* ═══════════════════════════════════════════════════════════════
-   BASE — Theme CSS variables
-═══════════════════════════════════════════════════════════════ */
-@layer base {
-  :root, .dark {
-    --color-bg: #1a1d21;
-    --color-sidebar: #19171d;
-    --color-surface: #222529;
-    --color-elevated: #2c2d31;
-    --color-hover: #35373b;
-    --color-border: #35373b;
-    --color-border-subtle: #2c2d31;
-    --color-text: #d1d2d3;
-    --color-text-secondary: #ababad;
-    --color-text-muted: #7a7b7e;
-    --color-accent: #f59e0b;
-    --color-accent-hover: #fbbf24;
-    --color-accent-bg: rgba(245, 158, 11, 0.08);
-    --color-canvas-dot: #2c2d31;
-    --color-overlay: rgba(0, 0, 0, 0.5);
-    --color-danger: #ef4444;
-    --color-danger-bg: rgba(239, 68, 68, 0.1);
-    --color-warning: #eab308;
-    --color-warning-bg: rgba(234, 179, 8, 0.1);
-    --color-success: #22c55e;
-    --color-success-bg: rgba(34, 197, 94, 0.1);
-    --color-info: #3b82f6;
-    --color-info-bg: rgba(59, 130, 246, 0.1);
-  }
-
-  .light {
-    --color-bg: #f4f4f5;
-    --color-sidebar: #ffffff;
-    --color-surface: #ffffff;
-    --color-elevated: #f0f0f1;
-    --color-hover: #e8e8e9;
-    --color-border: #e0e0e1;
-    --color-border-subtle: #ebebec;
-    --color-text: #1d1c1d;
-    --color-text-secondary: #616061;
-    --color-text-muted: #999a9b;
-    --color-accent: #d97706;
-    --color-accent-hover: #b45309;
-    --color-accent-bg: rgba(217, 119, 6, 0.06);
-    --color-canvas-dot: #d1d5db;
-    --color-overlay: rgba(0, 0, 0, 0.3);
-    --color-danger: #dc2626;
-    --color-danger-bg: rgba(220, 38, 38, 0.08);
-    --color-warning: #ca8a04;
-    --color-warning-bg: rgba(202, 138, 4, 0.08);
-    --color-success: #16a34a;
-    --color-success-bg: rgba(22, 163, 74, 0.08);
-    --color-info: #2563eb;
-    --color-info-bg: rgba(37, 99, 235, 0.08);
-  }
-
-  html {
-    @apply antialiased;
-  }
-
-  body {
-    margin: 0;
-    font-family: var(--font-sans);
-    background-color: var(--color-bg);
-    color: var(--color-text);
-  }
-
-  #root {
-    width: 100vw;
-    height: 100vh;
-  }
-
-  ::selection {
-    background-color: rgba(245, 158, 11, 0.25);
-    color: #fff;
-  }
-
-  ::-webkit-scrollbar {
-    @apply w-1.5;
-  }
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  ::-webkit-scrollbar-thumb {
-    background-color: var(--color-hover);
-    @apply rounded-full;
-  }
-  ::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-text-muted);
-  }
-}
-
-/* ═══════════════════════════════════════════════════════════════
-   COMPONENT CLASSES
-═══════════════════════════════════════════════════════════════ */
-@layer components {
-  .ot-btn {
-    @apply px-3 py-1.5 rounded-md font-medium text-sm cursor-pointer select-none;
-    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
-  }
-
-  .ot-btn-primary {
-    @apply bg-honey-500 text-black hover:bg-honey-400;
-  }
-
-  .ot-btn-secondary {
-    background-color: var(--color-elevated);
-    color: var(--color-text);
-    border: 1px solid var(--color-border);
-  }
-  .ot-btn-secondary:hover {
-    background-color: var(--color-hover);
-  }
-
-  .ot-btn-ghost {
-    color: var(--color-text-secondary);
-  }
-  .ot-btn-ghost:hover {
-    color: var(--color-text);
-    background-color: var(--color-hover);
-  }
-
-  .ot-input {
-    background-color: var(--color-elevated);
-    border: 1px solid var(--color-border);
-    color: var(--color-text);
-    @apply rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-honey-500/40 focus:border-honey-500/40;
-    transition: border-color 120ms ease, box-shadow 120ms ease;
-  }
-  .ot-input::placeholder {
-    color: var(--color-text-muted);
-  }
-
-  .ot-card {
-    background-color: var(--color-surface);
-    border: 1px solid var(--color-border-subtle);
-    @apply rounded-lg;
-  }
-
-  .ot-divider {
-    border-color: var(--color-border-subtle);
-    @apply border-t;
-  }
-
-  .ot-label {
-    @apply text-xs font-medium uppercase tracking-wide;
-    color: var(--color-text-muted);
-  }
-}
-
-/* ═══════════════════════════════════════════════════════════════
-   KEYFRAMES
-═══════════════════════════════════════════════════════════════ */
-@keyframes fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes slide-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes ot-edge-flow {
-  from { stroke-dashoffset: 20; }
-  to { stroke-dashoffset: 0; }
-}
-
-/* ═══════════════════════════════════════════════════════════════
-   REACTFLOW OVERRIDES — theme-aware via --xy- CSS variables
-═══════════════════════════════════════════════════════════════ */
-
-/* Dark mode variable overrides */
-.dark .react-flow {
-  --xy-minimap-background-color-default: var(--color-surface);
-  --xy-controls-button-background-color-default: var(--color-surface);
-  --xy-controls-button-background-color-hover-default: var(--color-hover);
-  --xy-controls-button-border-color-default: var(--color-border-subtle);
-  --xy-controls-button-color-default: var(--color-text-secondary);
-  --xy-controls-button-color-hover-default: var(--color-text);
-  --xy-controls-box-shadow-default: none;
-  --xy-node-background-color-default: var(--color-surface);
-  --xy-node-border-default: 1px solid var(--color-border);
-  --xy-node-boxshadow-selected-default: 0 0 0 1.5px var(--color-accent);
-  --xy-handle-background-color-default: var(--color-text-muted);
-  --xy-handle-border-color-default: var(--color-surface);
-  --xy-edge-stroke-default: var(--color-text-muted);
-  --xy-background-pattern-dots-color-default: var(--color-canvas-dot);
-}
-
-/* Light mode variable overrides */
-.light .react-flow {
-  --xy-minimap-background-color-default: var(--color-surface);
-  --xy-controls-button-background-color-default: var(--color-surface);
-  --xy-controls-button-background-color-hover-default: var(--color-hover);
-  --xy-controls-button-border-color-default: var(--color-border);
-  --xy-controls-button-color-default: var(--color-text-secondary);
-  --xy-controls-button-color-hover-default: var(--color-text);
-  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.06);
-  --xy-node-boxshadow-selected-default: 0 0 0 1.5px var(--color-accent);
-  --xy-handle-background-color-default: var(--color-text-muted);
-  --xy-handle-border-color-default: var(--color-surface);
-  --xy-background-pattern-dots-color-default: var(--color-canvas-dot);
-}
-
-/* Controls border-radius */
-.react-flow__controls {
-  border-radius: 6px !important;
-  overflow: hidden;
-}
-
-/* Minimap border-radius and border */
-.react-flow__minimap {
-  border: 1px solid var(--color-border) !important;
-  border-radius: 6px !important;
-}
-
-.react-flow__attribution {
-  display: none;
-}

package/references/openteams/editor/src/lib/auto-layout.ts

@@ -1,51 +0,0 @@
-import dagre from '@dagrejs/dagre';
-import type { EditorNode, EditorEdge } from '../types/editor';
-
-const ROLE_NODE_WIDTH = 280;
-const ROLE_NODE_HEIGHT = 120;
-const CHANNEL_NODE_WIDTH = 220;
-const CHANNEL_NODE_HEIGHT = 100;
-
-export function computeLayout(nodes: EditorNode[], edges: EditorEdge[]): EditorNode[] {
-  if (nodes.length === 0) return nodes;
-
-  const g = new dagre.graphlib.Graph();
-  g.setGraph({
-    rankdir: 'TB',
-    ranksep: 120,
-    nodesep: 80,
-    marginx: 40,
-    marginy: 40,
-  });
-  g.setDefaultEdgeLabel(() => ({}));
-
-  for (const node of nodes) {
-    const isChannel = node.data.kind === 'channel';
-    g.setNode(node.id, {
-      width: isChannel ? CHANNEL_NODE_WIDTH : ROLE_NODE_WIDTH,
-      height: isChannel ? CHANNEL_NODE_HEIGHT : ROLE_NODE_HEIGHT,
-    });
-  }
-
-  for (const edge of edges) {
-    // Only use peer routes and signal flow for layout; skip spawn edges
-    if (edge.data?.kind !== 'spawn') {
-      g.setEdge(edge.source, edge.target);
-    }
-  }
-
-  dagre.layout(g);
-
-  return nodes.map(node => {
-    const pos = g.node(node.id);
-    if (!pos) return node;
-
-    const isChannel = node.data.kind === 'channel';
-    const w = isChannel ? CHANNEL_NODE_WIDTH : ROLE_NODE_WIDTH;
-    const h = isChannel ? CHANNEL_NODE_HEIGHT : ROLE_NODE_HEIGHT;
-    return {
-      ...node,
-      position: { x: pos.x - w / 2, y: pos.y - h / 2 },
-    };
-  });
-}

package/references/openteams/editor/src/lib/bundled-templates.ts

@@ -1,42 +0,0 @@
-import * as yaml from 'js-yaml';
-import type { TeamManifest, RoleDefinition } from '@openteams/template/types';
-
-export interface BundledTemplate {
-  manifest: TeamManifest;
-  roles: Map<string, RoleDefinition>;
-}
-
-// Dynamically import all team.yaml and role files from examples/
-const teamYamls = import.meta.glob('../../../examples/*/team.yaml', { eager: true, query: '?raw', import: 'default' }) as Record<string, string>;
-const roleYamls = import.meta.glob('../../../examples/*/roles/*.yaml', { eager: true, query: '?raw', import: 'default' }) as Record<string, string>;
-
-function buildTemplates(): Record<string, BundledTemplate> {
-  const templates: Record<string, BundledTemplate> = {};
-
-  for (const [path, content] of Object.entries(teamYamls)) {
-    // path is like ../../../examples/gsd/team.yaml
-    const match = path.match(/examples\/([^/]+)\/team\.yaml$/);
-    if (!match) continue;
-    const dirName = match[1];
-
-    const manifest = yaml.load(content) as TeamManifest;
-    const roles = new Map<string, RoleDefinition>();
-
-    // Find all role files belonging to this example
-    const rolePrefix = `../../../examples/${dirName}/roles/`;
-    for (const [rolePath, roleContent] of Object.entries(roleYamls)) {
-      if (rolePath.startsWith(rolePrefix)) {
-        const role = yaml.load(roleContent) as RoleDefinition;
-        if (role?.name) {
-          roles.set(role.name, role);
-        }
-      }
-    }
-
-    templates[dirName] = { manifest, roles };
-  }
-
-  return templates;
-}
-
-export const BUNDLED_TEMPLATES: Record<string, BundledTemplate> = buildTemplates();

package/references/openteams/editor/src/lib/compiler.ts

@@ -1,75 +0,0 @@
-import * as yaml from 'js-yaml';
-import { useConfigStore } from '../stores/config-store';
-import { canvasToManifest, rolesToDefinitions } from './serializer';
-
-export interface CompiledFile {
-  path: string;
-  content: string;
-}
-
-const YAML_OPTIONS: yaml.DumpOptions = {
-  lineWidth: -1,
-  noRefs: true,
-  quotingType: '"',
-  forceQuotes: false,
-  sortKeys: false,
-};
-
-export function compileToYaml(): CompiledFile[] {
-  const config = useConfigStore.getState();
-
-  // Use roleModels from config store (canonical source)
-  const roleModels = new Map<string, string>(Object.entries(config.roleModels));
-
-  const manifest = canvasToManifest(
-    config.team,
-    config.roles,
-    config.channels,
-    config.subscriptions,
-    config.emissions,
-    config.peerRoutes,
-    config.spawnRules,
-    config.topologyRoot,
-    config.topologyCompanions,
-    roleModels,
-  );
-
-  const files: CompiledFile[] = [];
-
-  // team.yaml
-  files.push({
-    path: 'team.yaml',
-    content: yaml.dump(manifest, YAML_OPTIONS),
-  });
-
-  // roles/*.yaml
-  const roleDefs = rolesToDefinitions(config.roles);
-  for (const [name, def] of roleDefs) {
-    files.push({
-      path: `roles/${name}.yaml`,
-      content: yaml.dump(def, YAML_OPTIONS),
-    });
-  }
-
-  // prompts/*
-  for (const [name, role] of config.roles) {
-    if (role.promptContent) {
-      files.push({
-        path: `prompts/${name}/ROLE.md`,
-        content: role.promptContent,
-      });
-    }
-    if (role.additionalPrompts) {
-      for (const p of role.additionalPrompts) {
-        if (p.content) {
-          files.push({
-            path: `prompts/${name}/${p.name}`,
-            content: p.content,
-          });
-        }
-      }
-    }
-  }
-
-  return files;
-}

package/references/openteams/editor/src/lib/load-template.ts

@@ -1,103 +0,0 @@
-import type { TeamManifest, RoleDefinition } from '@openteams/template/types';
-import type { EditorRoleConfig, EditorTeamConfig } from '../stores/config-store';
-import { useCanvasStore } from '../stores/canvas-store';
-import { useConfigStore } from '../stores/config-store';
-import { useHistoryStore } from '../stores/history-store';
-import { useValidationStore } from '../stores/validation-store';
-import { configToCanvas } from './serializer';
-
-export function loadEmpty() {
-  const team: EditorTeamConfig = {
-    name: 'untitled',
-    description: '',
-    version: 1,
-    enforcement: 'permissive',
-    extensions: {},
-  };
-
-  useConfigStore.getState().loadFromManifest(
-    team, new Map(), {}, {}, {}, [], {}, {}, '', [],
-  );
-  useCanvasStore.getState().setNodes([]);
-  useCanvasStore.getState().setEdges([]);
-  useHistoryStore.getState().clear();
-  useHistoryStore.getState().pushSnapshot();
-  useValidationStore.getState().clear();
-}
-
-export function loadTemplate(manifest: TeamManifest, roleDefinitions: Map<string, RoleDefinition>) {
-  const comm = manifest.communication || {};
-  const channels = comm.channels || {};
-  const subscriptions = comm.subscriptions || {};
-  const emissions = comm.emissions || {};
-  const peerRoutes = comm.routing?.peers || [];
-  const rawSpawnRules = manifest.topology.spawn_rules || {};
-  const spawnRules: Record<string, string[]> = {};
-  for (const [role, entries] of Object.entries(rawSpawnRules)) {
-    spawnRules[role] = entries.map(e => typeof e === 'string' ? e : e.role);
-  }
-
-  // Build editor role configs
-  const roles = new Map<string, EditorRoleConfig>();
-  for (const roleName of manifest.roles) {
-    const roleDef = roleDefinitions.get(roleName);
-    const capabilities = Array.isArray(roleDef?.capabilities)
-      ? roleDef.capabilities as string[]
-      : [];
-
-    roles.set(roleName, {
-      name: roleName,
-      displayName: roleDef?.display_name || roleName,
-      description: roleDef?.description || '',
-      extends: roleDef?.extends,
-      capabilities,
-    });
-  }
-
-  // Extract model assignments from topology
-  const roleModels: Record<string, string> = {};
-  if (manifest.topology.root.config?.model) {
-    roleModels[manifest.topology.root.role] = manifest.topology.root.config.model;
-  }
-  for (const companion of manifest.topology.companions || []) {
-    if (companion.config?.model) {
-      roleModels[companion.role] = companion.config.model;
-    }
-  }
-
-  // Build team config
-  const extensions: Record<string, unknown> = {};
-  for (const [key, value] of Object.entries(manifest)) {
-    if (!['name', 'description', 'version', 'roles', 'topology', 'communication'].includes(key)) {
-      extensions[key] = value;
-    }
-  }
-
-  const team: EditorTeamConfig = {
-    name: manifest.name,
-    description: manifest.description || '',
-    version: 1,
-    enforcement: comm.enforcement || 'permissive',
-    extensions,
-  };
-
-  const topologyRoot = manifest.topology.root.role;
-  const topologyCompanions = (manifest.topology.companions || []).map(c => c.role);
-
-  // Load into stores
-  useConfigStore.getState().loadFromManifest(
-    team, roles, channels, subscriptions, emissions, peerRoutes, spawnRules, roleModels, topologyRoot, topologyCompanions,
-  );
-
-  // Build canvas from config
-  const canvasState = configToCanvas(manifest, roleDefinitions);
-  useCanvasStore.getState().setNodes(canvasState.nodes);
-  useCanvasStore.getState().setEdges(canvasState.edges);
-
-  // Reset history
-  useHistoryStore.getState().clear();
-  useHistoryStore.getState().pushSnapshot();
-
-  // Clear validation
-  useValidationStore.getState().clear();
-}

package/references/openteams/editor/src/lib/rebuild-edges.ts

@@ -1,104 +0,0 @@
-import { useCanvasStore } from '../stores/canvas-store';
-import { useConfigStore } from '../stores/config-store';
-import type {
-  EditorEdge,
-  SignalFlowEdgeData,
-  SpawnEdgeData,
-  ChannelNodeData,
-} from '../types/editor';
-
-/**
- * Rebuild all derived edges (signal flow + spawn) from the config store.
- * Peer route edges are not rebuilt here — they are managed directly.
- * Also updates channel node emitter/subscriber counts.
- */
-export function rebuildDerivedEdges() {
-  const canvas = useCanvasStore.getState();
-  const config = useConfigStore.getState();
-
-  // Keep peer-route edges as-is
-  const peerEdges = canvas.edges.filter(e => e.data?.kind === 'peer-route');
-
-  const newEdges: EditorEdge[] = [...peerEdges];
-
-  // Rebuild signal flow edges (emissions)
-  for (const [role, roleSignals] of Object.entries(config.emissions)) {
-    const channelSignals = new Map<string, string[]>();
-    for (const sig of roleSignals) {
-      for (const [chName, chDef] of Object.entries(config.channels)) {
-        if (chDef.signals.includes(sig)) {
-          const existing = channelSignals.get(chName) || [];
-          existing.push(sig);
-          channelSignals.set(chName, existing);
-        }
-      }
-    }
-
-    for (const [ch, sigs] of channelSignals) {
-      const edgeData: SignalFlowEdgeData = {
-        kind: 'signal-flow',
-        direction: 'emission',
-        channel: ch,
-        signals: sigs,
-      };
-      newEdges.push({
-        id: `emit-${role}-${ch}`,
-        source: `role-${role}`,
-        target: `channel-${ch}`,
-        type: 'signal-flow',
-        data: edgeData,
-      });
-    }
-  }
-
-  // Rebuild signal flow edges (subscriptions)
-  for (const [role, roleSubs] of Object.entries(config.subscriptions)) {
-    for (const sub of roleSubs) {
-      const edgeData: SignalFlowEdgeData = {
-        kind: 'signal-flow',
-        direction: 'subscription',
-        channel: sub.channel,
-        signals: sub.signals || [],
-      };
-      newEdges.push({
-        id: `sub-${sub.channel}-${role}`,
-        source: `channel-${sub.channel}`,
-        target: `role-${role}`,
-        type: 'signal-flow',
-        data: edgeData,
-      });
-    }
-  }
-
-  // Rebuild spawn edges
-  for (const [fromRole, targets] of Object.entries(config.spawnRules)) {
-    for (const toRole of targets) {
-      const edgeData: SpawnEdgeData = { kind: 'spawn' };
-      newEdges.push({
-        id: `spawn-${fromRole}-${toRole}`,
-        source: `role-${fromRole}`,
-        target: `role-${toRole}`,
-        type: 'spawn',
-        data: edgeData,
-      });
-    }
-  }
-
-  canvas.setEdges(newEdges);
-
-  // Update channel node counts
-  for (const [chName, chDef] of Object.entries(config.channels)) {
-    const emitterRoles = new Set<string>();
-    for (const [role, sigs] of Object.entries(config.emissions)) {
-      if (sigs.some(s => chDef.signals.includes(s))) emitterRoles.add(role);
-    }
-    const subscriberRoles = new Set<string>();
-    for (const [role, subs] of Object.entries(config.subscriptions)) {
-      if (subs.some(s => s.channel === chName)) subscriberRoles.add(role);
-    }
-    canvas.updateNodeData(`channel-${chName}`, {
-      emitterCount: emitterRoles.size,
-      subscriberCount: subscriberRoles.size,
-    } as Partial<ChannelNodeData>);
-  }
-}