@synergenius/flow-weaver-pack-weaver 0.9.59 → 0.9.77

package/src/ui/chat-bot-result.tsx

@@ -1,81 +0,0 @@
-/**
- * Chat Bot Result — compact inline card for the AI chat thread.
- *
- * Renders when `fw_weaver_bot` returns a result. Shows task instruction,
- * live status (polls fw_weaver_status), and an "Open" button to launch
- * the full workspace.
- */
-const React = require('react');
-const { useState, useEffect, useCallback } = React;
-const { Flex, Typography, StatusIcon, Button, toast } = require('@fw/plugin-ui-kit');
-
-interface ChatBotResultProps {
-  result: unknown;
-  toolName: string;
-  args: Record<string, unknown>;
-  callTool: (tool: string, args?: Record<string, unknown>) => Promise<unknown>;
-  openWorkspace: (data: Record<string, unknown>) => void;
-}
-
-function ChatBotResult({ result, args, callTool, openWorkspace }: ChatBotResultProps) {
-  const [status, setStatus] = useState<'running' | 'completed' | 'failed'>('running');
-  const [summary, setSummary] = useState<string | null>(null);
-
-  const parsed = typeof result === 'string' ? JSON.parse(result) : result;
-  const runId = parsed?.runId;
-  const instruction = parsed?.instruction || (args?.task as string) || 'Bot task';
-
-  // Poll status briefly
-  useEffect(() => {
-    if (!runId || status !== 'running') return;
-    const poll = async () => {
-      try {
-        const s = await callTool('fw_weaver_status') as Record<string, unknown>;
-        if (s?.currentRunId !== runId) {
-          // Run finished — check history
-          const history = await callTool('fw_weaver_history', { id: runId }) as unknown[];
-          if (Array.isArray(history) && history.length > 0) {
-            const run = history[0] as Record<string, unknown>;
-            setStatus(run.success ? 'completed' : 'failed');
-            setSummary(run.summary as string || null);
-          } else {
-            setStatus('completed');
-          }
-        }
-      } catch { /* non-fatal */ }
-    };
-    const interval = setInterval(poll, 3000);
-    poll();
-    return () => clearInterval(interval);
-  }, [runId, status, callTool]);
-
-  return React.createElement(Flex, {
-    variant: 'row-center-start-nowrap-10',
-    style: {
-      padding: '8px 12px',
-      borderRadius: 'var(--border-radius-regular)',
-      border: '1px solid var(--color-border-default)',
-      backgroundColor: 'var(--color-surface-low)',
-    },
-  },
-    React.createElement(StatusIcon, {
-      status: status === 'running' ? 'running' : status === 'completed' ? 'completed' : 'failed',
-      size: 'sm',
-    }),
-    React.createElement(Flex, { variant: 'column-start-start-nowrap-2', style: { flex: 1, minWidth: 0 } },
-      React.createElement(Typography, {
-        variant: 'caption-thick', color: 'color-text-high',
-        style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
-      }, instruction),
-      summary && React.createElement(Typography, {
-        variant: 'smallCaption-regular', color: 'color-text-medium',
-      }, summary),
-    ),
-    React.createElement(Button, {
-      size: 'xs', variant: 'clear', color: 'secondary',
-      onClick: () => openWorkspace({ runId, packId: '@synergenius/flow-weaver-pack-weaver', live: status === 'running' }),
-    }, 'Open'),
-  );
-}
-
-module.exports = ChatBotResult;

package/src/ui/queue-input.tsx

