@mrpatronz/nexusflow 0.2.18 → 1.3.0

package/gui/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

package/gui/src/assets/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="77" height="47" fill="none" aria-labelledby="vite-logo-title" viewBox="0 0 77 47"><title id="vite-logo-title">Vite</title><style>.parenthesis{fill:#000}@media (prefers-color-scheme:dark){.parenthesis{fill:#fff}}</style><path fill="#9135ff" d="M40.151 45.71c-.663.844-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.493c-.92 0-1.457-1.04-.92-1.788l7.479-10.471c1.07-1.498 0-3.578-1.842-3.578H15.443c-.92 0-1.456-1.04-.92-1.788l9.696-13.576c.213-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.472c-1.07 1.497 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.087.89 1.83L40.153 45.712z"/><mask id="a" width="48" height="47" x="14" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M40.047 45.71c-.663.843-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.389c-.92 0-1.457-1.04-.92-1.788l7.479-10.472c1.07-1.497 0-3.578-1.842-3.578H15.34c-.92 0-1.456-1.04-.92-1.788l9.696-13.575c.213-.297.556-.474.92-.474H53.93c.92 0 1.456 1.04.92 1.788L47.37 13.03c-1.07 1.498 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.088.89 1.831L40.049 45.712z"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#eee6ff" rx="5.508" ry="14.704" transform="rotate(269.814 20.96 11.29)scale(-1 1)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#eee6ff" rx="10.399" ry="29.851" transform="rotate(89.814 -16.902 -8.275)scale(1 -1)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#8900ff" rx="5.508" ry="30.487" transform="rotate(89.814 -19.197 -7.127)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.928 4.177)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.738 5.52)scale(1 -1)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#eee6ff" rx="14.072" ry="22.078" transform="rotate(93.35 31.245 55.578)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx="14.592" cy="9.743" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(39.51 14.592 9.743)"/></g><g filter="url(#k)"><ellipse cx="61.728" cy="-5.321" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 61.728 -5.32)"/></g><g filter="url(#l)"><ellipse cx="55.618" cy="7.104" fill="#00c2ff" rx="5.971" ry="9.665" transform="rotate(37.892 55.618 7.104)"/></g><g filter="url(#m)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#n)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#o)"><ellipse cx="49.857" cy="30.678" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 49.857 30.678)"/></g><g filter="url(#p)"><ellipse cx="52.623" cy="33.171" fill="#00c2ff" rx="5.971" ry="15.297" transform="rotate(37.892 52.623 33.17)"/></g></g><path d="M6.919 0c-9.198 13.166-9.252 33.575 0 46.789h6.215c-9.25-13.214-9.196-33.623 0-46.789zm62.424 0h-6.215c9.198 13.166 9.252 33.575 0 46.789h6.215c9.25-13.214 9.196-33.623 0-46.789" class="parenthesis"/><defs><filter id="b" width="60.045" height="41.654" x="-5.564" y="16.92" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-40.407" y="-6.762" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-35.435" y="2.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-30.84" y="20.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-29.307" y="21.949" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="29.961" y="-17.13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-13.43" y="-22.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="34.321" y="-37.644" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="38.847" y="-10.552" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="22.45" y="-1.645" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="32.919" y="11.36" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter></defs></svg>

package/gui/src/features/changes/ChangesViewer.tsx

@@ -1,388 +0,0 @@
-import React, { useState } from 'react';
-import { FolderGit2, RefreshCw, Check, Save, ChevronDown, ChevronRight, Copy } from 'lucide-react';
-import type { Feature } from '../../types.js';
-
-interface ChangesViewerProps {
-  ws: Feature;
-  gitChanges: any[];
-  gitChangesLoading: boolean;
-  syncLoading: boolean;
-  syncResults: any[] | null;
-  commitMessage: string;
-  showCommitModal: boolean;
-  commitLoading: boolean;
-  commitResults: any[] | null;
-  setSyncResults: (val: any[] | null) => void;
-  setCommitResults: (val: any[] | null) => void;
-  setCommitMessage: (val: string) => void;
-  setShowCommitModal: (val: boolean) => void;
-  fetchGitChanges: (wsId: string) => Promise<void>;
-  handleSyncAll: (wsId: string) => Promise<void>;
-  handleCommitAll: (wsId: string) => Promise<void>;
-}
-
-const API_BASE = import.meta.env.DEV ? 'http://localhost:3000' : '';
-
-export const ChangesViewer: React.FC<ChangesViewerProps> = ({
-  ws,
-  gitChanges,
-  gitChangesLoading,
-  syncLoading,
-  syncResults,
-  commitMessage,
-  showCommitModal,
-  commitLoading,
-  commitResults,
-  setSyncResults,
-  setCommitResults,
-  setCommitMessage,
-  setShowCommitModal,
-  fetchGitChanges,
-  handleSyncAll,
-  handleCommitAll,
-}) => {
-  const [expandedFiles, setExpandedFiles] = useState<Record<string, boolean>>({});
-  const [diffCache, setDiffCache] = useState<Record<string, string>>({});
-  const [diffLoading, setDiffLoading] = useState<Record<string, boolean>>({});
-  const [diffErrors, setDiffErrors] = useState<Record<string, string>>({});
-  const [copiedKey, setCopiedKey] = useState<string>('');
-
-  const toggleFileExpansion = async (repoName: string, fileName: string) => {
-    const cacheKey = `${repoName}/${fileName}`;
-    const newExpanded = !expandedFiles[cacheKey];
-    setExpandedFiles((prev) => ({ ...prev, [cacheKey]: newExpanded }));
-
-    if (newExpanded && !diffCache[cacheKey]) {
-      setDiffLoading((prev) => ({ ...prev, [cacheKey]: true }));
-      setDiffErrors((prev) => ({ ...prev, [cacheKey]: '' }));
-      try {
-        const encodedId = encodeURIComponent(ws.branchName);
-        const encodedRepo = encodeURIComponent(repoName);
-        const encodedFile = encodeURIComponent(fileName);
-        const res = await fetch(
-          `${API_BASE}/api/workspace/${encodedId}/changes/diff?repo=${encodedRepo}&file=${encodedFile}`
-        );
-        if (!res.ok) {
-          throw new Error(`Failed to load diff: ${res.statusText}`);
-        }
-        const data = await res.json();
-        setDiffCache((prev) => ({ ...prev, [cacheKey]: data.diff || '' }));
-      } catch (err: any) {
-        setDiffErrors((prev) => ({ ...prev, [cacheKey]: err.message || 'Unknown error' }));
-      } finally {
-        setDiffLoading((prev) => ({ ...prev, [cacheKey]: false }));
-      }
-    }
-  };
-
-  const renderDiffContent = (diffText: string) => {
-    if (!diffText || !diffText.trim()) {
-      return <div className="text-slate-500 italic p-3 font-mono text-[11px]">No diff details available.</div>;
-    }
-    const lines = diffText.split('\n');
-    return (
-      <pre className="font-mono text-[11px] leading-relaxed overflow-x-auto p-4 rounded-xl bg-slate-950/70 border border-slate-900/80 text-slate-350 max-h-[450px] overflow-y-auto custom-scrollbar select-text">
-        {lines.map((line, idx) => {
-          let lineClass: string;
-          if (line.startsWith('+') && !line.startsWith('+++')) {
-            lineClass = 'text-emerald-400 bg-emerald-500/5 px-1 rounded-sm block w-full';
-          } else if (line.startsWith('-') && !line.startsWith('---')) {
-            lineClass = 'text-rose-400 bg-rose-500/5 px-1 rounded-sm block w-full';
-          } else if (line.startsWith('@@')) {
-            lineClass = 'text-indigo-400/85 font-semibold italic bg-indigo-500/5 px-1 block w-full';
-          } else if (
-            line.startsWith('diff') ||
-            line.startsWith('index') ||
-            line.startsWith('---') ||
-            line.startsWith('+++')
-          ) {
-            lineClass = 'text-slate-500 font-bold block w-full';
-          } else {
-            lineClass = 'text-slate-350 px-1 block w-full';
-          }
-          return (
-            <code key={idx} className={lineClass}>
-              {line}
-            </code>
-          );
-        })}
-      </pre>
-    );
-  };
-
-  return (
-    <div className="animate-fade-in">
-      <header className="flex justify-between items-center mb-6 flex-wrap gap-3">
-        <h4 className="text-sm font-bold text-white flex items-center gap-2">
-          <FolderGit2 size={16} className="text-indigo-400" /> Active Workspace Git Diffs
-        </h4>
-        <div className="flex gap-2">
-          <button
-            className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-slate-900 border border-slate-800/80 hover:bg-slate-850 hover:border-slate-700 rounded-xl text-[10px] font-bold transition-all cursor-pointer text-slate-300 hover:text-white"
-            onClick={() => fetchGitChanges(ws.branchName)}
-            disabled={gitChangesLoading}
-          >
-            <RefreshCw size={11} className={gitChangesLoading ? 'animate-spin text-indigo-400' : ''} /> Refresh Changes
-          </button>
-          <button
-            className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-slate-900 border border-slate-800/80 hover:bg-slate-850 hover:border-indigo-500/30 hover:text-indigo-400 rounded-xl text-[10px] font-bold transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed"
-            onClick={() => handleSyncAll(ws.branchName)}
-            disabled={syncLoading}
-          >
-            {syncLoading ? <RefreshCw size={11} className="animate-spin text-indigo-300" /> : <RefreshCw size={11} />} Sync All
-          </button>
-          <button
-            className="inline-flex items-center justify-center gap-1.5 px-4 py-2 bg-emerald-600 hover:bg-emerald-500 text-white rounded-xl text-[10px] font-bold transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed shadow-md shadow-emerald-500/10"
-            onClick={() => setShowCommitModal(true)}
-            disabled={gitChanges.every((repo) => repo.files.length === 0) || commitLoading}
-          >
-            Commit & Push All
-          </button>
-        </div>
-      </header>
-
-      {/* Sync Results Banner */}
-      {syncResults && (
-        <div className="bg-indigo-500/5 border border-indigo-500/20 text-indigo-300 rounded-2xl p-5 mb-5 shadow-lg relative overflow-hidden before:absolute before:inset-y-0 before:left-0 before:w-[3px] before:bg-indigo-500">
-          <div className="flex justify-between items-center mb-3 border-b border-indigo-500/10 pb-2">
-            <h5 className="font-bold text-white font-mono text-xs">Rebase / Sync Action Logs</h5>
-            <button
-              className="text-indigo-400 hover:text-indigo-300 text-[10px] font-bold cursor-pointer"
-              onClick={() => setSyncResults(null)}
-            >
-              Dismiss
-            </button>
-          </div>
-          <div className="space-y-2">
-            {syncResults.map((r: any) => (
-              <div
-                key={r.repoName}
-                className="flex justify-between items-center font-mono text-[10px] bg-slate-950/30 p-2 rounded-lg border border-slate-900/60"
-              >
-                <span className="text-slate-300 font-semibold">{r.repoName}</span>
-                <span className={r.success ? 'text-emerald-400 font-bold' : 'text-rose-400 font-bold'}>
-                  {r.success ? `✓ Synced (${r.message})` : `✗ Conflict: ${r.message}`}
-                </span>
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Commit Results Banner */}
-      {commitResults && (
-        <div className="bg-emerald-500/5 border border-emerald-500/20 text-emerald-300 rounded-2xl p-5 mb-5 shadow-lg relative overflow-hidden before:absolute before:inset-y-0 before:left-0 before:w-[3px] before:bg-emerald-500">
-          <div className="flex justify-between items-center mb-3 border-b border-emerald-500/10 pb-2">
-            <h5 className="font-bold text-white font-mono text-xs">Commit & Push Results</h5>
-            <button
-              className="text-emerald-400 hover:text-emerald-300 text-[10px] font-bold cursor-pointer"
-              onClick={() => setCommitResults(null)}
-            >
-              Dismiss
-            </button>
-          </div>
-          <div className="space-y-2">
-            {commitResults.map((r: any) => (
-              <div
-                key={r.repoName}
-                className="flex justify-between items-center font-mono text-[10px] bg-slate-950/30 p-2 rounded-lg border border-slate-900/60"
-              >
-                <span className="text-slate-300 font-semibold">{r.repoName}</span>
-                <span className={r.success ? 'text-emerald-400 font-bold' : 'text-rose-400 font-bold'}>
-                  {r.success
-                    ? `✓ Committed ${r.filesChanged} file(s) (${r.commitHash ? r.commitHash.slice(0, 7) : 'no hash'})`
-                    : `✗ Error: ${r.message}`}
-                </span>
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* Interactive Commit Panel */}
-      {showCommitModal && (
-        <div className="bg-slate-950/50 border border-slate-850 rounded-2xl p-6 mb-6 shadow-xl relative overflow-hidden before:absolute before:inset-0 before:bg-gradient-to-b before:from-indigo-500/5 before:to-transparent before:pointer-events-none animate-slide-in">
-          <h5 className="text-xs font-bold text-white mb-3 flex items-center gap-1.5">
-            <Save size={13} className="text-indigo-400" /> Enter Commit Message
-          </h5>
-          <input
-            type="text"
-            className="w-full bg-slate-950/60 border border-slate-800 focus:border-indigo-500/80 focus:ring-1 focus:ring-indigo-500/35 rounded-xl px-4 py-3 text-xs font-mono text-white placeholder-slate-600 transition-all outline-none shadow-inner mb-4"
-            placeholder="feat: implement multi-repo logic..."
-            value={commitMessage}
-            onChange={(e) => setCommitMessage(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === 'Enter' && commitMessage.trim()) handleCommitAll(ws.branchName);
-            }}
-          />
-          <div className="flex justify-end gap-2.5">
-            <button
-              className="px-4 py-2.5 bg-slate-900 border border-slate-800/80 hover:bg-slate-800 rounded-xl text-[10px] font-bold transition-all cursor-pointer text-slate-400 hover:text-white"
-              onClick={() => {
-                setShowCommitModal(false);
-                setCommitMessage('');
-              }}
-              disabled={commitLoading}
-            >
-              Cancel
-            </button>
-            <button
-              className="px-4 py-2.5 bg-emerald-650 hover:bg-emerald-600 rounded-xl text-[10px] font-bold text-white transition-all cursor-pointer shadow-md shadow-emerald-500/10 disabled:opacity-40 disabled:cursor-not-allowed"
-              onClick={() => handleCommitAll(ws.branchName)}
-              disabled={commitLoading || !commitMessage.trim()}
-            >
-              {commitLoading ? 'Committing...' : 'Commit & Push All'}
-            </button>
-          </div>
-        </div>
-      )}
-
-      {gitChangesLoading ? (
-        <div className="flex justify-center py-20 animate-pulse">
-          <RefreshCw className="animate-spin text-indigo-400" size={24} />
-        </div>
-      ) : (
-        <div className="space-y-6">
-          {gitChanges.every((repo) => repo.files.length === 0) ? (
-            <div className="flex flex-col items-center justify-center py-16 bg-slate-950/20 border border-slate-850 rounded-2xl text-center">
-              <div className="w-10 h-10 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-emerald-400 mb-3 shadow-md">
-                <Check size={20} />
-              </div>
-              <h5 className="text-sm font-bold text-white">No Uncommitted Changes</h5>
-              <p className="text-xs text-slate-500 mt-1">
-                Workspace repositories are completely in sync with Git feature branches.
-              </p>
-            </div>
-          ) : (
-            gitChanges.map((repo) => {
-              if (repo.files.length === 0) return null;
-              const totalFilesChanged = repo.files.length;
-              const repoAdditions = repo.files.reduce((acc: number, f: any) => acc + (f.additions || 0), 0);
-              const repoDeletions = repo.files.reduce((acc: number, f: any) => acc + (f.deletions || 0), 0);
-
-              return (
-                <div
-                  key={repo.repoName}
-                  className="glass-card p-6 rounded-2xl border border-slate-800/40 relative overflow-hidden transition-all duration-300 before:absolute before:inset-x-0 before:top-0 before:h-[1px] before:bg-gradient-to-r before:from-indigo-500/10 via-purple-500/10 to-transparent"
-                >
-                  <div className="flex justify-between items-center mb-4 flex-wrap gap-2">
-                    <div className="flex items-center gap-2.5">
-                      <h5 className="text-sm font-bold text-white font-mono">{repo.repoName}</h5>
-                      <span className="text-[9px] px-2 py-0.5 rounded bg-slate-900 border border-slate-850 text-slate-400 font-mono font-bold uppercase tracking-wide">
-                        {totalFilesChanged} file{totalFilesChanged === 1 ? '' : 's'} changed
-                      </span>
-                      {(repoAdditions > 0 || repoDeletions > 0) && (
-                        <span className="text-[10px] font-mono font-bold bg-slate-950/40 border border-slate-900/60 px-2 py-0.5 rounded">
-                          <span className="text-emerald-400 font-bold">+{repoAdditions}</span>{' '}
-                          <span className="text-rose-400 font-bold">-{repoDeletions}</span>
-                        </span>
-                      )}
-                    </div>
-                    <span
-                      className="text-[10px] text-slate-500 font-mono truncate max-w-[280px]"
-                      title={repo.repoPath}
-                    >
-                      {repo.repoPath}
-                    </span>
-                  </div>
-
-                  <div className="flex flex-col gap-3">
-                    {repo.files.map((fileInfo: any) => {
-                      const cacheKey = `${repo.repoName}/${fileInfo.file}`;
-                      const isExpanded = !!expandedFiles[cacheKey];
-                      const isLoading = !!diffLoading[cacheKey];
-                      const fileDiff = diffCache[cacheKey] || '';
-                      const error = diffErrors[cacheKey] || '';
-
-                      return (
-                        <div
-                          key={fileInfo.file}
-                          className="border border-slate-900 rounded-xl overflow-hidden bg-slate-950/20 hover:border-slate-800/80 transition-all duration-200"
-                        >
-                          {/* File Header Row */}
-                          <div
-                            className="flex justify-between items-center px-4 py-3 cursor-pointer select-none hover:bg-slate-900/40 transition-colors"
-                            onClick={() => toggleFileExpansion(repo.repoName, fileInfo.file)}
-                          >
-                            <div className="flex items-center gap-2.5 min-w-0">
-                              {isExpanded ? (
-                                <ChevronDown size={14} className="text-indigo-400 shrink-0" />
-                              ) : (
-                                <ChevronRight size={14} className="text-slate-500 shrink-0" />
-                              )}
-                              <span
-                                className="font-mono text-slate-300 hover:text-white text-[11px] truncate max-w-[240px] sm:max-w-[480px]"
-                                title={fileInfo.file}
-                              >
-                                {fileInfo.file}
-                              </span>
-                              {(fileInfo.additions > 0 || fileInfo.deletions > 0) && (
-                                <span className="text-[9px] font-mono font-bold text-slate-500 shrink-0 ml-1">
-                                  <span className="text-emerald-500">+{fileInfo.additions}</span> /{' '}
-                                  <span className="text-rose-500">-{fileInfo.deletions}</span>
-                                </span>
-                              )}
-                            </div>
-                            <div className="flex items-center gap-2.5 shrink-0">
-                              <span
-                                className={`text-[8px] px-2 py-0.5 rounded font-bold uppercase tracking-wider ${
-                                  fileInfo.type === 'added'
-                                    ? 'bg-emerald-500/10 text-emerald-400 border border-emerald-500/20'
-                                    : fileInfo.type === 'deleted'
-                                    ? 'bg-rose-500/10 text-rose-400 border border-rose-500/20'
-                                    : 'bg-amber-500/10 text-amber-400 border border-amber-500/20'
-                                }`}
-                              >
-                                {fileInfo.type}
-                              </span>
-                            </div>
-                          </div>
-
-                          {/* Diff Details Section */}
-                          {isExpanded && (
-                            <div className="border-t border-slate-900/60 p-3 bg-slate-950/40">
-                              {isLoading ? (
-                                <div className="flex items-center gap-2 text-[10px] text-indigo-400 p-2 font-mono">
-                                  <RefreshCw size={12} className="animate-spin" /> Loading diff...
-                                </div>
-                              ) : error ? (
-                                <div className="text-rose-400 text-[10px] p-2 font-mono">Error: {error}</div>
-                              ) : (
-                                <div className="relative">
-                                  {/* Copy Button */}
-                                  <div className="absolute top-2 right-2 z-10">
-                                    <button
-                                      onClick={(e) => {
-                                        e.stopPropagation();
-                                        navigator.clipboard.writeText(fileDiff);
-                                        setCopiedKey(cacheKey);
-                                        setTimeout(() => setCopiedKey(''), 2000);
-                                      }}
-                                      className="p-1.5 bg-slate-900 border border-slate-800 hover:bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors cursor-pointer shadow-md"
-                                      title="Copy Diff"
-                                    >
-                                      {copiedKey === cacheKey ? (
-                                        <Check size={12} className="text-emerald-400" />
-                                      ) : (
-                                        <Copy size={12} />
-                                      )}
-                                    </button>
-                                  </div>
-                                  {renderDiffContent(fileDiff)}
-                                </div>
-                              )}
-                            </div>
-                          )}
-                        </div>
-                      );
-                    })}
-                  </div>
-                </div>
-              );
-            })
-          )}
-        </div>
-      )}
-    </div>
-  );
-};

package/gui/src/features/knowledge/KnowledgeBase.tsx

@@ -1,84 +0,0 @@
-import React from 'react';
-import { BookOpen, RefreshCw, Save, Edit } from 'lucide-react';
-import type { Feature } from '../../types.js';
-
-interface KnowledgeBaseProps {
-  ws: Feature;
-  knowledgeContent: string;
-  knowledgeLoading: boolean;
-  isEditingKnowledge: boolean;
-  editedKnowledge: string;
-  saveKnowledgeLoading: boolean;
-  setEditedKnowledge: (val: string) => void;
-  setIsEditingKnowledge: (val: boolean) => void;
-  handleSaveKnowledge: (wsId: string) => Promise<void>;
-}
-
-export const KnowledgeBase: React.FC<KnowledgeBaseProps> = ({
-  ws,
-  knowledgeContent,
-  knowledgeLoading,
-  isEditingKnowledge,
-  editedKnowledge,
-  saveKnowledgeLoading,
-  setEditedKnowledge,
-  setIsEditingKnowledge,
-  handleSaveKnowledge,
-}) => {
-  return (
-    <div className="bg-[#090d1a]/20 border border-gray-800/60 rounded-xl p-4">
-      <header className="flex justify-between items-center mb-4">
-        <h4 className="text-sm font-bold text-white flex items-center gap-2">
-          <BookOpen size={16} className="text-cyan-400" /> Persistent Knowledge Memory (nexusflow-knowledge.md)
-        </h4>
-        <div className="flex gap-2">
-          {isEditingKnowledge ? (
-            <>
-              <button
-                className="px-2.5 py-1.5 bg-gray-900 border border-gray-800 hover:bg-gray-850 rounded-lg text-[10px] font-semibold transition-all cursor-pointer text-gray-400"
-                onClick={() => {
-                  setEditedKnowledge(knowledgeContent);
-                  setIsEditingKnowledge(false);
-                }}
-                disabled={saveKnowledgeLoading}
-              >
-                Cancel
-              </button>
-              <button
-                className="inline-flex items-center gap-1.5 px-2.5 py-1.5 bg-indigo-650 hover:bg-indigo-600 text-white rounded-lg text-[10px] font-semibold transition-all cursor-pointer"
-                onClick={() => handleSaveKnowledge(ws.branchName)}
-                disabled={saveKnowledgeLoading}
-              >
-                {saveKnowledgeLoading ? <RefreshCw className="animate-spin" size={10} /> : <Save size={10} />} Save
-              </button>
-            </>
-          ) : (
-            <button
-              className="inline-flex items-center gap-1.5 px-2.5 py-1.5 bg-gray-900 border border-gray-800 hover:bg-gray-800 hover:border-gray-700 rounded-lg text-[10px] font-semibold transition-all cursor-pointer text-gray-350"
-              onClick={() => setIsEditingKnowledge(true)}
-              disabled={knowledgeLoading}
-            >
-              <Edit size={10} /> Edit Knowledge
-            </button>
-          )}
-        </div>
-      </header>
-
-      {knowledgeLoading ? (
-        <div className="flex justify-center py-10">
-          <RefreshCw className="animate-spin text-indigo-400" size={20} />
-        </div>
-      ) : isEditingKnowledge ? (
-        <textarea
-          className="w-full h-96 bg-gray-950/60 border border-gray-800/80 rounded-xl p-4 text-xs font-mono text-gray-305 focus:outline-none focus:border-indigo-500/80 resize-y"
-          value={editedKnowledge}
-          onChange={(e) => setEditedKnowledge(e.target.value)}
-        />
-      ) : (
-        <div className="bg-gray-950/40 border border-gray-800/30 rounded-xl p-4 text-gray-350 text-xs leading-relaxed overflow-auto font-mono whitespace-pre-wrap max-h-96">
-          {knowledgeContent || "No knowledge file generated yet."}
-        </div>
-      )}
-    </div>
-  );
-};