diff --git a/space_flow/public/index.html b/space_flow/public/index.html index 52741e97f..e9ecbe8ec 100644 --- a/space_flow/public/index.html +++ b/space_flow/public/index.html @@ -6,7 +6,7 @@ Document - +
diff --git a/space_flow/src/App.tsx b/space_flow/src/App.tsx index 8787b2513..c878aead7 100644 --- a/space_flow/src/App.tsx +++ b/space_flow/src/App.tsx @@ -10,7 +10,8 @@ import { alertContext } from "./contexts/alertContext"; import { locationContext } from "./contexts/locationContext"; import Sidebar from "./components/SidebarComponent"; import Header from "./components/HeaderComponent"; -import { TabsManager } from "./pages/FlowPage/flowManager"; +import TabsManagerComponent from "./pages/FlowPage/components/tabsManagerComponent"; +import { darkContext } from "./contexts/darkContext"; export default function App() { var _ = require("lodash"); @@ -24,6 +25,8 @@ export default function App() { setIsStackedOpen(true); }, [location.pathname, setCurrent, setIsStackedOpen, setShowSideBar]); + const {dark} = useContext(darkContext); + const { errorData, errorOpen, @@ -102,10 +105,10 @@ export default function App() { {/* Main area */} -
+
{/* Primary column */}
- +
diff --git a/space_flow/src/CustomNodes/BooleanNode/index.tsx b/space_flow/src/CustomNodes/BooleanNode/index.tsx index 733d657f6..707680964 100644 --- a/space_flow/src/CustomNodes/BooleanNode/index.tsx +++ b/space_flow/src/CustomNodes/BooleanNode/index.tsx @@ -10,8 +10,8 @@ export default function BooleanNode({ data }) { const [enabled, setEnabled] = useState(false); const {types, deleteNode} = useContext(typesContext); return ( -
-
+
+
isValidConnection(data,connection)} - className="-mr-1 bg-transparent border-solid border-l-8 border-y-transparent border-y-8 border-r-0 rounded-none" - style={{ borderLeftColor: nodeColors[types[data.type]] }} + className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800"} + style={{ + borderColor: nodeColors[types[data.type]], + }} >
); diff --git a/space_flow/src/CustomNodes/ChatInputNode/index.tsx b/space_flow/src/CustomNodes/ChatInputNode/index.tsx index db0852907..66cd8e51a 100644 --- a/space_flow/src/CustomNodes/ChatInputNode/index.tsx +++ b/space_flow/src/CustomNodes/ChatInputNode/index.tsx @@ -13,7 +13,7 @@ export default function ChatInputNode({ data }) { const { types } = useContext(typesContext); return (
@@ -24,7 +24,7 @@ export default function ChatInputNode({ data }) { } position={Position.Left} id={"str|Prefix|" + data.id} - className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white"} + className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800"} style={{ borderColor: nodeColors[types[data.type]], }} @@ -38,7 +38,7 @@ export default function ChatInputNode({ data }) { } position={Position.Right} id={"str|str|" + data.id} - className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white"} + className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800"} style={{ borderColor: nodeColors[types[data.type]], }} diff --git a/space_flow/src/CustomNodes/ChatOutputNode/index.tsx b/space_flow/src/CustomNodes/ChatOutputNode/index.tsx index b5445860d..48836d760 100644 --- a/space_flow/src/CustomNodes/ChatOutputNode/index.tsx +++ b/space_flow/src/CustomNodes/ChatOutputNode/index.tsx @@ -9,14 +9,14 @@ import { typesContext } from "../../contexts/typesContext"; export default function ChatOutputNode({ data }) { const {types} = useContext(typesContext); return ( -
+
isValidConnection(data,connection)} position={Position.Left} id={"str|output|"+data.id} - className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white" + className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800" } style={{ borderColor: nodeColors[types[data.type]], diff --git a/space_flow/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/space_flow/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx index 6faf594f8..4864d0aa4 100644 --- a/space_flow/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx +++ b/space_flow/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx @@ -43,7 +43,7 @@ export default function ParameterComponent({ let disabled = reactFlowInstance?.getEdges().some((e) => (e.targetHandle === id)) ?? false; return ( -
+
<>
{title}{required ? " *" : ""}
@@ -56,7 +56,7 @@ export default function ParameterComponent({ } className={ (left ? "-ml-0.5 " : "-mr-0.5 ") + - "w-3 h-3 rounded-full border-2 bg-white" + "w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800" } style={{ borderColor: color, diff --git a/space_flow/src/CustomNodes/GenericNode/index.tsx b/space_flow/src/CustomNodes/GenericNode/index.tsx index c4490c0e2..dde32a486 100644 --- a/space_flow/src/CustomNodes/GenericNode/index.tsx +++ b/space_flow/src/CustomNodes/GenericNode/index.tsx @@ -16,8 +16,8 @@ export default function GenericNode({ data }) { return ( -
-
+
+
{data.type}
@@ -41,7 +41,7 @@ export default function GenericNode({ data }) { .map((t, idx) => (
{idx === 0 ? ( -
Inputs:
+
Inputs:
) : ( <> )} @@ -73,7 +73,7 @@ export default function GenericNode({ data }) { )}
))} -
Output:
+
Output:
+
isValidConnection(data, connection) } - className="ml-1 bg-transparent border-solid border-l-8 border-y-transparent border-y-8 border-r-0 rounded-none" - style={{ borderLeftColor: nodeColors[types[data.type]] }} + className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800"} + style={{ + borderColor: nodeColors[types[data.type]], + }} > -
+
isValidConnection(data, connection)} - className="-mr-1 bg-transparent border-solid border-l-8 border-y-transparent border-y-8 border-r-0 rounded-none" - style={{ borderLeftColor: nodeColors[types[data.type]] }} + className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-gray-800"} + style={{ + borderColor: nodeColors[types[data.type]], + }} >
); diff --git a/space_flow/src/alerts/alertDropDown/index.tsx b/space_flow/src/alerts/alertDropDown/index.tsx index 87ecb5478..e8cb279e2 100644 --- a/space_flow/src/alerts/alertDropDown/index.tsx +++ b/space_flow/src/alerts/alertDropDown/index.tsx @@ -67,7 +67,7 @@ export default function AlertDropdown({closeFunction, open}: AlertDropdownProps) )) : -
+
No new notifications
} diff --git a/space_flow/src/components/ExtraSidebarComponent/index.tsx b/space_flow/src/components/ExtraSidebarComponent/index.tsx index 8f2220cd0..ff15e8973 100644 --- a/space_flow/src/components/ExtraSidebarComponent/index.tsx +++ b/space_flow/src/components/ExtraSidebarComponent/index.tsx @@ -20,11 +20,11 @@ export default function ExtraSidebar() {