fix: add use client directive to all components for static export

frontend/components/build/BuildCenter.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import { useEffect, useState } from "react";

frontend/components/chat/AIChatPanel.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useState, useEffect, useRef } from 'react';
 import { api } from '../../services/api';
 

frontend/components/chat/ProductionAIChat.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import { useState } from "react";

frontend/components/dashboards/AgentMonitor.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useState, useEffect } from 'react';
 import { api } from '../../services/api';
 

frontend/components/database/DatabaseWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 export default function DatabaseWorkspace(){

frontend/components/deployment/DeploymentWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useEffect,useState} from "react";

frontend/components/deployment/ProductionDeploymentPipeline.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 export default function ProductionDeploymentPipeline(){

frontend/components/device/DevicePreview.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import { useState } from "react";

frontend/components/editor/CodeEditor.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useEffect } from 'react';
 
 const getLanguageMode = (filename = '') => {

frontend/components/editor/ProductionCodeEditor.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useEffect } from 'react';
 
 const getLanguageMode = (filename = '') => {

frontend/components/explorer/FileExplorer.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useEffect, useState } from 'react';
 import { api } from '../../services/api';
 

frontend/components/explorer/ProductionFileExplorer.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useEffect, useState } from 'react';
 import { api } from '../../services/api';
 

frontend/components/extensions/ExtensionsWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import useExtensions from "../../hooks/useExtensions";

frontend/components/git/GitWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useEffect,useState} from "react";

frontend/components/layout/WorkspaceLayout.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import ActivityBar from "../sidebar/ActivityBar";

frontend/components/layout/WorkspaceShell.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import { useState } from "react";

frontend/components/lowcode/ProductionLowCode.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {

frontend/components/marketplace/MarketplaceWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import useMarketplace from "../../hooks/useMarketplace";

frontend/components/mcp/MCPWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import useMCP from "../../hooks/useMCP";

frontend/components/models/ProductionModelsWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import useModels from "../../hooks/useModels";

frontend/components/monitoring/MonitoringWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import useMonitoring from "../../hooks/useMonitoring";

frontend/components/settings/WorkspaceSettings.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/components/sidebar/ActivityBar.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 export default function ActivityBar() {

frontend/components/statusbar/StatusBar.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 export default function StatusBar() {

frontend/components/templates/TemplatesWorkspace.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import useTemplates from "../../hooks/useTemplates";

frontend/components/terminal/ProductionTerminal.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useState, useRef, useEffect } from 'react';
 
 export default function TerminalPanel() {

frontend/components/terminal/TerminalPanel.jsx

@@ -1,3 +1,4 @@
+'use client';
 import React, { useState, useRef, useEffect } from 'react';
 
 export default function TerminalPanel() {

frontend/components/visualbuilder/ProductionVisualBuilder.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useEffect,useRef} from "react";

frontend/context/AuthContext.jsx

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {createContext,useContext,useEffect,useState} from "react";

frontend/hooks/useAI.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import { useState } from "react";

frontend/hooks/useAgents.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useAuth.js

@@ -1,2 +1,3 @@
+'use client';
 import {useAuth} from "../context/AuthContext";
 export default useAuth;

frontend/hooks/useBackendHealth.js

@@ -1,3 +1,4 @@
+'use client';
 import {useEffect,useState} from "react";
 import api from "../services/api";
 

frontend/hooks/useDatabase.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useDeployment.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useDocker.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useExtensions.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useFiles.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useGitHub.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useKubernetes.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useLowCode.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useMCP.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useMarketplace.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useModels.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useMonitoring.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useEffect,useState} from "react";

frontend/hooks/useProjects.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useEffect,useState} from "react";

frontend/hooks/useSocket.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useEffect,useState} from "react";

frontend/hooks/useTemplates.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";

frontend/hooks/useVisualBuilder.js

@@ -1,3 +1,4 @@
+'use client';
 "use client";
 
 import {useState} from "react";