@@ -1,56 +0,0 @@
-/**
- * QueueInput — pinned input bar for adding tasks to the queue.
- * Rendered at the very bottom of the workspace, outside the scroll area.
- */
-const React = require('react');
-const { useState, useCallback } = React;
-const { Flex, IconButton, Input, toast } = require('@fw/plugin-ui-kit');
-
-interface QueueInputProps {
-  callTool: (tool: string, args?: Record<string, unknown>) => Promise<unknown>;
-  onTaskAdded?: () => void;
-}
-
-function QueueInput({ callTool, onTaskAdded }: QueueInputProps) {
-  const [newTask, setNewTask] = useState('');
-  const [adding, setAdding] = useState(false);
-
-  const handleAdd = useCallback(async () => {
-    const instruction = newTask.trim();
-    if (!instruction) return;
-    setAdding(true);
-    try {
-      await callTool('fw_weaver_queue', { action: 'add', task: instruction });
-      setNewTask('');
-      onTaskAdded?.();
-      toast('Task added to queue', { type: 'success' });
-    } catch (err: unknown) {
-      toast(err instanceof Error ? err.message : 'Failed to add task', { type: 'error' });
-    }
-    setAdding(false);
-  }, [callTool, newTask, onTaskAdded]);
-
-  return React.createElement(Flex, {
-    variant: 'row-center-start-nowrap-6',
-    style: {
-      flexShrink: 0, padding: '8px 16px',
-      borderTop: '1px solid var(--color-border-default)',
-      width: '100%', boxSizing: 'border-box',
-    },
-  },
-    React.createElement(Input, {
-      type: 'text', size: 'medium', placeholder: 'Add a task...',
-      value: newTask, onChange: setNewTask, onEnter: handleAdd, disabled: adding,
-      defaultBoxStyle: { flex: 1, minWidth: 0 },
-      inputBoxStyle: { maxWidth: 'none' },
-    }),
-    React.createElement(IconButton, {
-      icon: 'add', size: 'md', variant: 'fill', color: 'primary',
-      'aria-label': 'Add task', onClick: handleAdd, loading: adding,
-      disabled: adding || !newTask.trim(),
-    }),
-  );
-}
-
-export { QueueInput };
-export default QueueInput;

package/src/ui/session-bar.tsx

@@ -1,157 +0,0 @@
-/**
- * SessionBar — shows at top of workspace when an autonomous session is active.
- * Displays session stats and provides start/pause/stop controls.
- */
-const React = require('react');
-const { useState, useEffect, useCallback, useRef } = React;
-const { Flex, Typography, Icon, Button, Badge, toast, formatDuration, formatCost } = require('@fw/plugin-ui-kit');
-
-interface SessionState {
-  sessionId?: string;
-  status: string;
-  currentTask?: string | null;
-  completedTasks?: number;
-  totalCost?: number;
-  startedAt?: number;
-}
-
-interface SessionBarProps {
-  callTool: (tool: string, args?: Record<string, unknown>) => Promise<unknown>;
-  dispatchEvent: (name: string, detail?: unknown) => void;
-}
-
-function SessionBar({ callTool, dispatchEvent }: SessionBarProps) {
-  const [session, setSession] = useState<SessionState | null>(null);
-  const [elapsed, setElapsed] = useState(0);
-  const [starting, setStarting] = useState(false);
-  const [stopping, setStopping] = useState(false);
-  const [pausing, setPausing] = useState(false);
-
-  const prevActiveRef = useRef(false);
-
-  const pollStatus = useCallback(async () => {
-    try {
-      const result = (await callTool('fw_weaver_session', { action: 'status' })) as SessionState;
-      const isActive = result.status !== 'no active session' && result.status !== 'idle';
-      setSession(isActive ? result : null);
-
-      if (prevActiveRef.current && !isActive) {
-        dispatchEvent('fw:refresh-bot-workspace');
-      }
-      prevActiveRef.current = isActive;
-    } catch {
-      /* non-fatal */
-    }
-  }, [callTool, dispatchEvent]);
-
-  useEffect(() => {
-    pollStatus();
-    const interval = setInterval(pollStatus, 5_000);
-    return () => clearInterval(interval);
-  }, [pollStatus]);
-
-  useEffect(() => {
-    if (!session?.startedAt || session.status === 'idle') return;
-    const tick = () => setElapsed(Date.now() - (session.startedAt ?? Date.now()));
-    tick();
-    const interval = setInterval(tick, 1000);
-    return () => clearInterval(interval);
-  }, [session?.startedAt, session?.status]);
-
-  const [startError, setStartError] = useState<string | null>(null);
-
-  const handleStart = useCallback(async () => {
-    setStarting(true);
-    setStartError(null);
-    try {
-      const result = await callTool('fw_weaver_session', { action: 'start' });
-      const data = result as Record<string, unknown> | null;
-      if (data?.error) {
-        setStartError(data.error as string);
-        toast(data.error as string, { type: 'error' });
-        setStarting(false);
-        return;
-      }
-      toast('Session started', { type: 'success' });
-      dispatchEvent('fw:refresh-bot-workspace');
-      await pollStatus();
-    } catch (err: unknown) {
-      const msg = err instanceof Error ? err.message : 'Failed to start session';
-      setStartError(msg);
-      toast(msg, { type: 'error' });
-    }
-    setStarting(false);
-  }, [callTool, pollStatus, dispatchEvent]);
-
-  const handleStop = useCallback(async () => {
-    setStopping(true);
-    try {
-      await callTool('fw_weaver_session', { action: 'stop' });
-      toast('Session ended', { type: 'info' });
-      await pollStatus();
-    } catch (err: unknown) {
-      toast(err instanceof Error ? err.message : 'Failed to stop session', { type: 'error' });
-    }
-    setStopping(false);
-  }, [callTool, pollStatus]);
-
-  const handlePause = useCallback(async () => {
-    setPausing(true);
-    try {
-      await callTool('fw_weaver_steer', { command: 'pause' });
-      toast('Session paused', { type: 'info' });
-    } catch (err: unknown) {
-      toast(err instanceof Error ? err.message : 'Failed to pause session', { type: 'error' });
-    }
-    setPausing(false);
-  }, [callTool]);
-
-  const isActive = session && session.status !== 'idle' && session.status !== 'no active session';
-
-  if (!isActive) {
-    return React.createElement(Flex, {
-      variant: 'row-center-space-between-nowrap-10',
-      style: { flexShrink: 0, padding: '8px 16px', backgroundColor: 'transparent', borderBottom: '1px solid var(--color-border-default)' },
-    },
-      React.createElement(Icon, { name: 'smartToy', size: 14, color: 'color-text-subtle' }),
-      React.createElement(Flex, { variant: 'row-center-start-nowrap-12', style: { flex: 1, fontSize: '12px' } },
-        React.createElement(Typography, {
-          variant: 'caption-regular',
-          color: startError ? 'color-status-negative' : 'color-text-subtle',
-        }, startError ?? 'No active session'),
-      ),
-      React.createElement(Flex, { variant: 'row-center-start-nowrap-6', style: { flexShrink: 0 } },
-        React.createElement(Button, {
-          size: 'sm', variant: 'clear', onClick: handleStart, loading: starting, disabled: starting,
-        }, 'Start Session'),
-      ),
-    );
-  }
-
-  return React.createElement(Flex, {
-    variant: 'row-center-space-between-nowrap-10',
-    style: { flexShrink: 0, padding: '8px 16px', backgroundColor: 'var(--color-brand-main-alpha-10)', borderBottom: '1px solid var(--color-brand-main)' },
-  },
-    React.createElement(Badge, { variant: 'success' }, 'Session'),
-    React.createElement(Flex, {
-      variant: 'row-center-start-nowrap-12',
-      style: { flex: 1, fontSize: '12px', color: 'var(--color-text-medium)' },
-    },
-      session.completedTasks != null && React.createElement('span', null, `${session.completedTasks} tasks done`),
-      session.totalCost != null && session.totalCost > 0 && React.createElement('span', null, formatCost(session.totalCost)),
-      session.startedAt && React.createElement('span', null, `${formatDuration(elapsed)} elapsed`),
-      session.currentTask && React.createElement('span', { style: { opacity: 0.7 } }, `· ${session.currentTask}`),
-    ),
-    React.createElement(Flex, { variant: 'row-center-start-nowrap-6', style: { flexShrink: 0 } },
-      React.createElement(Button, {
-        size: 'sm', variant: 'clear', onClick: handlePause, loading: pausing, disabled: pausing || stopping,
-      }, 'Pause'),
-      React.createElement(Button, {
-        size: 'sm', variant: 'clear', color: 'danger', onClick: handleStop, loading: stopping, disabled: stopping || pausing,
-      }, 'End'),
-    ),
-  );
-}
-
-export { SessionBar };
-export default SessionBar;