diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 6a5bdfaf..20aec2e5 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,4 +1,4 @@
-# Contributing to CodinIT (codinit-dev)
+# Contributing
 
 Download desktop app --> [latest release](https://github.com/codinit-dev/codinit-dev/releases/latest)
 
diff --git a/app/components/@settings/core/ControlPanel.tsx b/app/components/@settings/core/ControlPanel.tsx
index c1fd16fd..23ca124d 100644
--- a/app/components/@settings/core/ControlPanel.tsx
+++ b/app/components/@settings/core/ControlPanel.tsx
@@ -71,6 +71,7 @@ const TAB_DESCRIPTIONS: Record<TabType, string> = {
   settings: 'Configure application preferences',
   notifications: 'View and manage your notifications',
   features: 'Explore new and upcoming features',
+  agent: 'Configure autonomous agent behavior',
   data: 'Manage your data and storage',
   'cloud-providers': 'Configure cloud AI providers and models',
   'local-providers': 'Configure local AI providers and models',
@@ -331,6 +332,8 @@ export const ControlPanel = ({ open, onClose }: ControlPanelProps) => {
         return <NotificationsTab />;
       case 'features':
         return <FeaturesTab />;
+      case 'agent':
+        return null;
       case 'data':
         return <DataTab />;
       case 'cloud-providers':
diff --git a/app/components/@settings/core/ControlPanelDialog/components/ControlPanelContent.tsx b/app/components/@settings/core/ControlPanelDialog/components/ControlPanelContent.tsx
index 3fdc86b6..65ad244d 100644
--- a/app/components/@settings/core/ControlPanelDialog/components/ControlPanelContent.tsx
+++ b/app/components/@settings/core/ControlPanelDialog/components/ControlPanelContent.tsx
@@ -17,6 +17,9 @@ const NotificationsTab = lazy(() =>
 const FeaturesTab = lazy(() =>
   import('~/components/@settings/tabs/features/FeaturesTab').then((module) => ({ default: module.default })),
 );
+const AgentTab = lazy(() =>
+  import('~/components/@settings/tabs/agent/AgentTab').then((module) => ({ default: module.default })),
+);
 const DataTab = lazy(() =>
   import('~/components/@settings/tabs/data/DataTab').then((module) => ({ default: module.DataTab })),
 );
@@ -73,6 +76,8 @@ function TabContent({ tab }: { tab: TabType }) {
       return <NotificationsTab />;
     case 'features':
       return <FeaturesTab />;
+    case 'agent':
+      return <AgentTab />;
     case 'data':
       return <DataTab />;
     case 'cloud-providers':
diff --git a/app/components/@settings/core/constants.ts b/app/components/@settings/core/constants.ts
index bd0a95ab..7b1fa026 100644
--- a/app/components/@settings/core/constants.ts
+++ b/app/components/@settings/core/constants.ts
@@ -5,6 +5,7 @@ export const TAB_ICONS: Record<TabType, string> = {
   settings: 'i-ph:gear-six-fill',
   notifications: 'i-ph:bell-fill',
   features: 'i-ph:star-fill',
+  agent: 'i-ph:robot-fill',
   data: 'i-ph:database-fill',
   'cloud-providers': 'i-ph:cloud-fill',
   'local-providers': 'i-ph:desktop-fill',
@@ -23,6 +24,7 @@ export const TAB_LABELS: Record<TabType, string> = {
   settings: 'Settings',
   notifications: 'Notifications',
   features: 'Features',
+  agent: 'Agent',
   data: 'Data Management',
   'cloud-providers': 'Cloud Providers',
   'local-providers': 'Local Providers',
@@ -41,6 +43,7 @@ export const TAB_DESCRIPTIONS: Record<TabType, string> = {
   settings: 'Configure application preferences',
   notifications: 'View and manage your notifications',
   features: 'Explore new and upcoming features',
+  agent: 'Configure autonomous agent behavior',
   data: 'Manage your data and storage',
   'cloud-providers': 'Configure cloud AI providers and models',
   'local-providers': 'Configure local AI providers and models',
@@ -57,11 +60,12 @@ export const TAB_DESCRIPTIONS: Record<TabType, string> = {
 export const DEFAULT_TAB_CONFIG = [
   // User Window Tabs (Always visible by default)
   { id: 'features', visible: true, window: 'user' as const, order: 0 },
-  { id: 'data', visible: true, window: 'user' as const, order: 1 },
-  { id: 'cloud-providers', visible: true, window: 'user' as const, order: 2 },
-  { id: 'local-providers', visible: true, window: 'user' as const, order: 3 },
-  { id: 'connection', visible: true, window: 'user' as const, order: 4 },
-  { id: 'notifications', visible: true, window: 'user' as const, order: 5 },
+  { id: 'agent', visible: true, window: 'user' as const, order: 1 },
+  { id: 'data', visible: true, window: 'user' as const, order: 2 },
+  { id: 'cloud-providers', visible: true, window: 'user' as const, order: 3 },
+  { id: 'local-providers', visible: true, window: 'user' as const, order: 4 },
+  { id: 'connection', visible: true, window: 'user' as const, order: 5 },
+  { id: 'notifications', visible: true, window: 'user' as const, order: 6 },
 
   // User Window Tabs (In dropdown, initially hidden)
   { id: 'profile', visible: false, window: 'user' as const, order: 7 },
@@ -75,11 +79,12 @@ export const DEFAULT_TAB_CONFIG = [
 
   // Developer Window Tabs (All visible by default)
   { id: 'features', visible: true, window: 'developer' as const, order: 0 },
-  { id: 'data', visible: true, window: 'developer' as const, order: 1 },
-  { id: 'cloud-providers', visible: true, window: 'developer' as const, order: 2 },
-  { id: 'local-providers', visible: true, window: 'developer' as const, order: 3 },
-  { id: 'connection', visible: true, window: 'developer' as const, order: 4 },
-  { id: 'notifications', visible: true, window: 'developer' as const, order: 5 },
+  { id: 'agent', visible: true, window: 'developer' as const, order: 1 },
+  { id: 'data', visible: true, window: 'developer' as const, order: 2 },
+  { id: 'cloud-providers', visible: true, window: 'developer' as const, order: 3 },
+  { id: 'local-providers', visible: true, window: 'developer' as const, order: 4 },
+  { id: 'connection', visible: true, window: 'developer' as const, order: 5 },
+  { id: 'notifications', visible: true, window: 'developer' as const, order: 6 },
   { id: 'profile', visible: true, window: 'developer' as const, order: 7 },
   { id: 'settings', visible: true, window: 'developer' as const, order: 8 },
   { id: 'api-keys', visible: true, window: 'developer' as const, order: 9 },
diff --git a/app/components/@settings/core/types.ts b/app/components/@settings/core/types.ts
index 356d3836..88907b2e 100644
--- a/app/components/@settings/core/types.ts
+++ b/app/components/@settings/core/types.ts
@@ -7,6 +7,7 @@ export type TabType =
   | 'settings'
   | 'notifications'
   | 'features'
+  | 'agent'
   | 'data'
   | 'cloud-providers'
   | 'local-providers'
@@ -72,6 +73,7 @@ export const TAB_LABELS: Record<TabType, string> = {
   settings: 'Settings',
   notifications: 'Notifications',
   features: 'Features',
+  agent: 'Agent',
   data: 'Data Management',
   'cloud-providers': 'Cloud Providers',
   'local-providers': 'Local Providers',
diff --git a/app/components/@settings/shared/components/TabManagement.tsx b/app/components/@settings/shared/components/TabManagement.tsx
index 4eb3580f..39ed73d6 100644
--- a/app/components/@settings/shared/components/TabManagement.tsx
+++ b/app/components/@settings/shared/components/TabManagement.tsx
@@ -15,6 +15,7 @@ const TAB_ICONS: Record<TabType, string> = {
   settings: 'i-ph:gear-six-fill',
   notifications: 'i-ph:bell-fill',
   features: 'i-ph:star-fill',
+  agent: 'i-ph:robot-fill',
   data: 'i-ph:database-fill',
   'cloud-providers': 'i-ph:cloud-fill',
   'local-providers': 'i-ph:desktop-fill',
diff --git a/app/components/@settings/tabs/agent/AgentTab.tsx b/app/components/@settings/tabs/agent/AgentTab.tsx
new file mode 100644
index 00000000..20425683
--- /dev/null
+++ b/app/components/@settings/tabs/agent/AgentTab.tsx
@@ -0,0 +1,260 @@
+import { useCallback } from 'react';
+import { useStore } from '@nanostores/react';
+import { Switch } from '~/components/ui/Switch';
+import { classNames } from '~/utils/classNames';
+import { toast } from 'react-toastify';
+import { SettingsSection } from '~/components/@settings/shared/components/SettingsCard';
+import { SettingsList, SettingsListItem, SettingsPanel } from '~/components/@settings/shared/components/SettingsPanel';
+import {
+  agentModeStore,
+  agentMaxIterationsStore,
+  agentTokenBudgetStore,
+  agentSelfCorrectionStore,
+  updateAgentMode,
+  updateAgentMaxIterations,
+  updateAgentTokenBudget,
+  updateAgentSelfCorrection,
+} from '~/lib/stores/settings';
+import { Input } from '~/components/ui/Input';
+
+export default function AgentTab() {
+  const agentMode = useStore(agentModeStore);
+  const maxIterations = useStore(agentMaxIterationsStore);
+  const tokenBudget = useStore(agentTokenBudgetStore);
+  const selfCorrection = useStore(agentSelfCorrectionStore);
+
+  const handleToggleAgentMode = useCallback((enabled: boolean) => {
+    updateAgentMode(enabled);
+    toast.success(`Agent mode ${enabled ? 'enabled' : 'disabled'}`);
+  }, []);
+
+  const handleToggleSelfCorrection = useCallback((enabled: boolean) => {
+    updateAgentSelfCorrection(enabled);
+    toast.success(`Self-correction ${enabled ? 'enabled' : 'disabled'}`);
+  }, []);
+
+  const handleMaxIterationsChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    const value = parseInt(e.target.value, 10);
+
+    if (value >= 1 && value <= 100) {
+      updateAgentMaxIterations(value);
+      toast.success(`Max iterations set to ${value}`);
+    }
+  }, []);
+
+  const handleTokenBudgetChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    const value = parseInt(e.target.value, 10);
+
+    if (value >= 10000 && value <= 1000000) {
+      updateAgentTokenBudget(value);
+      toast.success(`Token budget set to ${value.toLocaleString()}`);
+    }
+  }, []);
+
+  return (
+    <div className="space-y-8">
+      <SettingsSection
+        title="Agent Configuration"
+        description="Configure autonomous agent behavior and execution settings"
+        icon="i-ph:robot"
+        delay={0.1}
+      >
+        <SettingsPanel variant="section" className="p-6">
+          <SettingsList>
+            <SettingsListItem>
+              <div className="flex items-start gap-4 flex-1 min-w-0">
+                <div
+                  className={classNames(
+                    'flex-shrink-0 w-12 h-12 rounded-xl',
+                    'bg-gradient-to-br from-green-100 to-emerald-100 dark:from-green-900/30 dark:to-emerald-900/20',
+                    'flex items-center justify-center',
+                    'ring-2 ring-green-200/30 dark:ring-green-800/20',
+                    'transition-all duration-300',
+                  )}
+                >
+                  <div className="i-ph:robot w-6 h-6 text-green-600 dark:text-green-400" />
+                </div>
+                <div className="flex-1 min-w-0">
+                  <div className="flex items-center gap-2 mb-1">
+                    <h4 className="font-semibold text-codinit-elements-textPrimary text-base leading-tight">
+                      Agent Mode
+                    </h4>
+                    <span className="px-2 py-0.5 text-xs rounded-full bg-gradient-to-r from-green-500 to-emerald-600 text-white font-medium shadow-sm">
+                      Experimental
+                    </span>
+                  </div>
+                  <p className="text-sm text-codinit-elements-textSecondary leading-relaxed mb-2">
+                    Enable autonomous agent mode with Plan-Execute reasoning for complex tasks
+                  </p>
+                  <div className="inline-flex items-center gap-1 px-3 py-1 rounded-lg bg-green-50/50 dark:bg-green-950/20 border border-green-200/30 dark:border-green-800/20">
+                    <span className="text-xs">💡</span>
+                    <span className="text-xs text-codinit-elements-textTertiary">
+                      When enabled, AI will autonomously plan and execute multi-step tasks
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div className="flex-shrink-0 ml-4">
+                <Switch checked={agentMode} onCheckedChange={handleToggleAgentMode} />
+              </div>
+            </SettingsListItem>
+
+            <SettingsListItem>
+              <div className="flex items-start gap-4 flex-1 min-w-0">
+                <div
+                  className={classNames(
+                    'flex-shrink-0 w-12 h-12 rounded-xl',
+                    'bg-gradient-to-br from-blue-100 to-cyan-100 dark:from-blue-900/30 dark:to-cyan-900/20',
+                    'flex items-center justify-center',
+                    'ring-2 ring-blue-200/30 dark:ring-blue-800/20',
+                    'transition-all duration-300',
+                  )}
+                >
+                  <div className="i-ph:first-aid-kit w-6 h-6 text-blue-600 dark:text-blue-400" />
+                </div>
+                <div className="flex-1 min-w-0">
+                  <h4 className="font-semibold text-codinit-elements-textPrimary text-base leading-tight mb-1">
+                    Self-Correction
+                  </h4>
+                  <p className="text-sm text-codinit-elements-textSecondary leading-relaxed mb-2">
+                    Allow agent to automatically detect and fix errors during execution
+                  </p>
+                  <div className="inline-flex items-center gap-1 px-3 py-1 rounded-lg bg-blue-50/50 dark:bg-blue-950/20 border border-blue-200/30 dark:border-blue-800/20">
+                    <span className="text-xs">💡</span>
+                    <span className="text-xs text-codinit-elements-textTertiary">
+                      Enables automatic retry with error correction strategies
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div className="flex-shrink-0 ml-4">
+                <Switch checked={selfCorrection} onCheckedChange={handleToggleSelfCorrection} disabled={!agentMode} />
+              </div>
+            </SettingsListItem>
+          </SettingsList>
+        </SettingsPanel>
+      </SettingsSection>
+
+      <SettingsSection
+        title="Execution Limits"
+        description="Control resource usage and execution boundaries"
+        icon="i-ph:gauge"
+        delay={0.2}
+      >
+        <SettingsPanel variant="section" className="p-6">
+          <div className="space-y-6">
+            <div>
+              <label className="flex items-center gap-2 mb-3">
+                <div className="i-ph:arrows-clockwise w-5 h-5 text-codinit-elements-textPrimary" />
+                <span className="font-semibold text-codinit-elements-textPrimary">Max Iterations</span>
+              </label>
+              <div className="flex items-center gap-4">
+                <Input
+                  type="number"
+                  min="1"
+                  max="100"
+                  value={maxIterations}
+                  onChange={handleMaxIterationsChange}
+                  disabled={!agentMode}
+                  className="w-32"
+                />
+                <div className="flex-1">
+                  <p className="text-sm text-codinit-elements-textSecondary">
+                    Maximum number of planning-execution cycles (1-100)
+                  </p>
+                  <p className="text-xs text-codinit-elements-textTertiary mt-1">
+                    Current: <span className="font-mono text-codinit-elements-textPrimary">{maxIterations}</span>{' '}
+                    iterations
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            <div className="pt-6 border-t border-codinit-elements-borderColor">
+              <label className="flex items-center gap-2 mb-3">
+                <div className="i-ph:coins w-5 h-5 text-codinit-elements-textPrimary" />
+                <span className="font-semibold text-codinit-elements-textPrimary">Token Budget</span>
+              </label>
+              <div className="flex items-center gap-4">
+                <Input
+                  type="number"
+                  min="10000"
+                  max="1000000"
+                  step="10000"
+                  value={tokenBudget}
+                  onChange={handleTokenBudgetChange}
+                  disabled={!agentMode}
+                  className="w-40"
+                />
+                <div className="flex-1">
+                  <p className="text-sm text-codinit-elements-textSecondary">
+                    Maximum tokens for conversation memory (10k-1M)
+                  </p>
+                  <p className="text-xs text-codinit-elements-textTertiary mt-1">
+                    Current:{' '}
+                    <span className="font-mono text-codinit-elements-textPrimary">{tokenBudget.toLocaleString()}</span>{' '}
+                    tokens
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </SettingsPanel>
+      </SettingsSection>
+
+      <SettingsSection
+        title="Agent Information"
+        description="Learn more about autonomous agents"
+        icon="i-ph:info"
+        delay={0.3}
+      >
+        <SettingsPanel variant="highlight" className="p-6">
+          <div className="space-y-4">
+            <div className="flex items-start gap-4">
+              <div className="i-ph:lightbulb w-6 h-6 text-yellow-500 flex-shrink-0 mt-1" />
+              <div>
+                <h4 className="font-semibold text-codinit-elements-textPrimary mb-2">How Agent Mode Works</h4>
+                <ul className="space-y-2 text-sm text-codinit-elements-textSecondary">
+                  <li className="flex items-start gap-2">
+                    <span className="text-green-500 flex-shrink-0 mt-0.5">1.</span>
+                    <span>
+                      <strong className="text-codinit-elements-textPrimary">Planning:</strong> Analyzes your task and
+                      creates a structured execution plan
+                    </span>
+                  </li>
+                  <li className="flex items-start gap-2">
+                    <span className="text-green-500 flex-shrink-0 mt-0.5">2.</span>
+                    <span>
+                      <strong className="text-codinit-elements-textPrimary">Execution:</strong> Runs each step using
+                      available tools and monitors progress
+                    </span>
+                  </li>
+                  <li className="flex items-start gap-2">
+                    <span className="text-green-500 flex-shrink-0 mt-0.5">3.</span>
+                    <span>
+                      <strong className="text-codinit-elements-textPrimary">Reflection:</strong> Evaluates results and
+                      decides whether to continue or adjust the plan
+                    </span>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <div className="flex items-start gap-4 pt-4 border-t border-codinit-elements-borderColor">
+              <div className="i-ph:warning w-6 h-6 text-orange-500 flex-shrink-0 mt-1" />
+              <div>
+                <h4 className="font-semibold text-codinit-elements-textPrimary mb-2">Important Notes</h4>
+                <ul className="space-y-1 text-sm text-codinit-elements-textSecondary list-disc list-inside">
+                  <li>Agent mode is experimental and may produce unexpected results</li>
+                  <li>Higher iterations and token budgets increase execution time and costs</li>
+                  <li>Self-correction helps recover from errors but may retry multiple times</li>
+                  <li>Monitor agent progress in the Agent view for real-time updates</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </SettingsPanel>
+      </SettingsSection>
+    </div>
+  );
+}
diff --git a/app/components/chat/AgentModeToggle.tsx b/app/components/chat/AgentModeToggle.tsx
new file mode 100644
index 00000000..a30221ab
--- /dev/null
+++ b/app/components/chat/AgentModeToggle.tsx
@@ -0,0 +1,45 @@
+import { useStore } from '@nanostores/react';
+import { agentModeStore, updateAgentMode } from '~/lib/stores/settings';
+import * as Tooltip from '@radix-ui/react-tooltip';
+import { IconButton } from '~/components/ui/IconButton';
+
+export function AgentModeToggle() {
+  const agentModeEnabled = useStore(agentModeStore);
+
+  const toggleAgentMode = () => {
+    updateAgentMode(!agentModeEnabled);
+  };
+
+  return (
+    <Tooltip.Root>
+      <Tooltip.Trigger asChild>
+        <IconButton
+          title="Agent Mode"
+          onClick={toggleAgentMode}
+          className={agentModeEnabled ? 'i-ph:robot-duotone text-green-400' : 'i-ph:robot text-gray-400'}
+        >
+          <div className={agentModeEnabled ? 'i-ph:robot-duotone text-green-400' : 'i-ph:robot text-gray-400'} />
+        </IconButton>
+      </Tooltip.Trigger>
+      <Tooltip.Portal>
+        <Tooltip.Content
+          className="z-50 px-2.5 py-1.5 max-w-[250px] rounded-md bg-gray-900 text-xs text-white shadow-sm"
+          sideOffset={5}
+        >
+          {agentModeEnabled ? (
+            <>
+              <div className="font-semibold text-green-400">Agent Mode Active</div>
+              <div className="text-gray-300 mt-1">AI will autonomously plan and execute tasks with self-correction</div>
+            </>
+          ) : (
+            <>
+              <div className="font-semibold">Agent Mode Disabled</div>
+              <div className="text-gray-300 mt-1">Click to enable autonomous agent execution</div>
+            </>
+          )}
+          <Tooltip.Arrow className="fill-gray-900" />
+        </Tooltip.Content>
+      </Tooltip.Portal>
+    </Tooltip.Root>
+  );
+}
diff --git a/app/components/chat/Chat.client.tsx b/app/components/chat/Chat.client.tsx
index 18addabb..ad571c92 100644
--- a/app/components/chat/Chat.client.tsx
+++ b/app/components/chat/Chat.client.tsx
@@ -29,6 +29,7 @@ import type { ElementInfo } from '~/components/workbench/Inspector';
 import type { TextUIPart, FileUIPart, Attachment } from '@ai-sdk/ui-utils';
 import { useMCPStore } from '~/lib/stores/mcp';
 import type { LlmErrorAlertType } from '~/types/actions';
+import { agentModeStore } from '~/lib/stores/settings';
 
 const logger = createScopedLogger('Chat');
 
@@ -122,6 +123,7 @@ export const ChatImpl = memo(
     const [selectedElement, setSelectedElement] = useState<ElementInfo | null>(null);
     const mcpSettings = useMCPStore((state) => state.settings);
     const selectedMCP = useMCPStore((state) => state.selectedMCP);
+    const agentMode = useStore(agentModeStore);
 
     const {
       messages,
@@ -157,6 +159,7 @@ export const ChatImpl = memo(
         maxLLMSteps: mcpSettings.maxLLMSteps,
         enableMCPTools: mcpSettings.enabled,
         selectedMCP,
+        agentMode,
       },
       sendExtraMessageFields: true,
       onError: (e) => {
@@ -635,6 +638,23 @@ export const ChatImpl = memo(
       }
     }, []);
 
+    useEffect(() => {
+      if (agentMode && chatData && chatData.length > 0) {
+        const hasAgentEvent = chatData.some(
+          (data: any) =>
+            data.type === 'agent-progress' ||
+            data.type === 'agent-plan' ||
+            data.type === 'agent-step' ||
+            data.type === 'agent-observation',
+        );
+
+        if (hasAgentEvent && workbenchStore.currentView.get() !== 'agent') {
+          logger.info('Agent execution detected - switching to agent view');
+          workbenchStore.currentView.set('agent');
+        }
+      }
+    }, [chatData, agentMode]);
+
     const handleModelChange = (newModel: string) => {
       setModel(newModel);
       Cookies.set('selectedModel', newModel, { expires: 30 });
diff --git a/app/components/chat/Chatbox.tsx b/app/components/chat/Chatbox.tsx
index 77bbb718..7a47fe04 100644
--- a/app/components/chat/Chatbox.tsx
+++ b/app/components/chat/Chatbox.tsx
@@ -22,11 +22,12 @@ import type { ElementInfo } from '~/components/workbench/Inspector';
 import { McpTools } from '~/components/mcp/MCPTools';
 import { MCPDialog } from '~/components/mcp/MCPDialog';
 import { McpServerSelector } from './MCPServerSelector';
-import { useToolMentionAutocomplete } from '~/lib/hooks/useToolMentionAutocomplete';
+import { useToolMentionAutocomplete, type CommandItem } from '~/lib/hooks/useToolMentionAutocomplete';
 import { ToolMentionAutocomplete } from './ToolMentionAutocomplete';
 import { insertToolMention, insertFileReference } from '~/utils/toolMentionParser';
 import { useStore } from '@nanostores/react';
 import { workbenchStore } from '~/lib/stores/workbench';
+import { updateAgentMode, agentModeStore } from '~/lib/stores/settings';
 
 interface ChatBoxProps {
   isModelSettingsCollapsed: boolean;
@@ -78,6 +79,7 @@ export const ChatBox: React.FC<ChatBoxProps> = (props) => {
   const [providerDropdownOpen, setProviderDropdownOpen] = useState(false);
 
   const files = useStore(workbenchStore.files);
+  const agentMode = useStore(agentModeStore);
 
   const handleToolSelected = (toolName: string) => {
     if (!props.textareaRef?.current) {
@@ -131,11 +133,64 @@ export const ChatBox: React.FC<ChatBoxProps> = (props) => {
     });
   };
 
+  const handleCommandSelected = (command: CommandItem) => {
+    if (!props.textareaRef?.current) {
+      return;
+    }
+
+    const textarea = props.textareaRef.current;
+    const input = props.input;
+    const cursorPos = textarea.selectionStart || 0;
+
+    const atIndex = input.lastIndexOf('@', cursorPos - 1);
+
+    if (atIndex === -1) {
+      return;
+    }
+
+    const beforeAt = input.slice(0, atIndex);
+    const afterMention = input.slice(cursorPos);
+    const newText = beforeAt + afterMention;
+    const newCursorPos = atIndex;
+
+    if (command.action === 'agent-mode') {
+      updateAgentMode(true);
+
+      if (props.handleInputChange) {
+        textarea.value = newText;
+
+        const syntheticEvent = {
+          target: textarea,
+          currentTarget: textarea,
+        } as React.ChangeEvent<HTMLTextAreaElement>;
+
+        props.handleInputChange(syntheticEvent);
+      }
+
+      requestAnimationFrame(() => {
+        textarea.focus();
+        textarea.setSelectionRange(newCursorPos, newCursorPos);
+      });
+
+      toast.success(
+        <div className="flex items-center gap-2">
+          <div className="i-ph:robot-fill text-lg" />
+          <span>Agent mode enabled - AI will autonomously plan and execute your task</span>
+        </div>,
+        {
+          autoClose: 3000,
+          className: 'bg-gradient-to-r from-green-500 to-emerald-600',
+        },
+      );
+    }
+  };
+
   const autocomplete = useToolMentionAutocomplete({
     input: props.input,
     textareaRef: props.textareaRef,
     onToolSelected: handleToolSelected,
     onFileSelected: handleFileSelected,
+    onCommandSelected: handleCommandSelected,
     files,
   });
 
@@ -275,6 +330,24 @@ export const ChatBox: React.FC<ChatBoxProps> = (props) => {
             </button>
           </div>
         )}
+        {agentMode && (
+          <div className="flex mx-1.5 gap-2 items-center justify-between rounded-lg rounded-b-none border border-b-none border-codinit-elements-borderColor bg-gradient-to-r from-green-500/10 to-emerald-600/10 text-codinit-elements-textPrimary py-1.5 px-3 font-medium text-xs transition-theme">
+            <div className="flex gap-2 items-center">
+              <div className="i-ph:robot-fill text-green-500 text-base" />
+              <span>Agent Mode Enabled</span>
+            </div>
+            <button
+              className="bg-transparent text-green-500 hover:text-green-600 pointer-auto transition-colors"
+              onClick={() => {
+                updateAgentMode(false);
+                toast.info('Agent mode disabled');
+              }}
+              title="Disable agent mode"
+            >
+              <div className="i-ph:x text-sm" />
+            </button>
+          </div>
+        )}
 
         <textarea
           ref={props.textareaRef}
@@ -481,10 +554,12 @@ export const ChatBox: React.FC<ChatBoxProps> = (props) => {
         isOpen={autocomplete.isOpen}
         tools={autocomplete.filteredTools}
         files={autocomplete.filteredFiles}
+        commands={autocomplete.filteredCommands}
         selectedIndex={autocomplete.selectedIndex}
         position={autocomplete.dropdownPosition}
         onSelectTool={autocomplete.handleToolSelect}
         onSelectFile={autocomplete.handleFileSelect}
+        onSelectCommand={autocomplete.handleCommandSelect}
         onHover={autocomplete.setSelectedIndex}
         onClose={autocomplete.handleClose}
         searchQuery={autocomplete.searchQuery}
diff --git a/app/components/chat/ToolMentionAutocomplete.tsx b/app/components/chat/ToolMentionAutocomplete.tsx
index 6eefa853..3de09a89 100644
--- a/app/components/chat/ToolMentionAutocomplete.tsx
+++ b/app/components/chat/ToolMentionAutocomplete.tsx
@@ -1,4 +1,4 @@
-import type { ToolItem, FileItem } from '~/lib/hooks/useToolMentionAutocomplete';
+import type { ToolItem, FileItem, CommandItem } from '~/lib/hooks/useToolMentionAutocomplete';
 import { useEffect, useRef } from 'react';
 import { classNames } from '~/utils/classNames';
 import { File } from 'lucide-react';
@@ -7,10 +7,12 @@ interface ToolMentionAutocompleteProps {
   isOpen: boolean;
   tools: ToolItem[];
   files: FileItem[];
+  commands: CommandItem[];
   selectedIndex: number;
   position: { x: number; y: number } | null;
   onSelectTool: (toolName: string) => void;
   onSelectFile: (filePath: string) => void;
+  onSelectCommand: (command: CommandItem) => void;
   onHover: (index: number) => void;
   onClose: () => void;
   searchQuery: string;
@@ -21,10 +23,12 @@ export function ToolMentionAutocomplete({
   isOpen,
   tools,
   files,
+  commands,
   selectedIndex,
   position,
   onSelectTool,
   onSelectFile,
+  onSelectCommand,
   onHover,
   onClose,
   searchQuery,
@@ -139,6 +143,7 @@ export function ToolMentionAutocomplete({
   const showServerGroups = serverNames.length > 1;
 
   let globalIndex = 0;
+  const hasResults = commands.length > 0 || tools.length > 0;
 
   return (
     <div
@@ -150,29 +155,23 @@ export function ToolMentionAutocomplete({
       }}
     >
       <div className="max-h-[300px] overflow-y-auto p-2">
-        {tools.length === 0 ? (
+        {!hasResults ? (
           <div className="py-4 text-center text-sm text-codinit-elements-textTertiary">
-            No tools found for &quot;{searchQuery}&quot;
+            No results found for &quot;{searchQuery}&quot;
           </div>
         ) : (
-          serverNames.map((serverName) => {
-            const serverTools = groupedTools[serverName];
-
-            return (
-              <div key={serverName} className="mb-2">
-                {showServerGroups && (
-                  <div className="px-3 py-2 text-xs font-medium text-codinit-elements-textSecondary">
-                    📦 {serverName}
-                  </div>
-                )}
-                {serverTools.map((tool) => {
+          <>
+            {commands.length > 0 && (
+              <div className="mb-2">
+                <div className="px-3 py-2 text-xs font-medium text-codinit-elements-textSecondary">Commands</div>
+                {commands.map((command) => {
                   const currentIndex = globalIndex++;
                   const isSelected = currentIndex === selectedIndex;
 
                   return (
                     <div
-                      key={`${serverName}-${tool.name}`}
-                      onClick={() => onSelectTool(tool.name)}
+                      key={command.name}
+                      onClick={() => onSelectCommand(command)}
                       onMouseEnter={() => onHover(currentIndex)}
                       data-selected={isSelected}
                       className={classNames(
@@ -184,17 +183,19 @@ export function ToolMentionAutocomplete({
                     >
                       <div className="flex flex-col gap-1 w-full">
                         <div className="flex items-center gap-2">
-                          <span className="text-base">🔧</span>
-                          <span className="font-medium text-sm">{tool.name}</span>
+                          <div className={classNames(command.icon, 'text-base')} />
+                          <span className="font-medium text-sm">{command.name}</span>
                         </div>
-                        {tool.description && (
+                        {command.description && (
                           <div
                             className={classNames(
                               'text-xs ml-6',
                               isSelected ? 'text-white opacity-90' : 'text-codinit-elements-textSecondary',
                             )}
                           >
-                            {tool.description.length > 100 ? `${tool.description.slice(0, 100)}...` : tool.description}
+                            {command.description.length > 100
+                              ? `${command.description.slice(0, 100)}...`
+                              : command.description}
                           </div>
                         )}
                       </div>
@@ -202,8 +203,59 @@ export function ToolMentionAutocomplete({
                   );
                 })}
               </div>
-            );
-          })
+            )}
+            {serverNames.map((serverName) => {
+              const serverTools = groupedTools[serverName];
+
+              return (
+                <div key={serverName} className="mb-2">
+                  {showServerGroups && (
+                    <div className="px-3 py-2 text-xs font-medium text-codinit-elements-textSecondary">
+                      📦 {serverName}
+                    </div>
+                  )}
+                  {serverTools.map((tool) => {
+                    const currentIndex = globalIndex++;
+                    const isSelected = currentIndex === selectedIndex;
+
+                    return (
+                      <div
+                        key={`${serverName}-${tool.name}`}
+                        onClick={() => onSelectTool(tool.name)}
+                        onMouseEnter={() => onHover(currentIndex)}
+                        data-selected={isSelected}
+                        className={classNames(
+                          'cursor-pointer rounded-md px-3 py-2 mb-1 transition-colors',
+                          isSelected
+                            ? 'bg-accent-500 text-white'
+                            : 'hover:bg-codinit-elements-item-backgroundDefault text-codinit-elements-textPrimary',
+                        )}
+                      >
+                        <div className="flex flex-col gap-1 w-full">
+                          <div className="flex items-center gap-2">
+                            <span className="text-base">🔧</span>
+                            <span className="font-medium text-sm">{tool.name}</span>
+                          </div>
+                          {tool.description && (
+                            <div
+                              className={classNames(
+                                'text-xs ml-6',
+                                isSelected ? 'text-white opacity-90' : 'text-codinit-elements-textSecondary',
+                              )}
+                            >
+                              {tool.description.length > 100
+                                ? `${tool.description.slice(0, 100)}...`
+                                : tool.description}
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                    );
+                  })}
+                </div>
+              );
+            })}
+          </>
         )}
       </div>
     </div>
diff --git a/app/components/ui/Switch.tsx b/app/components/ui/Switch.tsx
index 78426826..984e3c03 100644
--- a/app/components/ui/Switch.tsx
+++ b/app/components/ui/Switch.tsx
@@ -6,9 +6,10 @@ interface SwitchProps {
   className?: string;
   checked?: boolean;
   onCheckedChange?: (event: boolean) => void;
+  disabled?: boolean;
 }
 
-export const Switch = memo(({ className, onCheckedChange, checked }: SwitchProps) => {
+export const Switch = memo(({ className, onCheckedChange, checked, disabled }: SwitchProps) => {
   return (
     <SwitchPrimitive.Root
       className={classNames(
@@ -21,6 +22,7 @@ export const Switch = memo(({ className, onCheckedChange, checked }: SwitchProps
       )}
       checked={checked}
       onCheckedChange={(e) => onCheckedChange?.(e)}
+      disabled={disabled}
     >
       <SwitchPrimitive.Thumb
         className={classNames(
diff --git a/app/components/workbench/AgentProgressPanel.tsx b/app/components/workbench/AgentProgressPanel.tsx
new file mode 100644
index 00000000..f9e2ff1f
--- /dev/null
+++ b/app/components/workbench/AgentProgressPanel.tsx
@@ -0,0 +1,257 @@
+import { useStore } from '@nanostores/react';
+import { workbenchStore } from '~/lib/stores/workbench';
+import { classNames } from '~/utils/classNames';
+import type { AgentExecution } from '~/types/agent';
+
+export function AgentProgressPanel() {
+  const agentState = useStore(workbenchStore.agentState);
+  const currentId = useStore(workbenchStore.currentAgentExecution);
+
+  if (!currentId || !agentState[currentId]) {
+    return (
+      <div className="flex h-full items-center justify-center text-codinit-elements-textSecondary">
+        <div className="text-center">
+          <div className="i-ph:robot text-6xl mb-4 opacity-20" />
+          <p>No active agent execution</p>
+        </div>
+      </div>
+    );
+  }
+
+  const execution = agentState[currentId];
+
+  return (
+    <div className="flex flex-col h-full overflow-hidden bg-codinit-elements-background-depth-1">
+      <AgentHeader execution={execution} />
+
+      <div className="flex-1 overflow-y-auto p-4 space-y-4">
+        {execution.plan && <PlanDisplay plan={execution.plan} currentStep={execution.currentStep} />}
+
+        {execution.toolCalls.length > 0 && <ToolCallList toolCalls={execution.toolCalls} />}
+
+        {execution.observations.length > 0 && <ObservationList observations={execution.observations} />}
+
+        {execution.reflections.length > 0 && <ReflectionList reflections={execution.reflections} />}
+
+        {execution.error && <ErrorDisplay error={execution.error} recoveryAttempts={execution.recoveryAttempts} />}
+      </div>
+    </div>
+  );
+}
+
+function AgentHeader({ execution }: { execution: AgentExecution }) {
+  const statusColors = {
+    idle: 'text-codinit-elements-textSecondary',
+    planning: 'text-codinit-elements-loader-progress',
+    executing: 'text-codinit-elements-loader-progress',
+    observing: 'text-codinit-elements-loader-progress',
+    reflecting: 'text-codinit-elements-loader-progress',
+    complete: 'text-codinit-elements-icon-success',
+    failed: 'text-codinit-elements-icon-error',
+    aborted: 'text-codinit-elements-textSecondary',
+  };
+
+  const statusIcons = {
+    idle: 'i-ph:clock',
+    planning: 'i-ph:lightbulb',
+    executing: 'i-ph:play',
+    observing: 'i-ph:eye',
+    reflecting: 'i-ph:brain',
+    complete: 'i-ph:check-circle',
+    failed: 'i-ph:x-circle',
+    aborted: 'i-ph:stop-circle',
+  };
+
+  return (
+    <div className="border-b border-codinit-elements-borderColor p-4">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <div className={classNames('text-2xl', statusIcons[execution.status])} />
+          <div>
+            <h2 className="text-lg font-semibold text-codinit-elements-textPrimary">{execution.task}</h2>
+            <p className={classNames('text-sm', statusColors[execution.status])}>{execution.status}</p>
+          </div>
+        </div>
+        <div className="text-right text-sm text-codinit-elements-textSecondary">
+          <div>Time: {Math.floor(execution.elapsedTime / 1000)}s</div>
+          <div>Tokens: {execution.tokensUsed.toLocaleString()}</div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function PlanDisplay({ plan, currentStep }: { plan: any; currentStep?: number }) {
+  return (
+    <div className="bg-codinit-elements-background-depth-2 rounded-lg p-4">
+      <h3 className="text-sm font-semibold text-codinit-elements-textPrimary mb-3 flex items-center gap-2">
+        <span className="i-ph:list-checks" />
+        Plan ({plan.steps.length} steps)
+      </h3>
+      <div className="space-y-2">
+        {plan.steps.map((step: any) => (
+          <div
+            key={step.number}
+            className={classNames(
+              'p-3 rounded border',
+              currentStep === step.number
+                ? 'border-codinit-elements-loader-progress bg-codinit-elements-loader-progress/10'
+                : 'border-codinit-elements-borderColor',
+            )}
+          >
+            <div className="flex items-start gap-2">
+              <span
+                className={classNames(
+                  'text-xs font-mono px-2 py-1 rounded',
+                  currentStep === step.number ? 'bg-codinit-elements-loader-progress text-white' : 'bg-gray-500/20',
+                )}
+              >
+                {step.number}
+              </span>
+              <div className="flex-1">
+                <p className="text-sm text-codinit-elements-textPrimary">{step.description}</p>
+                {step.tools && step.tools.length > 0 && (
+                  <div className="flex gap-1 mt-2">
+                    {step.tools.map((tool: string) => (
+                      <span
+                        key={tool}
+                        className="text-xs px-2 py-1 rounded bg-codinit-elements-background-depth-1 text-codinit-elements-textSecondary"
+                      >
+                        {tool}
+                      </span>
+                    ))}
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function ToolCallList({ toolCalls }: { toolCalls: any[] }) {
+  return (
+    <div className="bg-codinit-elements-background-depth-2 rounded-lg p-4">
+      <h3 className="text-sm font-semibold text-codinit-elements-textPrimary mb-3 flex items-center gap-2">
+        <span className="i-ph:wrench" />
+        Tool Calls ({toolCalls.length})
+      </h3>
+      <div className="space-y-2">
+        {toolCalls.map((call) => (
+          <div
+            key={call.id}
+            className="p-3 rounded border border-codinit-elements-borderColor bg-codinit-elements-background-depth-1"
+          >
+            <div className="flex items-center gap-2 mb-2">
+              <span className="i-ph:function text-codinit-elements-loader-progress" />
+              <span className="text-sm font-mono text-codinit-elements-textPrimary">{call.name}</span>
+              <span className="text-xs text-codinit-elements-textSecondary">
+                {new Date(call.timestamp).toLocaleTimeString()}
+              </span>
+            </div>
+            {call.arguments && Object.keys(call.arguments).length > 0 && (
+              <pre className="text-xs text-codinit-elements-textSecondary overflow-x-auto">
+                {JSON.stringify(call.arguments, null, 2)}
+              </pre>
+            )}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function ObservationList({ observations }: { observations: any[] }) {
+  return (
+    <div className="bg-codinit-elements-background-depth-2 rounded-lg p-4">
+      <h3 className="text-sm font-semibold text-codinit-elements-textPrimary mb-3 flex items-center gap-2">
+        <span className="i-ph:eye" />
+        Observations ({observations.length})
+      </h3>
+      <div className="space-y-2">
+        {observations.map((obs, idx) => (
+          <div
+            key={idx}
+            className="p-3 rounded border border-codinit-elements-borderColor bg-codinit-elements-background-depth-1"
+          >
+            <div className="flex items-start gap-2">
+              {obs.success ? (
+                <span className="i-ph:check-circle text-codinit-elements-icon-success" />
+              ) : (
+                <span className="i-ph:warning text-codinit-elements-icon-error" />
+              )}
+              <p className="text-sm text-codinit-elements-textPrimary flex-1">{obs.content}</p>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function ReflectionList({ reflections }: { reflections: any[] }) {
+  return (
+    <div className="bg-codinit-elements-background-depth-2 rounded-lg p-4">
+      <h3 className="text-sm font-semibold text-codinit-elements-textPrimary mb-3 flex items-center gap-2">
+        <span className="i-ph:brain" />
+        Reflections ({reflections.length})
+      </h3>
+      <div className="space-y-3">
+        {reflections.map((ref, idx) => (
+          <div
+            key={idx}
+            className="p-3 rounded border border-codinit-elements-borderColor bg-codinit-elements-background-depth-1"
+          >
+            <div className="flex items-center gap-2 mb-2">
+              {ref.goalAchieved ? (
+                <span className="i-ph:check-circle text-codinit-elements-icon-success" />
+              ) : (
+                <span className="i-ph:arrow-clockwise text-codinit-elements-loader-progress" />
+              )}
+              <span className="text-sm font-semibold">{ref.goalAchieved ? 'Goal Achieved' : 'Continuing...'}</span>
+            </div>
+
+            {ref.issues && ref.issues.length > 0 && (
+              <div className="mb-2">
+                <p className="text-xs font-semibold text-codinit-elements-textSecondary mb-1">Issues:</p>
+                <ul className="text-sm text-codinit-elements-textPrimary list-disc list-inside">
+                  {ref.issues.map((issue: string, i: number) => (
+                    <li key={i}>{issue}</li>
+                  ))}
+                </ul>
+              </div>
+            )}
+
+            {ref.nextActions && ref.nextActions.length > 0 && (
+              <div>
+                <p className="text-xs font-semibold text-codinit-elements-textSecondary mb-1">Next Actions:</p>
+                <ul className="text-sm text-codinit-elements-textPrimary list-disc list-inside">
+                  {ref.nextActions.map((action: string, i: number) => (
+                    <li key={i}>{action}</li>
+                  ))}
+                </ul>
+              </div>
+            )}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function ErrorDisplay({ error, recoveryAttempts }: { error: string; recoveryAttempts: number }) {
+  return (
+    <div className="bg-red-500/10 border border-red-500/50 rounded-lg p-4">
+      <h3 className="text-sm font-semibold text-red-400 mb-2 flex items-center gap-2">
+        <span className="i-ph:warning-circle" />
+        Error
+      </h3>
+      <p className="text-sm text-codinit-elements-textPrimary mb-2">{error}</p>
+      {recoveryAttempts > 0 && (
+        <p className="text-xs text-codinit-elements-textSecondary">Recovery attempts: {recoveryAttempts}</p>
+      )}
+    </div>
+  );
+}
diff --git a/app/components/workbench/Workbench.client.tsx b/app/components/workbench/Workbench.client.tsx
index 22dc2a47..490b8fce 100644
--- a/app/components/workbench/Workbench.client.tsx
+++ b/app/components/workbench/Workbench.client.tsx
@@ -17,6 +17,7 @@ import { renderLogger } from '~/utils/logger';
 import { EditorPanel } from './EditorPanel';
 import { Preview } from './Preview';
 import { ProgressIndicator } from './ProgressIndicator';
+import { AgentProgressPanel } from './AgentProgressPanel';
 import useViewport from '~/lib/hooks';
 import { PushToGitHubDialog } from '~/components/@settings/tabs/connections/components/PushToGitHubDialog';
 import { usePreviewStore } from '~/lib/stores/previews';
@@ -173,6 +174,9 @@ export const Workbench = memo(
                   <View initial={{ x: '100%' }} animate={{ x: selectedView === 'progress' ? '0%' : '100%' }}>
                     <ProgressIndicator />
                   </View>
+                  <View initial={{ x: '100%' }} animate={{ x: selectedView === 'agent' ? '0%' : '100%' }}>
+                    <AgentProgressPanel />
+                  </View>
                 </div>
               </div>
             </div>
diff --git a/app/lib/agent-sdk/core/agent.ts b/app/lib/agent-sdk/core/agent.ts
new file mode 100644
index 00000000..bae166e4
--- /dev/null
+++ b/app/lib/agent-sdk/core/agent.ts
@@ -0,0 +1,420 @@
+import { generateId } from 'ai';
+import type { LLMManager } from '~/lib/modules/llm/manager';
+import type { ReasoningPattern } from '~/lib/agent-sdk/reasoning/base';
+import type { ToolExecutor } from '~/lib/agent-sdk/tools/executor';
+import type { StreamManager } from '~/lib/agent-sdk/streaming/stream-manager';
+import type { ContextManager } from '~/lib/agent-sdk/memory/context-manager';
+import type { CheckpointManager } from '~/lib/agent-sdk/memory/checkpoint-manager';
+import type { ErrorHandler } from '~/lib/agent-sdk/error-handling/error-handler';
+import type {
+  AgentConfig,
+  AgentState,
+  AgentResult,
+  AgentContext,
+  Plan,
+  PlanStep,
+  ToolCall,
+  Observation,
+  Reflection,
+  AgentStatus,
+} from '~/types';
+import { AGENT_CONFIG_SCHEMA, AGENT_STATE_SCHEMA } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('Agent');
+
+type AgentEventCallback<T = any> = (data: T) => void | Promise<void>;
+
+export class Agent {
+  private _config: AgentConfig;
+  private _state: AgentState;
+  private _id: string;
+
+  private _llmManager?: LLMManager;
+  private _reasoningPattern?: ReasoningPattern;
+  private _toolExecutor?: ToolExecutor;
+  private _streamManager?: StreamManager;
+  private _contextManager?: ContextManager;
+  private _checkpointManager?: CheckpointManager;
+  private _errorHandler?: ErrorHandler;
+
+  private _callbacks: {
+    onPlanGenerated: AgentEventCallback<Plan>[];
+    onStepStarted: AgentEventCallback<PlanStep>[];
+    onToolCall: AgentEventCallback<ToolCall>[];
+    onObservation: AgentEventCallback<Observation>[];
+    onReflection: AgentEventCallback<Reflection>[];
+    onStatusChange: AgentEventCallback<AgentStatus>[];
+  };
+
+  constructor(config: Partial<AgentConfig> = {}) {
+    this._config = AGENT_CONFIG_SCHEMA.parse(config);
+    this._id = generateId();
+
+    this._state = AGENT_STATE_SCHEMA.parse({
+      status: 'idle',
+      currentIteration: 0,
+      history: [],
+      observations: [],
+      reflections: [],
+      tokensUsed: 0,
+      startTime: Date.now(),
+    });
+
+    this._callbacks = {
+      onPlanGenerated: [],
+      onStepStarted: [],
+      onToolCall: [],
+      onObservation: [],
+      onReflection: [],
+      onStatusChange: [],
+    };
+  }
+
+  initialize(dependencies: {
+    llmManager: LLMManager;
+    reasoningPattern: ReasoningPattern;
+    toolExecutor: ToolExecutor;
+    streamManager?: StreamManager;
+    contextManager?: ContextManager;
+    checkpointManager?: CheckpointManager;
+    errorHandler?: ErrorHandler;
+  }): void {
+    this._llmManager = dependencies.llmManager;
+    this._reasoningPattern = dependencies.reasoningPattern;
+    this._toolExecutor = dependencies.toolExecutor;
+    this._streamManager = dependencies.streamManager;
+    this._contextManager = dependencies.contextManager;
+    this._checkpointManager = dependencies.checkpointManager;
+    this._errorHandler = dependencies.errorHandler;
+  }
+
+  async execute(task: string, context: AgentContext): Promise<AgentResult> {
+    if (!this._reasoningPattern || !this._toolExecutor) {
+      throw new Error('Agent not initialized. Call initialize() first.');
+    }
+
+    logger.info(`Starting agent execution for task: ${task}`);
+    this._updateStatus('planning');
+
+    const startTime = Date.now();
+    let currentIteration = 0;
+
+    try {
+      const plan = await this._generatePlan(task, context);
+      this._state.plan = plan;
+      await this._emitCallback('onPlanGenerated', plan);
+
+      if (this._config.enableCheckpointing && this._checkpointManager) {
+        await this._checkpointManager.saveCheckpoint({
+          id: generateId(),
+          threadId: this._id,
+          agentId: this._id,
+          state: this._state,
+          timestamp: Date.now(),
+        });
+      }
+
+      while (currentIteration < this._config.maxIterations && this._reasoningPattern.shouldContinue(this._state)) {
+        this._state.currentIteration = currentIteration;
+        this._updateStatus('executing');
+
+        const stepResults = await this._executePlanSteps(plan, context);
+
+        this._updateStatus('reflecting');
+
+        const reflection = await this._reflect(stepResults, task, context);
+        this._state.reflections.push(reflection);
+        await this._emitCallback('onReflection', reflection);
+
+        if (reflection.goalAchieved) {
+          logger.info('Goal achieved, completing execution');
+          break;
+        }
+
+        if (!reflection.shouldContinue) {
+          logger.info('Reflection determined execution should stop');
+          break;
+        }
+
+        currentIteration++;
+      }
+
+      this._updateStatus('complete');
+
+      const duration = Date.now() - startTime;
+
+      const result: AgentResult = {
+        success: true,
+        output: this._generateOutput(),
+        artifacts: this._collectArtifacts(),
+        tokensUsed: this._state.tokensUsed,
+        iterations: currentIteration,
+        duration,
+      };
+
+      logger.info(`Agent execution completed successfully in ${duration}ms`);
+
+      return result;
+    } catch (error: any) {
+      logger.error('Agent execution failed:', error);
+      this._updateStatus('failed');
+
+      const duration = Date.now() - startTime;
+
+      return {
+        success: false,
+        output: '',
+        artifacts: [],
+        tokensUsed: this._state.tokensUsed,
+        iterations: currentIteration,
+        duration,
+        error: error.message,
+      };
+    }
+  }
+
+  async *stream(task: string, context: AgentContext): AsyncGenerator<any> {
+    if (!this._reasoningPattern || !this._toolExecutor) {
+      throw new Error('Agent not initialized. Call initialize() first.');
+    }
+
+    logger.info(`Starting agent streaming execution for task: ${task}`);
+    this._updateStatus('planning');
+
+    const startTime = Date.now();
+    let currentIteration = 0;
+
+    try {
+      const plan = await this._generatePlan(task, context);
+      this._state.plan = plan;
+      yield { type: 'agent-plan', plan, timestamp: Date.now() };
+      await this._emitCallback('onPlanGenerated', plan);
+
+      while (currentIteration < this._config.maxIterations && this._reasoningPattern.shouldContinue(this._state)) {
+        this._state.currentIteration = currentIteration;
+        this._updateStatus('executing');
+
+        for (const step of plan.steps) {
+          yield { type: 'agent-step-start', step, timestamp: Date.now() };
+          await this._emitCallback('onStepStarted', step);
+
+          const result = await this._executeStep(step, context);
+
+          for (const observation of result.observations) {
+            yield { type: 'agent-observation', observation, timestamp: Date.now() };
+          }
+        }
+
+        this._updateStatus('reflecting');
+
+        const stepResults = plan.steps.map((_step: PlanStep, idx: number) => ({
+          stepNumber: idx + 1,
+          success: true,
+          observations: [],
+          artifacts: [],
+        }));
+
+        const reflection = await this._reflect(stepResults, task, context);
+        this._state.reflections.push(reflection);
+        yield { type: 'agent-reflection', reflection, timestamp: Date.now() };
+        await this._emitCallback('onReflection', reflection);
+
+        if (reflection.goalAchieved) {
+          break;
+        }
+
+        if (!reflection.shouldContinue) {
+          break;
+        }
+
+        currentIteration++;
+      }
+
+      this._updateStatus('complete');
+
+      const duration = Date.now() - startTime;
+
+      const result: AgentResult = {
+        success: true,
+        output: this._generateOutput(),
+        artifacts: this._collectArtifacts(),
+        tokensUsed: this._state.tokensUsed,
+        iterations: currentIteration,
+        duration,
+      };
+
+      yield { type: 'agent-complete', result, timestamp: Date.now() };
+    } catch (error: any) {
+      logger.error('Agent streaming execution failed:', error);
+      this._updateStatus('failed');
+
+      yield {
+        type: 'agent-error',
+        error: error.message,
+        recoverable: false,
+        timestamp: Date.now(),
+      };
+    }
+  }
+
+  private async _generatePlan(task: string, context: AgentContext): Promise<Plan> {
+    if (!this._reasoningPattern) {
+      throw new Error('Reasoning pattern not initialized');
+    }
+
+    const reasoningContext = {
+      task,
+      currentState: this._state,
+      availableTools: this._toolExecutor?.getAvailableTools() || [],
+      previousResults: [],
+      apiKeys: context.apiKeys,
+      providerSettings: context.providerSettings,
+      model: context.model,
+      provider: context.provider,
+      files: context.files,
+      webcontainer: context.webcontainer,
+      workingDirectory: context.workingDirectory,
+    };
+
+    return await this._reasoningPattern.generatePlan(task, reasoningContext);
+  }
+
+  private async _executePlanSteps(plan: Plan, context: AgentContext): Promise<any[]> {
+    const results = [];
+
+    for (const step of plan.steps) {
+      this._state.currentStep = step.number;
+      await this._emitCallback('onStepStarted', step);
+
+      const result = await this._executeStep(step, context);
+      results.push(result);
+
+      for (const observation of result.observations) {
+        this._state.observations.push(observation);
+        await this._emitCallback('onObservation', observation);
+      }
+    }
+
+    return results;
+  }
+
+  private async _executeStep(step: PlanStep, context: AgentContext): Promise<any> {
+    if (!this._reasoningPattern) {
+      throw new Error('Reasoning pattern not initialized');
+    }
+
+    const reasoningContext = {
+      task: '',
+      currentState: this._state,
+      availableTools: this._toolExecutor?.getAvailableTools() || [],
+      previousResults: [],
+      apiKeys: context.apiKeys,
+      providerSettings: context.providerSettings,
+      model: context.model,
+      provider: context.provider,
+      files: context.files,
+      webcontainer: context.webcontainer,
+      workingDirectory: context.workingDirectory,
+    };
+
+    return await this._reasoningPattern.executeStep(step, reasoningContext);
+  }
+
+  private async _reflect(results: any[], task: string, context: AgentContext): Promise<Reflection> {
+    if (!this._reasoningPattern) {
+      throw new Error('Reasoning pattern not initialized');
+    }
+
+    const reasoningContext = {
+      task,
+      currentState: this._state,
+      availableTools: this._toolExecutor?.getAvailableTools() || [],
+      previousResults: results,
+      apiKeys: context.apiKeys,
+      providerSettings: context.providerSettings,
+      model: context.model,
+      provider: context.provider,
+      files: context.files,
+      webcontainer: context.webcontainer,
+      workingDirectory: context.workingDirectory,
+    };
+
+    return await this._reasoningPattern.reflect(results, task, reasoningContext);
+  }
+
+  private _updateStatus(status: AgentStatus): void {
+    this._state.status = status;
+    this._emitCallback('onStatusChange', status);
+  }
+
+  private _generateOutput(): string {
+    return this._state.observations.map((obs: Observation) => obs.content).join('\n');
+  }
+
+  private _collectArtifacts(): string[] {
+    const artifacts: string[] = [];
+
+    for (const obs of this._state.observations) {
+      if (obs.metadata?.artifacts) {
+        artifacts.push(...obs.metadata.artifacts);
+      }
+    }
+
+    return artifacts;
+  }
+
+  private async _emitCallback<K extends keyof typeof this._callbacks>(event: K, data: any): Promise<void> {
+    const callbacks = this._callbacks[event];
+
+    for (const callback of callbacks) {
+      try {
+        await callback(data);
+      } catch (error) {
+        logger.error(`Error in ${event} callback:`, error);
+      }
+    }
+  }
+
+  onPlanGenerated(callback: AgentEventCallback<Plan>): this {
+    this._callbacks.onPlanGenerated.push(callback);
+    return this;
+  }
+
+  onStepStarted(callback: AgentEventCallback<PlanStep>): this {
+    this._callbacks.onStepStarted.push(callback);
+    return this;
+  }
+
+  onToolCall(callback: AgentEventCallback<ToolCall>): this {
+    this._callbacks.onToolCall.push(callback);
+    return this;
+  }
+
+  onObservation(callback: AgentEventCallback<Observation>): this {
+    this._callbacks.onObservation.push(callback);
+    return this;
+  }
+
+  onReflection(callback: AgentEventCallback<Reflection>): this {
+    this._callbacks.onReflection.push(callback);
+    return this;
+  }
+
+  onStatusChange(callback: AgentEventCallback<AgentStatus>): this {
+    this._callbacks.onStatusChange.push(callback);
+    return this;
+  }
+
+  getState(): AgentState {
+    return { ...this._state };
+  }
+
+  getConfig(): AgentConfig {
+    return { ...this._config };
+  }
+
+  getId(): string {
+    return this._id;
+  }
+}
diff --git a/app/lib/agent-sdk/core/factory.ts b/app/lib/agent-sdk/core/factory.ts
new file mode 100644
index 00000000..af1d3ffc
--- /dev/null
+++ b/app/lib/agent-sdk/core/factory.ts
@@ -0,0 +1,99 @@
+import { Agent } from './agent';
+import { LLMManager } from '~/lib/modules/llm/manager';
+import type { AgentConfig } from '~/types';
+import { AGENT_CONFIG_SCHEMA } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('AgentFactory');
+
+export interface AgentFactoryDependencies {
+  env?: Record<string, string>;
+}
+
+export class AgentFactory {
+  private static _instance: AgentFactory | null = null;
+  private _dependencies: AgentFactoryDependencies;
+
+  private constructor(dependencies: AgentFactoryDependencies = {}) {
+    this._dependencies = dependencies;
+  }
+
+  static getInstance(dependencies?: AgentFactoryDependencies): AgentFactory {
+    if (!AgentFactory._instance) {
+      AgentFactory._instance = new AgentFactory(dependencies);
+    }
+
+    return AgentFactory._instance;
+  }
+
+  async create(config: Partial<AgentConfig> = {}): Promise<Agent> {
+    const validatedConfig = AGENT_CONFIG_SCHEMA.parse(config);
+
+    logger.info(`Creating agent with config:`, validatedConfig);
+
+    const agent = new Agent(validatedConfig);
+
+    const llmManager = LLMManager.getInstance(this._dependencies.env || {});
+
+    const { PlanExecuteReasoning: planExecuteReasoningClass } = await import('../reasoning/plan-execute');
+    const { ToolExecutor: toolExecutorClass } = await import('../tools/executor');
+
+    const reasoningPattern = new planExecuteReasoningClass(llmManager, validatedConfig);
+    const toolExecutorInstance = new toolExecutorClass();
+
+    let streamManager;
+    let contextManager;
+    let checkpointManager;
+    let errorHandler;
+
+    if (validatedConfig.enableMemory) {
+      const { ContextManager: contextManagerClass } = await import('../memory/context-manager');
+      contextManager = new contextManagerClass(validatedConfig.tokenBudget);
+    }
+
+    if (validatedConfig.enableCheckpointing) {
+      const { CheckpointManager: checkpointManagerClass } = await import('../memory/checkpoint-manager');
+      checkpointManager = new checkpointManagerClass();
+      await checkpointManager.initialize();
+    }
+
+    if (validatedConfig.enableSelfCorrection) {
+      const { ErrorHandler: errorHandlerClass } = await import('../error-handling/error-handler');
+      errorHandler = new errorHandlerClass(llmManager);
+    }
+
+    agent.initialize({
+      llmManager,
+      reasoningPattern,
+      toolExecutor: toolExecutorInstance,
+      streamManager,
+      contextManager,
+      checkpointManager,
+      errorHandler,
+    });
+
+    logger.info(`Agent created successfully with ID: ${agent.getId()}`);
+
+    return agent;
+  }
+
+  async createDefault(): Promise<Agent> {
+    return this.create({
+      name: 'default-agent',
+      model: 'claude-sonnet-4.5',
+      reasoningPattern: 'plan-execute',
+      maxIterations: 20,
+      tokenBudget: 200000,
+      enableSelfCorrection: true,
+      enableMemory: true,
+      enableCheckpointing: true,
+    });
+  }
+
+  static async quickCreate(config?: Partial<AgentConfig>, env?: Record<string, string>): Promise<Agent> {
+    const factory = AgentFactory.getInstance({ env });
+    return factory.create(config);
+  }
+}
+
+export const createAgent = AgentFactory.quickCreate;
diff --git a/app/lib/agent-sdk/error-handling/error-handler.ts b/app/lib/agent-sdk/error-handling/error-handler.ts
new file mode 100644
index 00000000..e835ba17
--- /dev/null
+++ b/app/lib/agent-sdk/error-handling/error-handler.ts
@@ -0,0 +1,157 @@
+import type { LLMManager } from '~/lib/modules/llm/manager';
+import type { ErrorRecovery } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('ErrorHandler');
+
+export interface ErrorContext {
+  step?: any;
+  result?: any;
+  attempt: number;
+  failedTool?: string;
+  [key: string]: any;
+}
+
+type ErrorType = 'validation' | 'tool-execution' | 'syntax' | 'logic' | 'timeout' | 'unknown';
+
+export class ErrorHandler {
+  private _llmManager: LLMManager;
+
+  constructor(_llmManager: LLMManager) {
+    this._llmManager = _llmManager;
+  }
+
+  async handleError(error: Error, context: ErrorContext): Promise<ErrorRecovery> {
+    logger.info(`Handling error: ${error.message}`);
+
+    const classification = this._classifyError(error);
+
+    switch (classification) {
+      case 'validation':
+        return await this._handleValidationError(error, context);
+      case 'tool-execution':
+        return await this._handleToolError(error, context);
+      case 'syntax':
+        return await this._handleSyntaxError(error, context);
+      case 'timeout':
+        return await this._handleTimeoutError(error, context);
+      case 'logic':
+        return await this._handleLogicError(error, context);
+      default:
+        return this._escalate(error, context);
+    }
+  }
+
+  private _classifyError(error: Error): ErrorType {
+    const message = error.message.toLowerCase();
+
+    if (message.includes('validation') || message.includes('schema')) {
+      return 'validation';
+    }
+
+    if (message.includes('timeout')) {
+      return 'timeout';
+    }
+
+    if (message.includes('syntax') || message.includes('unexpected token')) {
+      return 'syntax';
+    }
+
+    if (message.includes('tool') || message.includes('execute')) {
+      return 'tool-execution';
+    }
+
+    if (message.includes('logic') || message.includes('assertion')) {
+      return 'logic';
+    }
+
+    return 'unknown';
+  }
+
+  private async _handleValidationError(error: Error, context: ErrorContext): Promise<ErrorRecovery> {
+    logger.debug('Handling validation error');
+
+    if (context.attempt >= 2) {
+      return this._escalate(error, context);
+    }
+
+    return {
+      strategy: 'retry',
+      reason: 'Validation failed, will retry with corrected input',
+      correction: {
+        validateFirst: true,
+      },
+    };
+  }
+
+  private async _handleToolError(error: Error, context: ErrorContext): Promise<ErrorRecovery> {
+    logger.debug('Handling tool execution error');
+
+    if (context.attempt >= 3) {
+      return this._escalate(error, context);
+    }
+
+    return {
+      strategy: 'retry',
+      reason: 'Tool execution failed, retrying',
+    };
+  }
+
+  private async _handleSyntaxError(error: Error, context: ErrorContext): Promise<ErrorRecovery> {
+    logger.debug('Handling syntax error');
+
+    if (context.attempt >= 2) {
+      return this._escalate(error, context);
+    }
+
+    return {
+      strategy: 'retry',
+      reason: 'Syntax error detected, will retry with corrections',
+      correction: {
+        fixSyntax: true,
+        error: error.message,
+      },
+    };
+  }
+
+  private async _handleTimeoutError(error: Error, context: ErrorContext): Promise<ErrorRecovery> {
+    logger.debug('Handling timeout error');
+
+    if (context.attempt >= 2) {
+      return this._escalate(error, context);
+    }
+
+    return {
+      strategy: 'retry',
+      reason: 'Operation timed out, retrying',
+      correction: {
+        increaseTimeout: true,
+      },
+    };
+  }
+
+  private async _handleLogicError(error: Error, context: ErrorContext): Promise<ErrorRecovery> {
+    logger.debug('Handling logic error');
+
+    if (context.attempt >= 2) {
+      return this._escalate(error, context);
+    }
+
+    return {
+      strategy: 'retry',
+      reason: 'Logic error detected, rethinking approach',
+      correction: {
+        rethink: true,
+      },
+    };
+  }
+
+  private _escalate(error: Error, context: ErrorContext): ErrorRecovery {
+    logger.warn('Escalating error to human intervention');
+
+    return {
+      strategy: 'escalate',
+      reason: `Cannot auto-recover from error after ${context.attempt} attempts: ${error.message}`,
+    };
+  }
+}
diff --git a/app/lib/agent-sdk/index.ts b/app/lib/agent-sdk/index.ts
new file mode 100644
index 00000000..889c1d5b
--- /dev/null
+++ b/app/lib/agent-sdk/index.ts
@@ -0,0 +1,52 @@
+export { Agent } from './core/agent';
+export { AgentFactory, createAgent } from './core/factory';
+
+export type { ReasoningPattern, ReasoningContext } from './reasoning/base';
+export { PlanExecuteReasoning } from './reasoning/plan-execute';
+
+export { ToolExecutor } from './tools/executor';
+export type { AgentTool, ToolContext, ToolExecutorOptions, ToolRegistry } from './tools/types';
+export { fileOperationTools } from './tools/builtin/file-operations';
+
+export { ContextManager } from './memory/context-manager';
+export { CheckpointManager } from './memory/checkpoint-manager';
+
+export { StreamManager } from './streaming/stream-manager';
+
+export { ErrorHandler } from './error-handling/error-handler';
+
+export type {
+  AgentStatus,
+  AgentConfig,
+  AgentState,
+  AgentResult,
+  AgentContext,
+  AgentEvent,
+  Plan,
+  PlanStep,
+  ToolCall,
+  ToolResult,
+  Observation,
+  Reflection,
+  StepResult,
+  ErrorRecovery,
+  Checkpoint,
+  ExecutionRecord,
+  ReasoningPatternType,
+} from './types';
+
+export {
+  AGENT_CONFIG_SCHEMA,
+  AGENT_STATE_SCHEMA,
+  AGENT_RESULT_SCHEMA,
+  PLAN_SCHEMA,
+  PLAN_STEP_SCHEMA,
+  TOOL_CALL_SCHEMA,
+  TOOL_RESULT_SCHEMA,
+  OBSERVATION_SCHEMA,
+  REFLECTION_SCHEMA,
+  STEP_RESULT_SCHEMA,
+  ERROR_RECOVERY_SCHEMA,
+  CHECKPOINT_SCHEMA,
+  EXECUTION_RECORD_SCHEMA,
+} from './types';
diff --git a/app/lib/agent-sdk/memory/checkpoint-manager.ts b/app/lib/agent-sdk/memory/checkpoint-manager.ts
new file mode 100644
index 00000000..5c264e7b
--- /dev/null
+++ b/app/lib/agent-sdk/memory/checkpoint-manager.ts
@@ -0,0 +1,198 @@
+import type { Checkpoint } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('CheckpointManager');
+
+const DB_NAME = 'codinit_agent_checkpoints';
+const DB_VERSION = 1;
+const STORE_NAME = 'checkpoints';
+
+export class CheckpointManager {
+  private _db: IDBDatabase | null = null;
+  private _initPromise: Promise<void> | null = null;
+
+  async initialize(): Promise<void> {
+    if (this._initPromise) {
+      return this._initPromise;
+    }
+
+    this._initPromise = this._openDatabase();
+
+    return this._initPromise;
+  }
+
+  private async _openDatabase(): Promise<void> {
+    if (typeof window === 'undefined' || !window.indexedDB) {
+      logger.warn('IndexedDB not available, checkpointing disabled');
+      return Promise.resolve();
+    }
+
+    return new Promise((resolve, reject) => {
+      const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+      request.onerror = () => {
+        logger.error('Failed to open IndexedDB:', request.error);
+        reject(request.error);
+      };
+
+      request.onsuccess = () => {
+        this._db = request.result;
+        logger.info('IndexedDB opened successfully');
+        resolve();
+      };
+
+      request.onupgradeneeded = (event) => {
+        const db = (event.target as IDBOpenDBRequest).result;
+
+        if (!db.objectStoreNames.contains(STORE_NAME)) {
+          const store = db.createObjectStore(STORE_NAME, { keyPath: 'id' });
+          store.createIndex('threadId', 'threadId', { unique: false });
+          store.createIndex('agentId', 'agentId', { unique: false });
+          store.createIndex('timestamp', 'timestamp', { unique: false });
+          logger.info('Created checkpoints object store');
+        }
+      };
+    });
+  }
+
+  async saveCheckpoint(checkpoint: Checkpoint): Promise<string> {
+    if (!this._db) {
+      logger.warn('Database not initialized, skipping checkpoint save');
+      return checkpoint.id;
+    }
+
+    return new Promise((resolve, reject) => {
+      const transaction = this._db!.transaction([STORE_NAME], 'readwrite');
+      const store = transaction.objectStore(STORE_NAME);
+      const request = store.put(checkpoint);
+
+      request.onsuccess = () => {
+        logger.debug(`Saved checkpoint: ${checkpoint.id}`);
+        resolve(checkpoint.id);
+      };
+
+      request.onerror = () => {
+        logger.error('Failed to save checkpoint:', request.error);
+        reject(request.error);
+      };
+    });
+  }
+
+  async loadCheckpoint(id: string): Promise<Checkpoint | null> {
+    if (!this._db) {
+      logger.warn('Database not initialized');
+      return null;
+    }
+
+    return new Promise((resolve, reject) => {
+      const transaction = this._db!.transaction([STORE_NAME], 'readonly');
+      const store = transaction.objectStore(STORE_NAME);
+      const request = store.get(id);
+
+      request.onsuccess = () => {
+        if (request.result) {
+          logger.debug(`Loaded checkpoint: ${id}`);
+          resolve(request.result as Checkpoint);
+        } else {
+          logger.warn(`Checkpoint not found: ${id}`);
+          resolve(null);
+        }
+      };
+
+      request.onerror = () => {
+        logger.error('Failed to load checkpoint:', request.error);
+        reject(request.error);
+      };
+    });
+  }
+
+  async listCheckpoints(threadId: string): Promise<Checkpoint[]> {
+    if (!this._db) {
+      return [];
+    }
+
+    return new Promise((resolve, reject) => {
+      const transaction = this._db!.transaction([STORE_NAME], 'readonly');
+      const store = transaction.objectStore(STORE_NAME);
+      const index = store.index('threadId');
+      const request = index.getAll(threadId);
+
+      request.onsuccess = () => {
+        const checkpoints = (request.result as Checkpoint[]).sort((a, b) => b.timestamp - a.timestamp);
+
+        logger.debug(`Found ${checkpoints.length} checkpoints for thread ${threadId}`);
+        resolve(checkpoints);
+      };
+
+      request.onerror = () => {
+        logger.error('Failed to list checkpoints:', request.error);
+        reject(request.error);
+      };
+    });
+  }
+
+  async deleteCheckpoint(id: string): Promise<boolean> {
+    if (!this._db) {
+      return false;
+    }
+
+    return new Promise((resolve, reject) => {
+      const transaction = this._db!.transaction([STORE_NAME], 'readwrite');
+      const store = transaction.objectStore(STORE_NAME);
+      const request = store.delete(id);
+
+      request.onsuccess = () => {
+        logger.debug(`Deleted checkpoint: ${id}`);
+        resolve(true);
+      };
+
+      request.onerror = () => {
+        logger.error('Failed to delete checkpoint:', request.error);
+        reject(request.error);
+      };
+    });
+  }
+
+  async clearCheckpoints(threadId?: string): Promise<void> {
+    if (!this._db) {
+      return Promise.resolve();
+    }
+
+    if (threadId) {
+      const checkpoints = await this.listCheckpoints(threadId);
+      await Promise.all(checkpoints.map((cp) => this.deleteCheckpoint(cp.id)));
+      logger.info(`Cleared checkpoints for thread ${threadId}`);
+
+      return Promise.resolve();
+    } else {
+      return new Promise((resolve, reject) => {
+        const transaction = this._db!.transaction([STORE_NAME], 'readwrite');
+        const store = transaction.objectStore(STORE_NAME);
+        const request = store.clear();
+
+        request.onsuccess = () => {
+          logger.info('Cleared all checkpoints');
+          resolve();
+        };
+
+        request.onerror = () => {
+          logger.error('Failed to clear checkpoints:', request.error);
+          reject(request.error);
+        };
+      });
+    }
+  }
+
+  async getLatestCheckpoint(threadId: string): Promise<Checkpoint | null> {
+    const checkpoints = await this.listCheckpoints(threadId);
+    return checkpoints.length > 0 ? checkpoints[0] : null;
+  }
+
+  async close(): Promise<void> {
+    if (this._db) {
+      this._db.close();
+      this._db = null;
+      logger.info('Database closed');
+    }
+  }
+}
diff --git a/app/lib/agent-sdk/memory/context-manager.ts b/app/lib/agent-sdk/memory/context-manager.ts
new file mode 100644
index 00000000..3795a5fb
--- /dev/null
+++ b/app/lib/agent-sdk/memory/context-manager.ts
@@ -0,0 +1,107 @@
+import type { Message } from 'ai';
+import { generateId } from 'ai';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('ContextManager');
+
+export interface ContextManagerOptions {
+  maxTokens: number;
+  estimatedTokensPerChar?: number;
+}
+
+export class ContextManager {
+  private _messages: Message[] = [];
+  private _maxTokens: number;
+  private _estimatedTokensPerChar: number;
+
+  constructor(maxTokens: number = 100000, options: Partial<ContextManagerOptions> = {}) {
+    this._maxTokens = maxTokens;
+    this._estimatedTokensPerChar = options.estimatedTokensPerChar || 0.25;
+  }
+
+  addMessage(message: Message): void {
+    this._messages.push(message);
+    this._trimIfNeeded();
+  }
+
+  addMessages(messages: Message[]): void {
+    this._messages.push(...messages);
+    this._trimIfNeeded();
+  }
+
+  getMessages(): Message[] {
+    return [...this._messages];
+  }
+
+  getContextWindow(): Message[] {
+    return this.getMessages();
+  }
+
+  clear(): void {
+    this._messages = [];
+    logger.debug('Context cleared');
+  }
+
+  estimateTokenCount(): number {
+    const totalChars = this._messages.reduce((sum, msg) => {
+      const content = typeof msg.content === 'string' ? msg.content : JSON.stringify(msg.content);
+      return sum + content.length;
+    }, 0);
+
+    return Math.ceil(totalChars * this._estimatedTokensPerChar);
+  }
+
+  private _trimIfNeeded(): void {
+    let estimatedTokens = this.estimateTokenCount();
+
+    while (estimatedTokens > this._maxTokens && this._messages.length > 1) {
+      const removed = this._messages.shift();
+      logger.debug(`Removed message to stay within token limit. Removed role: ${removed?.role}`);
+      estimatedTokens = this.estimateTokenCount();
+    }
+
+    if (estimatedTokens > this._maxTokens) {
+      logger.warn(`Context still exceeds token limit after trimming: ${estimatedTokens} > ${this._maxTokens}`);
+    }
+  }
+
+  setMaxTokens(maxTokens: number): void {
+    this._maxTokens = maxTokens;
+    this._trimIfNeeded();
+  }
+
+  getMaxTokens(): number {
+    return this._maxTokens;
+  }
+
+  getMessageCount(): number {
+    return this._messages.length;
+  }
+
+  async summarizeAndCompress(summaryFn: (messages: Message[]) => Promise<string>): Promise<void> {
+    if (this._messages.length <= 2) {
+      logger.debug('Not enough messages to summarize');
+      return;
+    }
+
+    const messagesToSummarize = this._messages.slice(0, -2);
+    const recentMessages = this._messages.slice(-2);
+
+    try {
+      const summary = await summaryFn(messagesToSummarize);
+
+      this._messages = [
+        {
+          id: generateId(),
+          role: 'system',
+          content: `Summary of previous conversation:\n${summary}`,
+        },
+        ...recentMessages,
+      ];
+
+      logger.info('Context compressed via summarization');
+    } catch (error) {
+      logger.error('Failed to summarize context:', error);
+    }
+  }
+}
diff --git a/app/lib/agent-sdk/reasoning/base.ts b/app/lib/agent-sdk/reasoning/base.ts
new file mode 100644
index 00000000..611c8797
--- /dev/null
+++ b/app/lib/agent-sdk/reasoning/base.ts
@@ -0,0 +1,21 @@
+import type { Plan, PlanStep, StepResult, Reflection, AgentState } from '~/types';
+
+export interface ReasoningContext {
+  task: string;
+  currentState: AgentState;
+  availableTools: string[];
+  previousResults: StepResult[];
+  [key: string]: any;
+}
+
+export interface ReasoningPattern {
+  name: string;
+
+  generatePlan(task: string, context: ReasoningContext): Promise<Plan>;
+
+  executeStep(step: PlanStep, context: ReasoningContext): Promise<StepResult>;
+
+  reflect(results: StepResult[], goal: string, context: ReasoningContext): Promise<Reflection>;
+
+  shouldContinue(state: AgentState): boolean;
+}
diff --git a/app/lib/agent-sdk/reasoning/plan-execute.ts b/app/lib/agent-sdk/reasoning/plan-execute.ts
new file mode 100644
index 00000000..687e7ce7
--- /dev/null
+++ b/app/lib/agent-sdk/reasoning/plan-execute.ts
@@ -0,0 +1,261 @@
+import type { LLMManager } from '~/lib/modules/llm/manager';
+import type { ReasoningPattern, ReasoningContext } from './base';
+import type { Plan, PlanStep, StepResult, Reflection, AgentState, AgentConfig } from '~/types';
+import { streamText } from '~/lib/.server/llm/stream-text';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('PlanExecuteReasoning');
+
+const PLANNING_PROMPT = `You are a software development agent using the Plan-Execute reasoning pattern.
+
+Your task: {task}
+
+Instructions:
+1. Analyze the task carefully
+2. Break it down into clear, executable steps
+3. Identify which tools you'll need for each step
+4. Consider dependencies between steps
+5. Estimate the complexity
+
+Output your plan in the following JSON format:
+\`\`\`json
+{
+  "steps": [
+    {
+      "number": 1,
+      "description": "Step description",
+      "tools": ["tool_name"],
+      "dependencies": [],
+      "estimatedComplexity": "low|medium|high",
+      "expectedOutcome": "What success looks like"
+    }
+  ],
+  "estimatedComplexity": "low|medium|high",
+  "estimatedTokens": 10000
+}
+\`\`\`
+
+Available tools: {tools}
+
+Think step-by-step and create a comprehensive plan.`;
+
+const REFLECTION_PROMPT = `You are reflecting on the execution results to determine next steps.
+
+Original goal: {goal}
+
+Steps executed: {executedSteps}
+
+Results summary: {results}
+
+Questions to answer:
+1. Has the goal been achieved?
+2. What issues or problems were encountered?
+3. Should we continue iterating?
+4. What specific actions should we take next?
+
+Provide your reflection in the following JSON format:
+\`\`\`json
+{
+  "goalAchieved": true|false,
+  "issues": ["issue1", "issue2"],
+  "nextActions": ["action1", "action2"],
+  "shouldContinue": true|false
+}
+\`\`\``;
+
+export class PlanExecuteReasoning implements ReasoningPattern {
+  name = 'plan-execute';
+  private _llmManager: LLMManager;
+  private _config: AgentConfig;
+
+  constructor(_llmManager: LLMManager, config: AgentConfig) {
+    this._llmManager = _llmManager;
+    this._config = config;
+  }
+
+  async generatePlan(task: string, context: ReasoningContext): Promise<Plan> {
+    logger.info('Generating plan for task:', task);
+
+    const prompt = PLANNING_PROMPT.replace('{task}', task).replace(
+      '{tools}',
+      context.availableTools.join(', ') || 'none',
+    );
+
+    try {
+      const result = await streamText({
+        messages: [
+          {
+            role: 'user',
+            content: prompt,
+          },
+        ],
+
+        apiKeys: context.apiKeys || {},
+        providerSettings: context.providerSettings || {},
+        options: {},
+      });
+
+      let fullText = '';
+
+      for await (const chunk of result.textStream) {
+        fullText += chunk;
+      }
+
+      const plan = this._parsePlanFromResponse(fullText);
+      logger.info('Plan generated successfully with', plan.steps.length, 'steps');
+
+      return plan;
+    } catch (error) {
+      logger.error('Failed to generate plan:', error);
+      return this._createFallbackPlan(task);
+    }
+  }
+
+  async executeStep(step: PlanStep, _context: ReasoningContext): Promise<StepResult> {
+    logger.info(`Executing step ${step.number}: ${step.description}`);
+
+    const observations = [];
+
+    observations.push({
+      content: `Executed step ${step.number}: ${step.description}`,
+      success: true,
+      timestamp: Date.now(),
+    });
+
+    return {
+      stepNumber: step.number,
+      success: true,
+      observations,
+      artifacts: [],
+    };
+  }
+
+  async reflect(results: StepResult[], goal: string, context: ReasoningContext): Promise<Reflection> {
+    logger.info('Reflecting on execution results');
+
+    const executedSteps = results.map((r) => `Step ${r.stepNumber}: ${r.success ? 'Success' : 'Failed'}`).join('\n');
+
+    const resultsSummary = results
+      .map((r) => {
+        const obs = r.observations.map((o) => `  - ${o.content}`).join('\n');
+        return `Step ${r.stepNumber}:\n${obs}`;
+      })
+      .join('\n\n');
+
+    const prompt = REFLECTION_PROMPT.replace('{goal}', goal)
+      .replace('{executedSteps}', executedSteps)
+      .replace('{results}', resultsSummary);
+
+    try {
+      const result = await streamText({
+        messages: [
+          {
+            role: 'user',
+            content: prompt,
+          },
+        ],
+
+        apiKeys: context.apiKeys || {},
+        providerSettings: context.providerSettings || {},
+        options: {},
+      });
+
+      let fullText = '';
+
+      for await (const chunk of result.textStream) {
+        fullText += chunk;
+      }
+
+      const reflection = this._parseReflectionFromResponse(fullText);
+      logger.info('Reflection complete. Goal achieved:', reflection.goalAchieved);
+
+      return reflection;
+    } catch (error) {
+      logger.error('Failed to reflect:', error);
+
+      return {
+        goalAchieved: false,
+        issues: ['Failed to generate reflection'],
+        nextActions: ['Retry execution'],
+        shouldContinue: false,
+        timestamp: Date.now(),
+      };
+    }
+  }
+
+  shouldContinue(state: AgentState): boolean {
+    if (state.status === 'complete' || state.status === 'failed' || state.status === 'aborted') {
+      return false;
+    }
+
+    if (state.tokensUsed >= this._config.tokenBudget) {
+      logger.warn('Token budget exceeded, stopping execution');
+      return false;
+    }
+
+    return true;
+  }
+
+  private _parsePlanFromResponse(response: string): Plan {
+    try {
+      const jsonMatch = response.match(/```json\n([\s\S]*?)\n```/);
+
+      if (jsonMatch) {
+        const parsed = JSON.parse(jsonMatch[1]);
+        return {
+          type: 'plan',
+          steps: parsed.steps || [],
+          estimatedComplexity: parsed.estimatedComplexity || 'medium',
+          estimatedTokens: parsed.estimatedTokens,
+        };
+      }
+    } catch {
+      logger.warn('Failed to parse plan from JSON, using fallback');
+    }
+
+    return this._createFallbackPlan('Parsed task');
+  }
+
+  private _parseReflectionFromResponse(response: string): Reflection {
+    try {
+      const jsonMatch = response.match(/```json\n([\s\S]*?)\n```/);
+
+      if (jsonMatch) {
+        const parsed = JSON.parse(jsonMatch[1]);
+        return {
+          goalAchieved: parsed.goalAchieved || false,
+          issues: parsed.issues || [],
+          nextActions: parsed.nextActions || [],
+          shouldContinue: parsed.shouldContinue !== false,
+          timestamp: Date.now(),
+        };
+      }
+    } catch {
+      logger.warn('Failed to parse reflection from JSON');
+    }
+
+    return {
+      goalAchieved: false,
+      issues: [],
+      nextActions: [],
+      shouldContinue: false,
+      timestamp: Date.now(),
+    };
+  }
+
+  private _createFallbackPlan(task: string): Plan {
+    return {
+      type: 'plan',
+      steps: [
+        {
+          number: 1,
+          description: task,
+          tools: [],
+          dependencies: [],
+          estimatedComplexity: 'medium',
+        },
+      ],
+      estimatedComplexity: 'medium',
+    };
+  }
+}
diff --git a/app/lib/agent-sdk/streaming/stream-manager.ts b/app/lib/agent-sdk/streaming/stream-manager.ts
new file mode 100644
index 00000000..12e63765
--- /dev/null
+++ b/app/lib/agent-sdk/streaming/stream-manager.ts
@@ -0,0 +1,85 @@
+import type { DataStreamWriter } from 'ai';
+import type { Plan, PlanStep, ToolCall, ToolResult, Observation, Reflection, AgentResult } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('StreamManager');
+
+export class StreamManager {
+  private _dataStream: DataStreamWriter;
+
+  constructor(dataStream: DataStreamWriter) {
+    this._dataStream = dataStream;
+  }
+
+  private _emit(type: string, data: any, eventName?: string): void {
+    try {
+      this._dataStream.writeMessageAnnotation({ type, ...data } as any);
+      logger.debug(eventName || `Emitted ${type}`);
+    } catch (error) {
+      logger.error(`Failed to emit ${type}:`, error);
+    }
+  }
+
+  private _emitProgress(phase: string, status: string, message?: string): void {
+    try {
+      this._dataStream.writeData({ type: 'agent-progress', phase, status, message, timestamp: Date.now() } as any);
+    } catch (error) {
+      logger.error('Failed to emit progress:', error);
+    }
+  }
+
+  emitPlanGenerated(plan: Plan): void {
+    this._emit('agent-plan', {
+      steps: plan.steps,
+      estimatedComplexity: plan.estimatedComplexity,
+      estimatedTokens: plan.estimatedTokens,
+    });
+    this._emitProgress('planning', 'complete', `Plan generated with ${plan.steps.length} steps`);
+  }
+
+  emitStepStarted(step: PlanStep): void {
+    this._emit('agent-step-start', { stepNumber: step.number, description: step.description, tools: step.tools });
+    this._emitProgress('execution', 'in-progress', step.description);
+  }
+
+  emitToolCall(call: ToolCall): void {
+    this._emit(
+      'agent-tool-call',
+      { toolCallId: call.id, toolName: call.name, arguments: call.arguments, timestamp: call.timestamp },
+      `tool call: ${call.name}`,
+    );
+  }
+
+  emitToolResult(result: ToolResult): void {
+    this._emit('agent-tool-result', result, `tool result: ${result.toolCallId}`);
+  }
+
+  emitObservation(observation: Observation): void {
+    this._emit('agent-observation', observation);
+  }
+
+  emitReflection(reflection: Reflection): void {
+    this._emit('agent-reflection', reflection);
+    this._emitProgress('reflection', 'complete', reflection.goalAchieved ? 'Goal achieved' : 'Continuing execution');
+  }
+
+  emitError(error: string, recoverable = false): void {
+    this._emit('agent-error', { error, recoverable, timestamp: Date.now() });
+    this._emitProgress('error', 'failed', error);
+    logger.error('Agent error:', error);
+  }
+
+  emitComplete(result: AgentResult): void {
+    this._emit('agent-complete', result);
+    this._emitProgress(
+      'complete',
+      result.success ? 'complete' : 'failed',
+      result.success ? 'Execution completed' : 'Execution failed',
+    );
+    logger.info('Agent execution completed');
+  }
+
+  emitProgress(phase: string, status: string, message?: string): void {
+    this._emitProgress(phase, status, message);
+  }
+}
diff --git a/app/lib/agent-sdk/tools/builtin/file-operations.ts b/app/lib/agent-sdk/tools/builtin/file-operations.ts
new file mode 100644
index 00000000..98ea4c51
--- /dev/null
+++ b/app/lib/agent-sdk/tools/builtin/file-operations.ts
@@ -0,0 +1,168 @@
+import { z } from 'zod';
+import type { AgentTool, ToolContext, ToolResult } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('FileOperationTools');
+
+const createTool = (
+  name: string,
+  description: string,
+  parameters: z.ZodSchema,
+  execute: (args: any, context: ToolContext) => Promise<any>,
+  timeout = 10000,
+): AgentTool => ({
+  name,
+  description,
+  parameters,
+  async execute(args: any, context: ToolContext): Promise<ToolResult> {
+    try {
+      const output = await execute(args, context);
+      return {
+        toolCallId: `${name}-${Date.now()}`,
+        success: true,
+        output,
+      };
+    } catch (error: any) {
+      logger.error(`${name} failed:`, error);
+      return {
+        toolCallId: `${name}-${Date.now()}`,
+        success: false,
+        output: null,
+        error: error.message,
+      };
+    }
+  },
+  timeout,
+});
+
+export const readFileTool = createTool(
+  'read_file',
+  'Read the contents of a file',
+  z.object({
+    path: z.string().describe('The file path to read'),
+    encoding: z.enum(['utf8', 'base64']).optional().default('utf8'),
+  }),
+  async (args, ctx) => {
+    logger.info(`Reading file: ${args.path}`);
+
+    const content = await ctx.webcontainer.fs.readFile(args.path, args.encoding as 'utf8');
+
+    return { path: args.path, content, encoding: args.encoding };
+  },
+);
+
+export const writeFileTool = createTool(
+  'write_file',
+  'Write or update a file with new content',
+  z.object({
+    path: z.string().describe('The file path to write'),
+    content: z.string().describe('The content to write to the file'),
+  }),
+  async (args, ctx) => {
+    logger.info(`Writing file: ${args.path}`);
+    await ctx.webcontainer.fs.writeFile(args.path, args.content);
+
+    return { path: args.path, bytesWritten: args.content.length };
+  },
+  15000,
+);
+
+export const listFilesTool = createTool(
+  'list_files',
+  'List files and directories at a given path',
+  z.object({
+    path: z.string().describe('The directory path to list').default('.'),
+    recursive: z.boolean().describe('Whether to list recursively').optional().default(false),
+  }),
+  async (args, ctx) => {
+    logger.info(`Listing files at: ${args.path}`);
+
+    const listDir = async (dirPath: string, recursive = false): Promise<string[]> => {
+      const entries = await ctx.webcontainer.fs.readdir(dirPath, { withFileTypes: true });
+      const files: string[] = [];
+
+      for (const entry of entries) {
+        const fullPath = `${dirPath}/${entry.name}`.replace(/\/+/g, '/');
+
+        if (entry.isDirectory()) {
+          if (recursive) {
+            files.push(...(await listDir(fullPath, true)));
+          } else {
+            files.push(`${fullPath}/`);
+          }
+        } else {
+          files.push(fullPath);
+        }
+      }
+
+      return files;
+    };
+
+    const files = await listDir(args.path, args.recursive);
+
+    return { path: args.path, files, count: files.length };
+  },
+);
+
+export const deleteFileTool = createTool(
+  'delete_file',
+  'Delete a file or directory',
+  z.object({
+    path: z.string().describe('The file or directory path to delete'),
+    recursive: z.boolean().describe('Whether to delete recursively for directories').optional().default(false),
+  }),
+  async (args, ctx) => {
+    logger.info(`Deleting: ${args.path}`);
+
+    try {
+      await ctx.webcontainer.fs.readdir(args.path);
+      await ctx.webcontainer.fs.rm(args.path, { recursive: args.recursive });
+    } catch {
+      await ctx.webcontainer.fs.rm(args.path);
+    }
+
+    return { path: args.path, deleted: true };
+  },
+);
+
+export const createDirectoryTool = createTool(
+  'create_directory',
+  'Create a new directory',
+  z.object({
+    path: z.string().describe('The directory path to create'),
+    recursive: z.boolean().describe('Whether to create parent directories').optional().default(true),
+  }),
+  async (args, ctx) => {
+    logger.info(`Creating directory: ${args.path}`);
+    await ctx.webcontainer.fs.mkdir(args.path, { recursive: args.recursive ?? true });
+
+    return { path: args.path, created: true };
+  },
+  5000,
+);
+
+export const fileExistsTool = createTool(
+  'file_exists',
+  'Check if a file or directory exists',
+  z.object({
+    path: z.string().describe('The file or directory path to check'),
+  }),
+  async (args, ctx) => {
+    try {
+      await ctx.webcontainer.fs.readFile(args.path);
+      return { path: args.path, exists: true };
+    } catch {
+      return { path: args.path, exists: false };
+    }
+  },
+  5000,
+);
+
+export const fileOperationTools: AgentTool[] = [
+  readFileTool,
+  writeFileTool,
+  listFilesTool,
+  deleteFileTool,
+  createDirectoryTool,
+  fileExistsTool,
+];
diff --git a/app/lib/agent-sdk/tools/executor.ts b/app/lib/agent-sdk/tools/executor.ts
new file mode 100644
index 00000000..b37a5129
--- /dev/null
+++ b/app/lib/agent-sdk/tools/executor.ts
@@ -0,0 +1,162 @@
+import type { AgentTool, ToolContext, ToolExecutorOptions, ToolRegistry } from './types';
+import type { ToolResult } from '~/types';
+import { createScopedLogger } from '~/utils/logger';
+
+const logger = createScopedLogger('ToolExecutor');
+
+export class ToolExecutor {
+  private _tools: ToolRegistry = new Map();
+  private _options: ToolExecutorOptions;
+
+  constructor(options: ToolExecutorOptions = {}) {
+    this._options = {
+      defaultTimeout: options.defaultTimeout || 30000,
+      maxConcurrent: options.maxConcurrent || 5,
+    };
+  }
+
+  registerTool(tool: AgentTool): void {
+    if (this._tools.has(tool.name)) {
+      logger.warn(`Tool ${tool.name} is already registered. Overwriting.`);
+    }
+
+    this._tools.set(tool.name, tool);
+    logger.debug(`Registered tool: ${tool.name}`);
+  }
+
+  registerTools(tools: AgentTool[]): void {
+    for (const tool of tools) {
+      this.registerTool(tool);
+    }
+  }
+
+  unregisterTool(name: string): boolean {
+    const result = this._tools.delete(name);
+
+    if (result) {
+      logger.debug(`Unregistered tool: ${name}`);
+    }
+
+    return result;
+  }
+
+  hasTool(name: string): boolean {
+    return this._tools.has(name);
+  }
+
+  getTool(name: string): AgentTool | undefined {
+    return this._tools.get(name);
+  }
+
+  getAvailableTools(): string[] {
+    return Array.from(this._tools.keys());
+  }
+
+  getAllTools(): AgentTool[] {
+    return Array.from(this._tools.values());
+  }
+
+  async executeTool(name: string, args: any, context: ToolContext): Promise<ToolResult> {
+    const tool = this._tools.get(name);
+
+    if (!tool) {
+      logger.error(`Tool not found: ${name}`);
+      return {
+        toolCallId: `${name}-${Date.now()}`,
+        success: false,
+        output: null,
+        error: `Tool '${name}' not found. Available tools: ${this.getAvailableTools().join(', ')}`,
+      };
+    }
+
+    logger.info(`Executing tool: ${name}`);
+
+    const startTime = Date.now();
+
+    try {
+      const validatedArgs = tool.parameters.parse(args);
+
+      if (tool.validate && !tool.validate(validatedArgs)) {
+        return {
+          toolCallId: `${name}-${Date.now()}`,
+          success: false,
+          output: null,
+          error: `Tool validation failed for: ${name}`,
+        };
+      }
+
+      const timeout = tool.timeout || this._options.defaultTimeout;
+      const result = await this._executeWithTimeout(() => tool.execute(validatedArgs, context), timeout!, name);
+
+      const duration = Date.now() - startTime;
+      logger.info(`Tool ${name} executed successfully in ${duration}ms`);
+
+      return {
+        ...result,
+        duration,
+      };
+    } catch (error: any) {
+      const duration = Date.now() - startTime;
+      logger.error(`Tool ${name} execution failed:`, error);
+
+      return {
+        toolCallId: `${name}-${Date.now()}`,
+        success: false,
+        output: null,
+        error: error.message || 'Unknown error during tool execution',
+        duration,
+      };
+    }
+  }
+
+  async executeTools(calls: Array<{ name: string; args: any }>, context: ToolContext): Promise<ToolResult[]> {
+    logger.info(`Executing ${calls.length} tools`);
+
+    const results = await Promise.allSettled(calls.map((call) => this.executeTool(call.name, call.args, context)));
+
+    return results.map((result, idx) => {
+      if (result.status === 'fulfilled') {
+        return result.value;
+      } else {
+        logger.error(`Tool ${calls[idx].name} failed:`, result.reason);
+        return {
+          toolCallId: `${calls[idx].name}-${Date.now()}`,
+          success: false,
+          output: null,
+          error: result.reason?.message || 'Tool execution rejected',
+        };
+      }
+    });
+  }
+
+  private async _executeWithTimeout<T>(fn: () => Promise<T>, timeout: number, toolName: string): Promise<T> {
+    return new Promise((resolve, reject) => {
+      const timer = setTimeout(() => {
+        reject(new Error(`Tool '${toolName}' execution timeout after ${timeout}ms`));
+      }, timeout);
+
+      fn()
+        .then((result) => {
+          clearTimeout(timer);
+          resolve(result);
+        })
+        .catch((error) => {
+          clearTimeout(timer);
+          reject(error);
+        });
+    });
+  }
+
+  clearAllTools(): void {
+    this._tools.clear();
+    logger.info('All tools cleared');
+  }
+
+  getToolsMetadata(): Array<{ name: string; description: string; parameters: any }> {
+    return this.getAllTools().map((tool) => ({
+      name: tool.name,
+      description: tool.description,
+      parameters: tool.parameters,
+    }));
+  }
+}
diff --git a/app/lib/agent-sdk/tools/types.ts b/app/lib/agent-sdk/tools/types.ts
new file mode 100644
index 00000000..03e2af27
--- /dev/null
+++ b/app/lib/agent-sdk/tools/types.ts
@@ -0,0 +1,29 @@
+import type { z } from 'zod';
+import type { FilesStore } from '~/lib/stores/files';
+import type { ActionRunner } from '~/lib/runtime/action-runner';
+import type { WebContainer } from '@webcontainer/api';
+import type { ToolResult } from '~/types';
+
+export interface ToolContext {
+  workingDirectory: string;
+  webcontainer: WebContainer;
+  filesStore: FilesStore;
+  actionRunner: ActionRunner;
+  [key: string]: any;
+}
+
+export interface AgentTool<TInput = any> {
+  name: string;
+  description: string;
+  parameters: z.ZodSchema<TInput>;
+  execute: (args: TInput, context: ToolContext) => Promise<ToolResult>;
+  validate?: (args: TInput) => boolean;
+  timeout?: number;
+}
+
+export interface ToolExecutorOptions {
+  defaultTimeout?: number;
+  maxConcurrent?: number;
+}
+
+export type ToolRegistry = Map<string, AgentTool>;
diff --git a/app/lib/agent-sdk/types.ts b/app/lib/agent-sdk/types.ts
new file mode 100644
index 00000000..add11403
--- /dev/null
+++ b/app/lib/agent-sdk/types.ts
@@ -0,0 +1,174 @@
+import { z } from 'zod';
+
+export const AGENT_STATUS_SCHEMA = z.enum([
+  'idle',
+  'planning',
+  'executing',
+  'observing',
+  'reflecting',
+  'complete',
+  'failed',
+  'aborted',
+]);
+export type AgentStatus = z.infer<typeof AGENT_STATUS_SCHEMA>;
+
+export const REASONING_PATTERN_TYPE_SCHEMA = z.enum(['plan-execute', 'react', 'tree-of-thoughts']);
+export type ReasoningPatternType = z.infer<typeof REASONING_PATTERN_TYPE_SCHEMA>;
+
+export const AGENT_CONFIG_SCHEMA = z.object({
+  name: z.string().default('agent'),
+  model: z.string().default('claude-sonnet-4.5'),
+  provider: z.string().optional(),
+  reasoningPattern: REASONING_PATTERN_TYPE_SCHEMA.default('plan-execute'),
+  maxIterations: z.number().int().positive().default(20),
+  tokenBudget: z.number().int().positive().default(200000),
+  enableSelfCorrection: z.boolean().default(true),
+  enableMemory: z.boolean().default(true),
+  enableCheckpointing: z.boolean().default(true),
+  toolTimeout: z.number().int().positive().default(30000),
+  systemPrompt: z.string().optional(),
+});
+
+export type AgentConfig = z.infer<typeof AGENT_CONFIG_SCHEMA>;
+
+export const PLAN_STEP_SCHEMA = z.object({
+  number: z.number().int().positive(),
+  description: z.string(),
+  tools: z.array(z.string()).default([]),
+  dependencies: z.array(z.number().int()).default([]),
+  estimatedComplexity: z.enum(['low', 'medium', 'high']).default('medium'),
+  expectedOutcome: z.string().optional(),
+});
+
+export type PlanStep = z.infer<typeof PLAN_STEP_SCHEMA>;
+
+export const PLAN_SCHEMA = z.object({
+  type: z.literal('plan'),
+  steps: z.array(PLAN_STEP_SCHEMA),
+  estimatedComplexity: z.enum(['low', 'medium', 'high']),
+  estimatedTokens: z.number().int().optional(),
+});
+
+export type Plan = z.infer<typeof PLAN_SCHEMA>;
+
+export const TOOL_CALL_SCHEMA = z.object({
+  id: z.string(),
+  name: z.string(),
+  arguments: z.record(z.any()),
+  timestamp: z.number(),
+});
+
+export type ToolCall = z.infer<typeof TOOL_CALL_SCHEMA>;
+
+export const TOOL_RESULT_SCHEMA = z.object({
+  toolCallId: z.string(),
+  success: z.boolean(),
+  output: z.any(),
+  error: z.string().optional(),
+  duration: z.number().optional(),
+});
+
+export type ToolResult = z.infer<typeof TOOL_RESULT_SCHEMA>;
+
+export const OBSERVATION_SCHEMA = z.object({
+  content: z.string(),
+  success: z.boolean(),
+  timestamp: z.number(),
+  metadata: z.record(z.any()).optional(),
+});
+
+export type Observation = z.infer<typeof OBSERVATION_SCHEMA>;
+
+export const REFLECTION_SCHEMA = z.object({
+  goalAchieved: z.boolean(),
+  issues: z.array(z.string()).default([]),
+  nextActions: z.array(z.string()).default([]),
+  shouldContinue: z.boolean(),
+  timestamp: z.number(),
+});
+
+export type Reflection = z.infer<typeof REFLECTION_SCHEMA>;
+
+export const STEP_RESULT_SCHEMA = z.object({
+  stepNumber: z.number().int(),
+  success: z.boolean(),
+  observations: z.array(OBSERVATION_SCHEMA),
+  artifacts: z.array(z.string()).default([]),
+  error: z.string().optional(),
+});
+
+export type StepResult = z.infer<typeof STEP_RESULT_SCHEMA>;
+
+export const AGENT_STATE_SCHEMA = z.object({
+  status: AGENT_STATUS_SCHEMA,
+  currentIteration: z.number().int().default(0),
+  currentStep: z.number().int().optional(),
+  plan: PLAN_SCHEMA.optional(),
+  history: z.array(z.any()).default([]),
+  observations: z.array(OBSERVATION_SCHEMA).default([]),
+  reflections: z.array(REFLECTION_SCHEMA).default([]),
+  tokensUsed: z.number().int().default(0),
+  startTime: z.number(),
+  endTime: z.number().optional(),
+});
+
+export type AgentState = z.infer<typeof AGENT_STATE_SCHEMA>;
+
+export const AGENT_RESULT_SCHEMA = z.object({
+  success: z.boolean(),
+  output: z.string(),
+  artifacts: z.array(z.string()).default([]),
+  tokensUsed: z.number().int(),
+  iterations: z.number().int(),
+  duration: z.number(),
+  error: z.string().optional(),
+});
+
+export type AgentResult = z.infer<typeof AGENT_RESULT_SCHEMA>;
+
+export interface AgentContext {
+  apiKeys: Record<string, string>;
+  providerSettings?: Record<string, any>;
+  model?: string;
+  provider?: string;
+  files?: Record<string, any>;
+  webcontainer?: any;
+  workingDirectory?: string;
+}
+
+export interface AgentEvent {
+  type: 'plan' | 'step-start' | 'tool-call' | 'tool-result' | 'observation' | 'reflection' | 'error' | 'complete';
+  data: any;
+  timestamp: number;
+}
+
+export const ERROR_RECOVERY_SCHEMA = z.object({
+  strategy: z.enum(['retry', 'skip', 'escalate', 'alternative']),
+  correction: z.any().optional(),
+  alternativeTool: z.string().optional(),
+  reason: z.string(),
+});
+
+export type ErrorRecovery = z.infer<typeof ERROR_RECOVERY_SCHEMA>;
+
+export const CHECKPOINT_SCHEMA = z.object({
+  id: z.string(),
+  threadId: z.string(),
+  agentId: z.string(),
+  state: AGENT_STATE_SCHEMA,
+  timestamp: z.number(),
+  metadata: z.record(z.any()).optional(),
+});
+
+export type Checkpoint = z.infer<typeof CHECKPOINT_SCHEMA>;
+
+export const EXECUTION_RECORD_SCHEMA = z.object({
+  id: z.string(),
+  task: z.string(),
+  result: AGENT_RESULT_SCHEMA,
+  plan: PLAN_SCHEMA.optional(),
+  toolCalls: z.array(TOOL_CALL_SCHEMA).default([]),
+  timestamp: z.number(),
+});
+
+export type ExecutionRecord = z.infer<typeof EXECUTION_RECORD_SCHEMA>;
diff --git a/app/lib/api/chat-validation.ts b/app/lib/api/chat-validation.ts
index 836bb8b3..0062d296 100644
--- a/app/lib/api/chat-validation.ts
+++ b/app/lib/api/chat-validation.ts
@@ -31,6 +31,7 @@ const chatRequestSchema = z.object({
   designScheme: z.any().optional(),
   supabase: supabaseConfigSchema.optional(),
   enableMCPTools: z.boolean().default(false),
+  agentMode: z.boolean().default(false),
 });
 
 export interface ValidatedChatRequest {
@@ -48,6 +49,7 @@ export interface ValidatedChatRequest {
     };
   };
   enableMCPTools: boolean;
+  agentMode: boolean;
 }
 
 export function validateChatRequest(data: unknown): ValidatedChatRequest {
diff --git a/app/lib/hooks/useToolMentionAutocomplete.ts b/app/lib/hooks/useToolMentionAutocomplete.ts
index e99e7344..a2dba563 100644
--- a/app/lib/hooks/useToolMentionAutocomplete.ts
+++ b/app/lib/hooks/useToolMentionAutocomplete.ts
@@ -19,26 +19,37 @@ export interface FileItem {
   type: 'file';
 }
 
+export interface CommandItem {
+  name: string;
+  description: string;
+  icon: string;
+  action: 'agent-mode' | 'mcp-tool';
+  type: 'command';
+}
+
 interface UseToolMentionAutocompleteOptions {
   input: string;
   textareaRef: React.RefObject<HTMLTextAreaElement> | undefined;
   onToolSelected: (toolName: string) => void;
   onFileSelected?: (filePath: string) => void;
+  onCommandSelected?: (command: CommandItem) => void;
   files?: FileMap;
 }
 
-export type ReferenceItem = ToolItem | FileItem;
+export type ReferenceItem = ToolItem | FileItem | CommandItem;
 
 interface UseToolMentionAutocompleteReturn {
   isOpen: boolean;
   searchQuery: string;
   filteredTools: ToolItem[];
   filteredFiles: FileItem[];
+  filteredCommands: CommandItem[];
   selectedIndex: number;
   dropdownPosition: { x: number; y: number } | null;
   handleKeyDown: (e: React.KeyboardEvent) => boolean;
   handleToolSelect: (toolName: string) => void;
   handleFileSelect: (filePath: string) => void;
+  handleCommandSelect: (command: CommandItem) => void;
   handleClose: () => void;
   setSelectedIndex: (index: number) => void;
   referenceType: 'file' | 'tool';
@@ -130,10 +141,39 @@ function fuzzyFilterFiles(files: FileItem[], query: string): FileItem[] {
   return results.map((result) => result.item).slice(0, 50);
 }
 
+function getAvailableCommands(): CommandItem[] {
+  return [
+    {
+      name: 'agent',
+      description: 'Enable autonomous agent mode with Plan-Execute reasoning for complex tasks',
+      icon: 'i-ph:robot-fill',
+      action: 'agent-mode',
+      type: 'command',
+    },
+  ];
+}
+
+function fuzzyFilterCommands(commands: CommandItem[], query: string): CommandItem[] {
+  if (!query) {
+    return commands;
+  }
+
+  const fuse = new Fuse(commands, {
+    keys: ['name', 'description'],
+    threshold: 0.3,
+    distance: 100,
+    includeScore: true,
+  });
+
+  const results = fuse.search(query);
+
+  return results.map((result) => result.item);
+}
+
 export function useToolMentionAutocomplete(
   options: UseToolMentionAutocompleteOptions,
 ): UseToolMentionAutocompleteReturn {
-  const { input, textareaRef, onToolSelected, onFileSelected, files } = options;
+  const { input, textareaRef, onToolSelected, onFileSelected, onCommandSelected, files } = options;
 
   const serverTools = useMCPStore((state) => state.serverTools);
   const selectedMCP = useMCPStore((state) => state.selectedMCP);
@@ -158,6 +198,10 @@ export function useToolMentionAutocomplete(
     return getAvailableFiles(files);
   }, [files]);
 
+  const availableCommands = useMemo(() => {
+    return getAvailableCommands();
+  }, []);
+
   const filteredTools = useMemo(() => {
     if (referenceType === 'file') {
       return [];
@@ -174,6 +218,14 @@ export function useToolMentionAutocomplete(
     return fuzzyFilterFiles(availableFiles, searchQuery);
   }, [availableFiles, searchQuery, referenceType]);
 
+  const filteredCommands = useMemo(() => {
+    if (referenceType === 'file') {
+      return [];
+    }
+
+    return fuzzyFilterCommands(availableCommands, searchQuery);
+  }, [availableCommands, searchQuery, referenceType]);
+
   const [selectedIndex, setSelectedIndex] = useState(0);
 
   useEffect(() => {
@@ -211,18 +263,29 @@ export function useToolMentionAutocomplete(
     [onFileSelected, handleClose],
   );
 
+  const handleCommandSelect = useCallback(
+    (command: CommandItem) => {
+      if (onCommandSelected) {
+        onCommandSelected(command);
+      }
+
+      handleClose();
+    },
+    [onCommandSelected, handleClose],
+  );
+
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent): boolean => {
-      const items = referenceType === 'file' ? filteredFiles : filteredTools;
+      const allItems = referenceType === 'file' ? filteredFiles : [...filteredCommands, ...filteredTools];
 
-      if (!isOpen || items.length === 0) {
+      if (!isOpen || allItems.length === 0) {
         return false;
       }
 
       switch (e.key) {
         case 'ArrowDown':
           e.preventDefault();
-          setSelectedIndex((prev) => Math.min(prev + 1, items.length - 1));
+          setSelectedIndex((prev) => Math.min(prev + 1, allItems.length - 1));
           return true;
 
         case 'ArrowUp':
@@ -232,13 +295,19 @@ export function useToolMentionAutocomplete(
 
         case 'Enter':
         case 'Tab':
-          if (items[selectedIndex]) {
+          if (allItems[selectedIndex]) {
             e.preventDefault();
 
             if (referenceType === 'file') {
-              handleFileSelect((items[selectedIndex] as FileItem).relativePath);
+              handleFileSelect((allItems[selectedIndex] as FileItem).relativePath);
             } else {
-              handleToolSelect((items[selectedIndex] as ToolItem).name);
+              const selectedItem = allItems[selectedIndex];
+
+              if ('type' in selectedItem && selectedItem.type === 'command') {
+                handleCommandSelect(selectedItem as CommandItem);
+              } else {
+                handleToolSelect((selectedItem as ToolItem).name);
+              }
             }
 
             return true;
@@ -259,9 +328,11 @@ export function useToolMentionAutocomplete(
       isOpen,
       filteredTools,
       filteredFiles,
+      filteredCommands,
       selectedIndex,
       handleToolSelect,
       handleFileSelect,
+      handleCommandSelect,
       handleClose,
       referenceType,
     ],
@@ -272,11 +343,13 @@ export function useToolMentionAutocomplete(
     searchQuery,
     filteredTools,
     filteredFiles,
+    filteredCommands,
     selectedIndex,
     dropdownPosition,
     handleKeyDown,
     handleToolSelect,
     handleFileSelect,
+    handleCommandSelect,
     handleClose,
     setSelectedIndex,
     referenceType,
diff --git a/app/lib/stores/settings.ts b/app/lib/stores/settings.ts
index 390d2b5b..3f6fdc99 100644
--- a/app/lib/stores/settings.ts
+++ b/app/lib/stores/settings.ts
@@ -134,6 +134,10 @@ const SETTINGS_KEYS = {
   LIVE_ACTION_CONSOLE: 'liveActionConsoleEnabled',
   DIFF_APPROVAL: 'diffApprovalEnabled',
   VISUAL_CONTEXT_INDICATOR: 'visualContextIndicatorEnabled',
+  AGENT_MODE: 'agentModeEnabled',
+  AGENT_MAX_ITERATIONS: 'agentMaxIterations',
+  AGENT_TOKEN_BUDGET: 'agentTokenBudget',
+  AGENT_SELF_CORRECTION: 'agentSelfCorrectionEnabled',
 } as const;
 
 // Initialize settings from localStorage or defaults
@@ -156,6 +160,25 @@ const getInitialSettings = () => {
     }
   };
 
+  const getStoredNumber = (key: string, defaultValue: number): number => {
+    if (!isBrowser) {
+      return defaultValue;
+    }
+
+    const stored = localStorage.getItem(key);
+
+    if (stored === null) {
+      return defaultValue;
+    }
+
+    try {
+      const parsed = parseInt(stored, 10);
+      return isNaN(parsed) ? defaultValue : parsed;
+    } catch {
+      return defaultValue;
+    }
+  };
+
   return {
     latestBranch: getStoredBoolean(SETTINGS_KEYS.LATEST_BRANCH, false),
     autoSelectTemplate: getStoredBoolean(SETTINGS_KEYS.AUTO_SELECT_TEMPLATE, true),
@@ -166,6 +189,10 @@ const getInitialSettings = () => {
     liveActionConsole: getStoredBoolean(SETTINGS_KEYS.LIVE_ACTION_CONSOLE, true),
     diffApproval: getStoredBoolean(SETTINGS_KEYS.DIFF_APPROVAL, false),
     visualContextIndicator: getStoredBoolean(SETTINGS_KEYS.VISUAL_CONTEXT_INDICATOR, true),
+    agentMode: getStoredBoolean(SETTINGS_KEYS.AGENT_MODE, false),
+    agentMaxIterations: getStoredNumber(SETTINGS_KEYS.AGENT_MAX_ITERATIONS, 20),
+    agentTokenBudget: getStoredNumber(SETTINGS_KEYS.AGENT_TOKEN_BUDGET, 200000),
+    agentSelfCorrection: getStoredBoolean(SETTINGS_KEYS.AGENT_SELF_CORRECTION, true),
   };
 };
 
@@ -180,6 +207,10 @@ export const promptStore = atom<string>(initialSettings.promptId);
 export const liveActionConsoleStore = atom<boolean>(initialSettings.liveActionConsole);
 export const diffApprovalStore = atom<boolean>(initialSettings.diffApproval);
 export const visualContextIndicatorStore = atom<boolean>(initialSettings.visualContextIndicator);
+export const agentModeStore = atom<boolean>(initialSettings.agentMode);
+export const agentMaxIterationsStore = atom<number>(initialSettings.agentMaxIterations);
+export const agentTokenBudgetStore = atom<number>(initialSettings.agentTokenBudget);
+export const agentSelfCorrectionStore = atom<boolean>(initialSettings.agentSelfCorrection);
 
 // Helper functions to update settings with persistence
 export const updateLatestBranch = (enabled: boolean) => {
@@ -222,6 +253,26 @@ export const updateVisualContextIndicator = (enabled: boolean) => {
   localStorage.setItem(SETTINGS_KEYS.VISUAL_CONTEXT_INDICATOR, JSON.stringify(enabled));
 };
 
+export const updateAgentMode = (enabled: boolean) => {
+  agentModeStore.set(enabled);
+  localStorage.setItem(SETTINGS_KEYS.AGENT_MODE, JSON.stringify(enabled));
+};
+
+export const updateAgentMaxIterations = (value: number) => {
+  agentMaxIterationsStore.set(value);
+  localStorage.setItem(SETTINGS_KEYS.AGENT_MAX_ITERATIONS, value.toString());
+};
+
+export const updateAgentTokenBudget = (value: number) => {
+  agentTokenBudgetStore.set(value);
+  localStorage.setItem(SETTINGS_KEYS.AGENT_TOKEN_BUDGET, value.toString());
+};
+
+export const updateAgentSelfCorrection = (enabled: boolean) => {
+  agentSelfCorrectionStore.set(enabled);
+  localStorage.setItem(SETTINGS_KEYS.AGENT_SELF_CORRECTION, JSON.stringify(enabled));
+};
+
 // Initialize tab configuration from localStorage or defaults
 const getInitialTabConfiguration = (): TabWindowConfig => {
   const defaultConfig: TabWindowConfig = {
diff --git a/app/lib/stores/workbench.ts b/app/lib/stores/workbench.ts
index c7b37888..091b7dd5 100644
--- a/app/lib/stores/workbench.ts
+++ b/app/lib/stores/workbench.ts
@@ -22,6 +22,7 @@ import { description } from '~/lib/persistence';
 import Cookies from 'js-cookie';
 import { createSampler } from '~/utils/sampler';
 import type { ActionAlert, DeployAlert, SupabaseAlert, FileAction } from '~/types/actions';
+import type { AgentExecution } from '~/types/agent';
 import { startAutoSave } from '~/lib/persistence/fileAutoSave';
 import { liveActionConsoleStore, diffApprovalStore } from './settings';
 
@@ -83,7 +84,7 @@ export type TestArtifactUpdateState = Pick<
 
 type Artifacts = MapStore<Record<string, ArtifactState>>;
 
-export type WorkbenchViewType = 'code' | 'diff' | 'preview' | 'progress';
+export type WorkbenchViewType = 'code' | 'diff' | 'preview' | 'progress' | 'agent';
 
 export class WorkbenchStore {
   #previewsStore = new PreviewsStore(webcontainer);
@@ -97,8 +98,10 @@ export class WorkbenchStore {
   thinkingArtifacts: MapStore<Record<string, ThinkingArtifactState>> =
     import.meta.hot?.data.thinkingArtifacts ?? map({});
   testArtifacts: MapStore<Record<string, TestArtifactState>> = import.meta.hot?.data.testArtifacts ?? map({});
+  agentState: MapStore<Record<string, AgentExecution>> = import.meta.hot?.data.agentState ?? map({});
 
   showWorkbench: WritableAtom<boolean> = import.meta.hot?.data.showWorkbench ?? atom(false);
+  currentAgentExecution: WritableAtom<string | null> = import.meta.hot?.data.currentAgentExecution ?? atom(null);
   currentView: WritableAtom<WorkbenchViewType> = import.meta.hot?.data.currentView ?? atom('code');
   currentArtifactMessageId: WritableAtom<string | null> = import.meta.hot?.data.currentArtifactMessageId ?? atom(null);
   unsavedFiles: WritableAtom<Set<string>> = import.meta.hot?.data.unsavedFiles ?? atom(new Set<string>());
@@ -126,9 +129,11 @@ export class WorkbenchStore {
       import.meta.hot.data.artifacts = this.artifacts;
       import.meta.hot.data.thinkingArtifacts = this.thinkingArtifacts;
       import.meta.hot.data.testArtifacts = this.testArtifacts;
+      import.meta.hot.data.agentState = this.agentState;
       import.meta.hot.data.unsavedFiles = this.unsavedFiles;
       import.meta.hot.data.showWorkbench = this.showWorkbench;
       import.meta.hot.data.currentView = this.currentView;
+      import.meta.hot.data.currentAgentExecution = this.currentAgentExecution;
       import.meta.hot.data.currentArtifactMessageId = this.currentArtifactMessageId;
       import.meta.hot.data.actionAlert = this.actionAlert;
       import.meta.hot.data.supabaseAlert = this.supabaseAlert;
diff --git a/app/routes/api.agent.ts b/app/routes/api.agent.ts
new file mode 100644
index 00000000..9e368fa0
--- /dev/null
+++ b/app/routes/api.agent.ts
@@ -0,0 +1,155 @@
+import { type ActionFunctionArgs } from '@remix-run/cloudflare';
+import { createDataStream } from 'ai';
+import { AgentFactory } from '~/lib/agent-sdk';
+import { StreamManager } from '~/lib/agent-sdk/streaming/stream-manager';
+import { webcontainer } from '~/lib/webcontainer';
+import { workbenchStore } from '~/lib/stores/workbench';
+import { createScopedLogger } from '~/utils/logger';
+import { z } from 'zod';
+
+const logger = createScopedLogger('api.agent');
+
+const AGENT_REQUEST_SCHEMA = z.object({
+  task: z.string().min(1),
+  agentConfig: z
+    .object({
+      name: z.string().optional(),
+      model: z.string().optional(),
+      provider: z.string().optional(),
+      reasoningPattern: z.enum(['plan-execute', 'react', 'tree-of-thoughts']).optional(),
+      maxIterations: z.number().int().positive().optional(),
+      tokenBudget: z.number().int().positive().optional(),
+      enableSelfCorrection: z.boolean().optional(),
+      enableMemory: z.boolean().optional(),
+      enableCheckpointing: z.boolean().optional(),
+    })
+    .optional(),
+});
+
+function parseCookies(cookieHeader: string): Record<string, string> {
+  const cookies: Record<string, string> = {};
+
+  const items = cookieHeader.split(';').map((cookie) => cookie.trim());
+
+  items.forEach((item) => {
+    const [name, ...rest] = item.split('=');
+
+    if (name && rest) {
+      const decodedName = decodeURIComponent(name.trim());
+      const decodedValue = decodeURIComponent(rest.join('=').trim());
+      cookies[decodedName] = decodedValue;
+    }
+  });
+
+  return cookies;
+}
+
+export async function action({ context, request }: ActionFunctionArgs) {
+  try {
+    const rawBody = await request.json();
+    const validatedRequest = AGENT_REQUEST_SCHEMA.parse(rawBody);
+
+    const { task, agentConfig } = validatedRequest;
+
+    logger.info('Agent execution request received:', { task, config: agentConfig });
+
+    const cookieHeader = request.headers.get('Cookie');
+    const apiKeys = JSON.parse(parseCookies(cookieHeader || '').apiKeys || '{}');
+
+    const env = context.cloudflare?.env || {};
+
+    const dataStream = createDataStream({
+      async execute(dataStream) {
+        try {
+          const factory = AgentFactory.getInstance({ env: env as unknown as Record<string, string> });
+          const agent = await factory.create(agentConfig || {});
+
+          const streamManager = new StreamManager(dataStream);
+
+          agent.onPlanGenerated((plan) => {
+            streamManager.emitPlanGenerated(plan);
+          });
+
+          agent.onStepStarted((step) => {
+            streamManager.emitStepStarted(step);
+          });
+
+          agent.onToolCall((call) => {
+            streamManager.emitToolCall(call);
+          });
+
+          agent.onObservation((observation) => {
+            streamManager.emitObservation(observation);
+          });
+
+          agent.onReflection((reflection) => {
+            streamManager.emitReflection(reflection);
+          });
+
+          agent.onStatusChange((status) => {
+            streamManager.emitProgress('agent', status, `Agent status: ${status}`);
+          });
+
+          const files = workbenchStore.files.get();
+          const container = await webcontainer;
+
+          const agentContext = {
+            apiKeys,
+            files,
+            webcontainer: container,
+            workingDirectory: '/home/project',
+          };
+
+          logger.info('Starting agent execution');
+
+          const result = await agent.execute(task, agentContext);
+
+          streamManager.emitComplete(result);
+
+          logger.info('Agent execution completed:', {
+            success: result.success,
+            iterations: result.iterations,
+            duration: result.duration,
+          });
+        } catch (error: any) {
+          logger.error('Agent execution error:', error);
+
+          dataStream.writeMessageAnnotation({
+            type: 'agent-error',
+            error: error.message || 'Unknown error',
+            recoverable: false,
+            timestamp: Date.now(),
+          });
+
+          dataStream.writeData({
+            type: 'agent-progress',
+            phase: 'error',
+            status: 'failed',
+            message: error.message || 'Agent execution failed',
+          });
+        }
+      },
+    });
+
+    return new Response(dataStream, {
+      status: 200,
+      headers: {
+        'Content-Type': 'text/event-stream; charset=utf-8',
+        Connection: 'keep-alive',
+        'Cache-Control': 'no-cache',
+      },
+    });
+  } catch (error: any) {
+    logger.error('Agent API error:', error);
+
+    return new Response(
+      JSON.stringify({
+        error: error.message || 'Failed to process agent request',
+      }),
+      {
+        status: 400,
+        headers: { 'Content-Type': 'application/json' },
+      },
+    );
+  }
+}
diff --git a/app/routes/api.chat.ts b/app/routes/api.chat.ts
index 0c9e8e0d..8dd39f24 100644
--- a/app/routes/api.chat.ts
+++ b/app/routes/api.chat.ts
@@ -18,6 +18,9 @@ import {
   getHttpStatusForError,
   type ValidatedChatRequest,
 } from '~/lib/api/chat-validation';
+import { AgentFactory } from '~/lib/agent-sdk';
+import { StreamManager } from '~/lib/agent-sdk/streaming/stream-manager';
+import { webcontainer } from '~/lib/webcontainer';
 
 export async function action(args: ActionFunctionArgs) {
   return chatAction(args);
@@ -58,7 +61,8 @@ async function chatAction({ context, request }: ActionFunctionArgs) {
     });
   }
 
-  const { messages, files, promptId, contextOptimization, supabase, designScheme, enableMCPTools } = validatedRequest;
+  const { messages, files, promptId, contextOptimization, supabase, designScheme, enableMCPTools, agentMode } =
+    validatedRequest;
 
   const cookieHeader = request.headers.get('Cookie');
   const apiKeys = JSON.parse(parseCookies(cookieHeader || '').apiKeys || '{}');
@@ -66,6 +70,108 @@ async function chatAction({ context, request }: ActionFunctionArgs) {
     parseCookies(cookieHeader || '').providers || '{}',
   );
 
+  if (agentMode) {
+    logger.info('Agent mode enabled - routing to agent execution');
+
+    try {
+      const lastUserMessage = messages.filter((m) => m.role === 'user').slice(-1)[0];
+      let task = lastUserMessage?.content || '';
+      let currentModel = 'claude-sonnet-4.5';
+      let currentProvider = 'Anthropic';
+
+      if (lastUserMessage) {
+        const { model, provider, content } = extractPropertiesFromMessage(lastUserMessage);
+        currentModel = model;
+        currentProvider = provider;
+        task = content;
+      }
+
+      if (!task) {
+        throw new Error('No task provided for agent execution');
+      }
+
+      logger.info(`Agent using model: ${currentModel} from provider: ${currentProvider}`);
+
+      const dataStream = createDataStream({
+        async execute(dataStream) {
+          try {
+            const env = context.cloudflare?.env || {};
+            const factory = AgentFactory.getInstance({ env: env as unknown as Record<string, string> });
+
+            const agentConfig = {
+              name: 'CodinIT Agent',
+              reasoningPattern: 'plan-execute' as const,
+              enableSelfCorrection: true,
+              enableMemory: true,
+              enableCheckpointing: false,
+            };
+
+            const agent = await factory.create(agentConfig);
+            const streamManager = new StreamManager(dataStream);
+
+            agent.onPlanGenerated((plan) => streamManager.emitPlanGenerated(plan));
+            agent.onStepStarted((step) => streamManager.emitStepStarted(step));
+            agent.onToolCall((call) => streamManager.emitToolCall(call));
+            agent.onObservation((observation) => streamManager.emitObservation(observation));
+            agent.onReflection((reflection) => streamManager.emitReflection(reflection));
+            agent.onStatusChange((status) => streamManager.emitProgress('agent', status, `Agent status: ${status}`));
+
+            const container = await webcontainer;
+            const agentContext = {
+              apiKeys,
+              providerSettings,
+              model: currentModel,
+              provider: currentProvider,
+              files,
+              webcontainer: container,
+              workingDirectory: '/home/project',
+            };
+
+            logger.info('Starting agent execution for task:', task);
+
+            const result = await agent.execute(task, agentContext);
+
+            streamManager.emitComplete(result);
+
+            logger.info('Agent execution completed:', {
+              success: result.success,
+              iterations: result.iterations,
+              duration: result.duration,
+            });
+          } catch (error: any) {
+            logger.error('Agent execution error:', error);
+
+            dataStream.writeMessageAnnotation({
+              type: 'agent-error',
+              error: error.message || 'Unknown error',
+              recoverable: false,
+              timestamp: Date.now(),
+            });
+
+            dataStream.writeData({
+              type: 'agent-progress',
+              phase: 'error',
+              status: 'failed',
+              message: error.message || 'Agent execution failed',
+              timestamp: Date.now(),
+            });
+          }
+        },
+      });
+
+      return new Response(dataStream, {
+        status: 200,
+        headers: {
+          'Content-Type': 'text/event-stream; charset=utf-8',
+          Connection: 'keep-alive',
+          'Cache-Control': 'no-cache',
+        },
+      });
+    } catch (error: any) {
+      logger.error('Agent mode error, falling back to normal chat:', error);
+    }
+  }
+
   const stream = new SwitchableStream();
 
   const cumulativeUsage = {
diff --git a/app/types/agent.ts b/app/types/agent.ts
new file mode 100644
index 00000000..7de006a3
--- /dev/null
+++ b/app/types/agent.ts
@@ -0,0 +1,99 @@
+export type {
+  AgentStatus,
+  AgentConfig,
+  AgentState,
+  AgentResult,
+  AgentContext,
+  AgentEvent,
+  Plan,
+  PlanStep,
+  ToolCall,
+  ToolResult,
+  Observation,
+  Reflection,
+  StepResult,
+  ErrorRecovery,
+  Checkpoint,
+  ExecutionRecord,
+  ReasoningPatternType,
+} from '~/lib/agent-sdk/types';
+
+export {
+  AGENT_STATUS_SCHEMA,
+  AGENT_CONFIG_SCHEMA,
+  AGENT_STATE_SCHEMA,
+  PLAN_STEP_SCHEMA,
+  PLAN_SCHEMA,
+  TOOL_CALL_SCHEMA,
+  TOOL_RESULT_SCHEMA,
+  OBSERVATION_SCHEMA,
+  REFLECTION_SCHEMA,
+  STEP_RESULT_SCHEMA,
+  AGENT_RESULT_SCHEMA,
+  ERROR_RECOVERY_SCHEMA,
+  CHECKPOINT_SCHEMA,
+  EXECUTION_RECORD_SCHEMA,
+  REASONING_PATTERN_TYPE_SCHEMA,
+} from '~/lib/agent-sdk/types';
+
+export interface AgentExecution {
+  id: string;
+  status: AgentStatus;
+  task: string;
+  plan?: Plan;
+  currentStep?: number;
+  toolCalls: ToolCall[];
+  observations: Observation[];
+  reflections: Reflection[];
+  error?: string;
+  recoveryAttempts: number;
+  elapsedTime: number;
+  tokensUsed: number;
+  startTime: number;
+  endTime?: number;
+}
+
+export type AgentProgressEvent =
+  | {
+      type: 'agent-plan';
+      plan: Plan;
+    }
+  | {
+      type: 'agent-step-start';
+      step: PlanStep;
+    }
+  | {
+      type: 'agent-tool-call';
+      call: ToolCall;
+    }
+  | {
+      type: 'agent-tool-result';
+      result: ToolResult;
+    }
+  | {
+      type: 'agent-observation';
+      observation: Observation;
+    }
+  | {
+      type: 'agent-reflection';
+      reflection: Reflection;
+    }
+  | {
+      type: 'agent-error';
+      error: string;
+    }
+  | {
+      type: 'agent-complete';
+      result: AgentResult;
+    };
+
+import type {
+  AgentStatus,
+  Plan,
+  PlanStep,
+  ToolCall,
+  ToolResult,
+  Observation,
+  Reflection,
+  AgentResult,
+} from '~/lib/agent-sdk/types';
diff --git a/app/types/index.ts b/app/types/index.ts
new file mode 100644
index 00000000..294d6bfb
--- /dev/null
+++ b/app/types/index.ts
@@ -0,0 +1,17 @@
+export * from './agent';
+export * from './actions';
+export * from './artifact';
+export * from './cloudflare';
+export * from './context';
+export * from './design-scheme';
+export * from './GitHub';
+export * from './mcp';
+export * from './model';
+export * from './netlify';
+export * from './supabase';
+export * from './template';
+export * from './terminal';
+export * from './theme';
+export * from './thinking';
+export * from './tools';
+export * from './vercel';
diff --git a/app/types/tools.ts b/app/types/tools.ts
new file mode 100644
index 00000000..7ec7cf59
--- /dev/null
+++ b/app/types/tools.ts
@@ -0,0 +1 @@
+export type { AgentTool, ToolContext, ToolExecutorOptions, ToolRegistry } from '~/lib/agent-sdk/tools/types';
diff --git a/public/embed_image_dark.svg b/public/embed_image_dark.svg
deleted file mode 100644
index f0f20d20..00000000
--- a/public/embed_image_dark.svg
+++ /dev/null
@@ -1,48 +0,0 @@
-<svg width="136" height="44" viewBox="0 0 136 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.82531e-05 17.0863C0.0112009 17.0497 0.0265283 17.0137 0.0325218 16.9762C0.0427401 16.9116 0.0456877 16.846 0.0541375 16.7811C0.0658296 16.6913 0.0667139 16.691 0.16084 16.6735C0.528307 16.605 0.883787 16.6445 1.22767 16.7911C1.50819 16.9107 1.75058 17.0867 1.97666 17.2882C2.6772 17.9126 3.14076 18.686 3.41832 19.5765C3.58349 20.1064 3.68086 20.6497 3.73588 21.2012C3.73971 21.2399 3.74335 21.2786 3.74757 21.323C3.71967 21.3356 3.69422 21.3493 3.6673 21.3589C3.00045 21.5949 2.3677 21.532 1.77317 21.1406C1.27759 20.8144 0.909333 20.3742 0.629901 19.8559C0.286408 19.2187 0.0981549 18.5359 0.0337008 17.8167C0.0294759 17.7691 0.0115939 17.7227 0 17.6757C0 17.4791 0 17.2827 0 17.0862L9.82531e-05 17.0863Z" fill="#FFFFFF"/>
-<path d="M4.17392 21.2265C4.14002 21.0623 4.10219 20.9002 4.0739 20.7366C3.99765 20.2956 3.97397 19.8519 4.03351 19.4072C4.14218 18.5958 4.4728 17.8893 5.06262 17.3169C5.53482 16.8585 6.11058 16.666 6.76583 16.7091C6.85014 16.7146 6.93404 16.7249 7.01893 16.7331C7.07081 16.8766 7.09636 17.0178 7.11365 17.1602C7.19589 17.8358 7.07848 18.4836 6.83117 19.1112C6.64479 19.5842 6.38776 20.0155 6.04063 20.3895C5.70745 20.7485 5.31975 21.0242 4.84253 21.1602C4.62234 21.223 4.38673 21.2483 4.17392 21.2265Z" fill="#FFFFFF"/>
-<path d="M0.355366 11.1822C0.553543 11.2684 0.745333 11.3518 0.937025 11.4353C1.00305 11.464 1.06809 11.4951 1.135 11.5214C1.59856 11.7031 1.94343 12.0321 2.24802 12.4127C2.71334 12.9942 3.00122 13.6573 3.15941 14.3805C3.30001 15.0235 3.33637 15.6758 3.33499 16.3315C3.33479 16.4097 3.33499 16.488 3.33499 16.578C3.22858 16.5946 3.12994 16.6153 3.03011 16.6246C2.55958 16.6684 2.11813 16.5829 1.71765 16.3213C1.47919 16.1656 1.2816 15.967 1.10779 15.7432C0.582822 15.0671 0.276764 14.3037 0.186862 13.4521C0.131546 12.928 0.15493 12.4063 0.227048 11.8862C0.256229 11.6757 0.297299 11.467 0.333751 11.2576C0.338074 11.2328 0.347604 11.2089 0.355465 11.1822H0.355366Z" fill="#FFFFFF"/>
-<path d="M3.73563 16.5738C3.68336 15.8589 3.71873 15.1598 3.96888 14.4863C4.22434 13.7983 4.65999 13.2486 5.27771 12.852C5.78607 12.5256 6.3414 12.4495 6.92719 12.5906C7.12664 12.6387 7.28758 12.8536 7.26979 13.0575C7.19119 13.9617 6.92119 14.7942 6.33236 15.5024C6.03249 15.863 5.68438 16.1689 5.2673 16.3894C4.8002 16.6364 4.30609 16.6959 3.79036 16.5922C3.77464 16.589 3.7597 16.5819 3.73573 16.5737L3.73563 16.5738Z" fill="#FFFFFF"/>
-<path d="M2.994 27.2152C3.36373 27.3669 3.72226 27.5098 4.07724 27.6609C4.35137 27.7775 4.58924 27.9477 4.79714 28.1633C5.14133 28.5201 5.44876 28.9066 5.74263 29.3046C5.98768 29.6365 6.23154 29.9691 6.47482 30.3023C6.50744 30.347 6.53819 30.3944 6.56187 30.4443C6.63526 30.5991 6.61237 30.7386 6.48985 30.8573C6.4363 30.9091 6.37568 30.9568 6.31093 30.9936C5.72534 31.3278 5.11214 31.4101 4.46859 31.1838C4.00965 31.0225 3.6186 30.7506 3.26282 30.4257C2.71713 29.9274 2.34141 29.3152 2.08163 28.6288C2.01108 28.4424 1.96461 28.2466 1.89042 28.0618C1.82106 27.8889 1.96952 27.5626 2.15561 27.5075C2.31851 27.4593 2.4824 27.4145 2.64629 27.3697C2.6904 27.3576 2.73579 27.3503 2.78089 27.3424C2.86618 27.3277 2.94773 27.3067 2.99391 27.2152H2.994Z" fill="#FFFFFF"/>
-<path d="M8.38713 25.1821C8.45994 25.3444 8.53697 25.4995 8.60005 25.6601C8.8446 26.2827 8.93686 26.9281 8.87968 27.5952C8.82623 28.2187 8.6476 28.8015 8.31394 29.333C8.02252 29.7971 7.63992 30.1655 7.15013 30.4177C7.11535 30.4356 7.07968 30.4517 7.04225 30.4696C7.03114 30.4589 7.01975 30.4518 7.01316 30.4415C6.68804 29.9352 6.44988 29.3933 6.342 28.7984C6.2239 28.1469 6.28137 27.5081 6.48505 26.8805C6.61209 26.4891 6.80261 26.1345 7.09422 25.8394C7.44666 25.4826 7.87818 25.2798 8.38713 25.1821Z" fill="#FFFFFF"/>
-<path d="M8.98719 34.4725C8.86761 34.6248 8.7388 34.7587 8.59702 34.8805C8.29755 35.138 7.95838 35.3118 7.56478 35.3711C7.23455 35.4209 6.91139 35.3812 6.59472 35.2859C5.77706 35.0398 5.12181 34.5605 4.60235 33.8885C4.32871 33.5345 4.10725 33.1492 3.91988 32.7439C3.90131 32.7036 3.8852 32.6553 3.88932 32.6128C3.90691 32.4298 3.97726 32.2681 4.12936 32.1582C4.41802 31.9497 4.74324 31.8418 5.09931 31.8234C5.56523 31.7994 6.00029 31.9237 6.42504 32.0962C7.10564 32.3727 7.67305 32.8072 8.16156 33.3501C8.47126 33.6942 8.73939 34.0692 8.98728 34.4727L8.98719 34.4725Z" fill="#FFFFFF"/>
-<path d="M9.85431 28.7631C10.036 28.9896 10.182 29.2255 10.302 29.4773C10.6376 30.1816 10.7702 30.9235 10.7036 31.7004C10.6531 32.29 10.4876 32.843 10.1668 33.3444C9.97585 33.6428 9.73719 33.8964 9.4445 34.0977C9.41541 34.1178 9.38476 34.1355 9.34949 34.1576C9.3147 34.1259 9.28277 34.0985 9.25271 34.0691C8.83503 33.6624 8.5614 33.1688 8.38503 32.6182C8.24512 32.1814 8.17752 31.7328 8.19118 31.2743C8.20651 30.7606 8.31262 30.2682 8.5666 29.8154C8.831 29.3442 9.21331 29.0063 9.71813 28.8096C9.76038 28.7932 9.804 28.7802 9.85421 28.7631H9.85431Z" fill="#FFFFFF"/>
-<path d="M0.417969 22.3603C0.604748 22.2673 0.797226 22.2087 0.999824 22.1811C1.42585 22.123 1.81906 22.2277 2.19203 22.4245C2.98179 22.841 3.58359 23.4499 4.02307 24.2233C4.32589 24.7564 4.5332 25.3272 4.69277 25.9168C4.70986 25.9799 4.70465 26.0402 4.67537 26.0981C4.5897 26.2677 4.47032 26.3944 4.28108 26.4566C3.62338 26.6728 3.00694 26.5844 2.43216 26.2093C1.89894 25.8614 1.4851 25.3971 1.1589 24.8533C0.848907 24.3366 0.654759 23.7755 0.538132 23.1872C0.49048 22.9467 0.460119 22.7028 0.42298 22.4603C0.418165 22.4286 0.419639 22.3958 0.418067 22.3602L0.417969 22.3603Z" fill="#FFFFFF"/>
-<path d="M7.30726 21.1136C7.3164 21.1275 7.32426 21.1348 7.32632 21.1434C7.40414 21.4709 7.51644 21.7912 7.55319 22.1272C7.57549 22.3315 7.58837 22.5386 7.58198 22.7438C7.55968 23.4612 7.36189 24.1292 6.98853 24.7437C6.7933 25.0649 6.5628 25.3558 6.26391 25.5883C5.95894 25.8255 5.61476 25.9778 5.23933 26.0626C5.22685 26.0654 5.21388 26.066 5.19404 26.0685C5.18185 26.0425 5.1682 26.0175 5.15808 25.991C4.99026 25.5526 4.86243 25.1034 4.80574 24.6365C4.68322 23.6265 4.9318 22.7161 5.54912 21.9071C5.70741 21.6996 5.90126 21.5378 6.15436 21.4579C6.40992 21.3773 6.66597 21.2978 6.9225 21.2203C7.05004 21.1817 7.17934 21.1487 7.30726 21.1135V21.1136Z" fill="#FFFFFF"/>
-<path d="M10.1191 39.4374C9.68043 39.4295 9.27032 39.3134 8.87406 39.1399C8.1353 38.8163 7.54912 38.3067 7.07672 37.6596C7.02465 37.5883 6.97797 37.5129 6.92492 37.4424C6.86882 37.3678 6.84681 37.2843 6.85241 37.1936C6.85624 37.1319 6.86479 37.0702 6.8753 37.0092C6.89249 36.9093 6.94919 36.8428 7.03938 36.7918C7.42149 36.5755 7.81892 36.3905 8.21675 36.2064C8.24505 36.1933 8.27983 36.1866 8.31088 36.1886C9.08511 36.2381 9.8224 36.4196 10.5029 36.8035C11.0482 37.1112 11.5081 37.5208 11.9227 37.9853C11.9671 38.035 11.9825 38.0939 11.9841 38.157C11.9882 38.3283 11.9514 38.4871 11.8436 38.6264C11.5222 39.0418 11.0971 39.2859 10.5858 39.3824C10.4323 39.4114 10.2748 39.4196 10.119 39.4374H10.1191Z" fill="#FFFFFF"/>
-<path d="M12.1045 32.4089C12.1326 32.4359 12.1587 32.4596 12.1834 32.4849C12.7713 33.0838 13.1373 33.7996 13.3001 34.62C13.4217 35.2331 13.4111 35.8437 13.2404 36.4475C13.1016 36.9381 12.8643 37.3736 12.5039 37.7382C12.4857 37.7567 12.4663 37.7741 12.439 37.7999C12.4014 37.7757 12.3631 37.7528 12.3263 37.7274C11.6425 37.2539 11.193 36.6113 10.9628 35.8162C10.7618 35.1216 10.7598 34.4269 11.0066 33.7413C11.1963 33.2142 11.5201 32.788 11.9909 32.4781C12.026 32.4549 12.0627 32.4341 12.1045 32.4088V32.4089Z" fill="#FFFFFF"/>
-<path d="M10.2402 41.0998C10.4207 40.7146 10.6778 40.4036 11.0293 40.1737C11.4294 39.9122 11.8738 39.7955 12.3473 39.7786C12.9368 39.7576 13.497 39.8884 14.038 40.1126C14.6208 40.3542 15.1424 40.6941 15.6183 41.1061C15.638 41.1231 15.6588 41.1387 15.6813 41.1566C15.6637 41.2019 15.6505 41.2383 15.6356 41.2738C15.5065 41.5813 15.3376 41.863 15.1014 42.1015C14.7791 42.4269 14.3879 42.618 13.9382 42.6867C13.0236 42.8264 12.1843 42.622 11.4123 42.1212C10.9868 41.8451 10.6143 41.5072 10.2693 41.1376C10.2606 41.1281 10.2535 41.1172 10.2402 41.0999V41.0998Z" fill="#FFFFFF"/>
-<path d="M14.7457 35.4453C14.9003 35.5467 15.0365 35.6535 15.1643 35.7705C15.8996 36.443 16.348 37.2713 16.4933 38.2572C16.5949 38.9478 16.5115 39.6153 16.1954 40.2453C16.1101 40.4152 16.0091 40.575 15.8886 40.7211C15.8736 40.7186 15.863 40.7194 15.8552 40.7151C15.2155 40.3547 14.6802 39.8835 14.3121 39.2403C13.9853 38.6693 13.8117 38.0533 13.8145 37.394C13.8174 36.6943 14.0842 36.1021 14.5747 35.6077C14.6275 35.5545 14.6834 35.5044 14.7457 35.4454V35.4453Z" fill="#FFFFFF"/>
-<path d="M4.40925 0.874842C4.54047 0.982669 4.6807 1.08149 4.80122 1.20019C5.11802 1.5122 5.32256 1.89426 5.45658 2.31499C5.67673 3.0061 5.69531 3.71112 5.58734 4.4224C5.45731 5.2792 5.15065 6.07079 4.69293 6.80519C4.67748 6.82986 4.66401 6.8557 4.64757 6.88471C4.60079 6.86415 4.56476 6.84982 4.52989 6.83282C3.99542 6.57262 3.61982 6.15827 3.3661 5.62768C3.14489 5.1652 3.04355 4.67336 3.03372 4.16387C3.01467 3.16916 3.29395 2.26514 3.87992 1.45863C4.01491 1.2728 4.16811 1.10246 4.33445 0.94395C4.35509 0.924323 4.37141 0.900114 4.38977 0.878065C4.39627 0.877023 4.40267 0.875997 4.40917 0.874955L4.40925 0.874842Z" fill="#FFFFFF"/>
-<path d="M9.90414 0.0946982C9.8804 0.281199 9.86452 0.45032 9.83659 0.617493C9.66538 1.64131 9.25711 2.55695 8.57468 3.344C8.142 3.84293 7.629 4.23683 7.02088 4.50109C6.7498 4.61888 6.469 4.70588 6.17657 4.75316C6.15095 4.75727 6.12497 4.75905 6.08724 4.7633C6.07869 4.72855 6.0682 4.69541 6.06258 4.66158C5.94581 3.96424 6.00413 3.28332 6.2774 2.62923C6.61181 1.82891 7.12434 1.16453 7.83873 0.665613C8.34855 0.309543 8.92196 0.134829 9.54031 0.101975C9.65406 0.0958794 9.76813 0.0972965 9.90405 0.0948108L9.90414 0.0946982Z" fill="#FFFFFF"/>
-<path d="M5.02195 7.29015C5.0458 7.21797 5.06766 7.1464 5.09291 7.07608C5.30212 6.49416 5.61058 5.97513 6.06723 5.55186C6.54952 5.10477 7.11653 4.84481 7.7747 4.79403C8.12569 4.76692 8.46621 4.82717 8.79993 4.93189C9.03505 5.00564 9.26043 5.10305 9.47405 5.22523C9.55304 5.27038 9.62895 5.32429 9.69675 5.38477C9.80813 5.48423 9.83612 5.61169 9.78379 5.75143C9.75991 5.81536 9.73078 5.87944 9.69229 5.93546C9.28335 6.53159 8.7937 7.04573 8.14834 7.388C7.44337 7.76193 6.70354 7.85386 5.93497 7.61008C5.63869 7.51608 5.34637 7.4095 5.05243 7.30835C5.04348 7.30531 5.03572 7.29849 5.02193 7.29006L5.02195 7.29015Z" fill="#FFFFFF"/>
-<path d="M1.59531 6.10068C1.66448 6.11139 1.73237 6.11837 1.79869 6.13262C2.21194 6.22124 2.5405 6.45115 2.82308 6.75456C3.11676 7.06985 3.33301 7.43516 3.49965 7.83004C3.84295 8.64367 3.97382 9.49445 3.93334 10.3737C3.9131 10.8136 3.84314 11.2457 3.72347 11.6697C3.71197 11.7102 3.69861 11.7502 3.68554 11.7926C3.49916 11.8076 3.32122 11.7894 3.14496 11.7498C2.6699 11.643 2.29585 11.379 2.00542 10.9969C1.61702 10.486 1.36402 9.91104 1.23167 9.28359C1.11829 8.74615 1.11465 8.20527 1.18795 7.66212C1.25653 7.15376 1.38986 6.6621 1.56112 6.17978C1.56966 6.15571 1.58145 6.13281 1.5955 6.10059L1.59531 6.10068Z" fill="#FFFFFF"/>
-<path d="M8.16182 8.63292C8.08734 8.99577 8.02593 9.34722 7.94124 9.69287C7.85438 10.0474 7.66092 10.3544 7.45724 10.6525C7.1729 11.0688 6.82449 11.4207 6.38422 11.6726C5.84029 11.9837 5.25647 12.122 4.62971 12.0512C4.54286 12.0414 4.45522 12.0194 4.37367 11.988C4.24555 11.9386 4.18188 11.8371 4.1749 11.6989C4.16802 11.5626 4.19504 11.4317 4.23199 11.3023C4.33839 10.93 4.48047 10.5714 4.64809 10.2227C4.81866 9.86786 5.01192 9.52545 5.24724 9.20976C5.53836 8.8193 5.92548 8.56876 6.40436 8.47247C6.6439 8.42432 6.88777 8.43896 7.12849 8.47227C7.41686 8.51226 7.70396 8.56188 7.99164 8.60717C8.04283 8.61523 8.09422 8.6227 8.16182 8.63292Z" fill="#FFFFFF"/>
-<path d="M16.5372 41.4229C16.6404 41.4053 16.7301 41.3889 16.8201 41.375C16.9002 41.3627 16.9741 41.3793 17.0468 41.4178C17.9519 41.8964 18.8577 42.3736 19.7632 42.8511C19.7661 42.8526 19.7689 42.8543 19.7718 42.856C19.9408 42.9552 20.0563 43.1116 20.2087 43.2495C20.0474 43.3099 19.9008 43.3646 19.7544 43.4196C19.6972 43.4411 19.6469 43.4246 19.5951 43.3981C19.2863 43.2405 18.9744 43.0889 18.6677 42.927C18.0255 42.5882 17.3866 42.243 16.7447 41.9036C16.6586 41.8581 16.608 41.7969 16.5912 41.7031C16.5752 41.6136 16.5569 41.5244 16.5371 41.4229H16.5372Z" fill="#FFFFFF"/>
-<text font-family="inter, sans-serif" font-size="9" letter-spacing="0.3px" font-weight="medium" fill="#FFFFFF">
-  <tspan x="16" y="15">PRODUCT OF THE DAY</tspan>
-</text>
-<text font-family="inter, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF">
-  <tspan x="54" y="37">5th</tspan>
-</text>
-<path d="M135.851 17.3817C135.841 17.3465 135.826 17.3119 135.82 17.2758C135.81 17.2137 135.808 17.1506 135.8 17.0881C135.788 17.0018 135.787 17.0015 135.697 16.9847C135.344 16.9188 135.002 16.9568 134.671 17.0978C134.401 17.2128 134.168 17.3821 133.951 17.5759C133.277 18.1763 132.831 18.92 132.564 19.7764C132.406 20.286 132.312 20.8084 132.259 21.3388C132.255 21.376 132.252 21.4132 132.248 21.4559C132.275 21.468 132.299 21.4813 132.325 21.4904C132.966 21.7174 133.575 21.6569 134.146 21.2806C134.623 20.9668 134.977 20.5435 135.246 20.0451C135.576 19.4323 135.757 18.7757 135.819 18.0841C135.823 18.0383 135.84 17.9937 135.852 17.9484C135.852 17.7595 135.852 17.5706 135.852 17.3816L135.851 17.3817Z" fill="#FFFFFF"/>
-<path d="M131.837 21.3632C131.869 21.2052 131.906 21.0494 131.933 20.892C132.006 20.4679 132.029 20.0412 131.972 19.6136C131.867 18.8333 131.549 18.1539 130.982 17.6034C130.528 17.1626 129.974 16.9775 129.344 17.0189C129.263 17.0242 129.182 17.0341 129.101 17.042C129.051 17.18 129.026 17.3158 129.01 17.4528C128.931 18.1025 129.044 18.7254 129.281 19.3289C129.461 19.7838 129.708 20.1985 130.042 20.5582C130.362 20.9035 130.735 21.1686 131.194 21.2994C131.405 21.3598 131.632 21.384 131.837 21.3632Z" fill="#FFFFFF"/>
-<path d="M135.51 11.7039C135.319 11.7868 135.135 11.867 134.95 11.9473C134.887 11.9749 134.824 12.0049 134.76 12.0301C134.314 12.2049 133.983 12.5212 133.69 12.8873C133.242 13.4464 132.965 14.0841 132.813 14.7796C132.678 15.398 132.643 16.0252 132.644 16.6558C132.645 16.7311 132.644 16.8063 132.644 16.8928C132.747 16.9088 132.842 16.9287 132.938 16.9377C133.39 16.9798 133.815 16.8975 134.2 16.646C134.429 16.4963 134.619 16.3053 134.786 16.0901C135.291 15.4399 135.585 14.7057 135.672 13.8868C135.725 13.3828 135.702 12.8811 135.633 12.3809C135.605 12.1785 135.566 11.9778 135.53 11.7765C135.526 11.7526 135.517 11.7296 135.51 11.7039H135.51Z" fill="#FFFFFF"/>
-<path d="M132.259 16.8888C132.31 16.2013 132.276 15.5291 132.035 14.8814C131.789 14.2198 131.37 13.6911 130.776 13.3097C130.288 12.9958 129.754 12.9227 129.19 13.0584C128.998 13.1046 128.844 13.3113 128.861 13.5073C128.936 14.3769 129.196 15.1775 129.762 15.8585C130.051 16.2053 130.385 16.4994 130.786 16.7115C131.236 16.949 131.711 17.0063 132.207 16.9065C132.222 16.9035 132.236 16.8966 132.259 16.8887L132.259 16.8888Z" fill="#FFFFFF"/>
-<path d="M132.973 27.1222C132.617 27.2681 132.273 27.4055 131.931 27.5508C131.668 27.6629 131.439 27.8266 131.239 28.0339C130.908 28.3771 130.612 28.7488 130.33 29.1314C130.094 29.4506 129.86 29.7706 129.626 30.091C129.594 30.1339 129.565 30.1795 129.542 30.2275C129.471 30.3764 129.493 30.5105 129.611 30.6246C129.663 30.6745 129.721 30.7203 129.783 30.7558C130.346 31.0771 130.936 31.1563 131.555 30.9387C131.996 30.7835 132.372 30.522 132.714 30.2096C133.239 29.7304 133.6 29.1417 133.85 28.4816C133.918 28.3023 133.963 28.114 134.034 27.9363C134.101 27.7701 133.958 27.4563 133.779 27.4033C133.622 27.3569 133.465 27.3138 133.307 27.2707C133.265 27.2591 133.221 27.2521 133.178 27.2446C133.096 27.2304 133.017 27.2102 132.973 27.1222H132.973Z" fill="#FFFFFF"/>
-<path d="M127.787 25.167C127.717 25.3231 127.643 25.4723 127.583 25.6267C127.348 26.2255 127.259 26.8461 127.314 27.4876C127.365 28.0872 127.537 28.6477 127.858 29.1588C128.138 29.6051 128.506 29.9593 128.977 30.2019C129.01 30.2191 129.045 30.2346 129.081 30.2518C129.091 30.2416 129.102 30.2347 129.109 30.2248C129.421 29.7379 129.65 29.2168 129.754 28.6447C129.868 28.0181 129.812 27.4039 129.617 26.8003C129.494 26.424 129.311 26.083 129.031 25.7991C128.692 25.4561 128.277 25.261 127.787 25.167Z" fill="#FFFFFF"/>
-<path d="M127.21 34.1012C127.325 34.2477 127.449 34.3765 127.586 34.4936C127.874 34.7412 128.2 34.9083 128.578 34.9654C128.896 35.0133 129.207 34.9751 129.511 34.8835C130.297 34.6468 130.927 34.1859 131.427 33.5396C131.69 33.1992 131.903 32.8287 132.083 32.4389C132.101 32.4002 132.117 32.3537 132.113 32.3128C132.096 32.1369 132.028 31.9813 131.882 31.8757C131.604 31.6752 131.292 31.5714 130.949 31.5537C130.501 31.5307 130.083 31.6502 129.674 31.8161C129.02 32.082 128.474 32.4998 128.004 33.0218C127.707 33.3528 127.449 33.7134 127.21 34.1014L127.21 34.1012Z" fill="#FFFFFF"/>
-<path d="M126.376 28.6107C126.201 28.8286 126.061 29.0555 125.945 29.2975C125.622 29.9749 125.495 30.6884 125.559 31.4355C125.607 32.0024 125.767 32.5342 126.075 33.0164C126.259 33.3034 126.488 33.5472 126.77 33.7408C126.798 33.7601 126.827 33.7772 126.861 33.7985C126.895 33.7679 126.925 33.7416 126.954 33.7133C127.356 33.3222 127.619 32.8476 127.788 32.3181C127.923 31.898 127.988 31.4665 127.975 31.0257C127.96 30.5317 127.858 30.0581 127.614 29.6228C127.36 29.1696 126.992 28.8447 126.507 28.6555C126.466 28.6397 126.424 28.6272 126.376 28.6107H126.376Z" fill="#FFFFFF"/>
-<path d="M135.449 22.4534C135.27 22.364 135.085 22.3076 134.89 22.2811C134.48 22.2252 134.102 22.326 133.743 22.5152C132.984 22.9157 132.405 23.5013 131.982 24.2451C131.691 24.7576 131.492 25.3066 131.339 25.8736C131.322 25.9343 131.327 25.9923 131.355 26.0479C131.438 26.211 131.552 26.3329 131.734 26.3927C132.367 26.6006 132.96 26.5156 133.512 26.1549C134.025 25.8203 134.423 25.3738 134.737 24.8509C135.035 24.354 135.222 23.8144 135.334 23.2486C135.379 23.0174 135.409 22.7828 135.444 22.5496C135.449 22.5191 135.448 22.4876 135.449 22.4533L135.449 22.4534Z" fill="#FFFFFF"/>
-<path d="M128.825 21.2545C128.816 21.2679 128.809 21.2749 128.807 21.2832C128.732 21.5982 128.624 21.9062 128.589 22.2293C128.567 22.4258 128.555 22.6249 128.561 22.8222C128.582 23.5122 128.773 24.1546 129.132 24.7455C129.319 25.0544 129.541 25.3341 129.828 25.5577C130.122 25.7858 130.453 25.9322 130.814 26.0138C130.826 26.0165 130.838 26.0171 130.857 26.0194C130.869 25.9945 130.882 25.9704 130.892 25.945C131.053 25.5234 131.176 25.0914 131.231 24.6424C131.348 23.6711 131.109 22.7956 130.516 22.0176C130.364 21.8181 130.177 21.6625 129.934 21.5857C129.688 21.5081 129.442 21.4317 129.195 21.3571C129.072 21.3201 128.948 21.2883 128.825 21.2544V21.2545Z" fill="#FFFFFF"/>
-<path d="M126.12 38.8758C126.541 38.8681 126.936 38.7565 127.317 38.5897C128.027 38.2785 128.591 37.7884 129.045 37.1662C129.095 37.0976 129.14 37.0251 129.191 36.9572C129.245 36.8855 129.266 36.8052 129.261 36.718C129.257 36.6587 129.249 36.5993 129.239 36.5407C129.222 36.4446 129.168 36.3807 129.081 36.3317C128.714 36.1236 128.331 35.9457 127.949 35.7686C127.922 35.7561 127.888 35.7496 127.858 35.7515C127.114 35.7991 126.405 35.9737 125.751 36.3429C125.226 36.6387 124.784 37.0326 124.385 37.4794C124.343 37.5272 124.328 37.5838 124.326 37.6444C124.322 37.8092 124.358 37.9619 124.461 38.0959C124.77 38.4954 125.179 38.7301 125.671 38.8229C125.818 38.8507 125.97 38.8587 126.12 38.8758H126.12Z" fill="#FFFFFF"/>
-<path d="M124.213 32.1167C124.186 32.1427 124.16 32.1656 124.137 32.1898C123.571 32.7658 123.219 33.4542 123.063 34.2431C122.946 34.8327 122.956 35.4198 123.12 36.0006C123.254 36.4723 123.482 36.8911 123.828 37.2417C123.846 37.2595 123.865 37.2762 123.891 37.3011C123.927 37.2778 123.964 37.2558 123.999 37.2313C124.657 36.776 125.089 36.1581 125.31 35.3934C125.504 34.7255 125.506 34.0574 125.268 33.398C125.086 32.8912 124.774 32.4813 124.322 32.1833C124.288 32.161 124.253 32.141 124.213 32.1166V32.1167Z" fill="#FFFFFF"/>
-<path d="M126.004 40.4745C125.83 40.104 125.583 39.8049 125.245 39.5838C124.86 39.3323 124.433 39.2202 123.978 39.2039C123.411 39.1837 122.872 39.3095 122.352 39.5251C121.791 39.7574 121.29 40.0842 120.832 40.4805C120.813 40.4969 120.793 40.5118 120.772 40.5291C120.789 40.5726 120.801 40.6076 120.816 40.6418C120.94 40.9374 121.102 41.2083 121.329 41.4378C121.639 41.7506 122.015 41.9345 122.448 42.0005C123.327 42.1349 124.134 41.9382 124.877 41.4567C125.286 41.1911 125.644 40.8662 125.976 40.5108C125.984 40.5017 125.991 40.4912 126.004 40.4746V40.4745Z" fill="#FFFFFF"/>
-<path d="M121.671 35.0368C121.522 35.1343 121.391 35.237 121.268 35.3495C120.561 35.9962 120.13 36.7928 119.99 37.7408C119.893 38.405 119.973 39.0468 120.277 39.6527C120.359 39.816 120.456 39.9698 120.572 40.1103C120.586 40.1078 120.597 40.1087 120.604 40.1045C121.219 39.7579 121.734 39.3048 122.088 38.6863C122.402 38.1371 122.569 37.5448 122.566 36.9107C122.564 36.2379 122.307 35.6684 121.835 35.1929C121.785 35.1417 121.731 35.0935 121.671 35.0369V35.0368Z" fill="#FFFFFF"/>
-<path d="M131.819 1.94554C131.686 2.04027 131.545 2.12576 131.421 2.23163C131.097 2.50993 130.875 2.86287 130.718 3.2576C130.461 3.90601 130.397 4.58114 130.453 5.27068C130.521 6.10131 130.763 6.88109 131.153 7.61605C131.166 7.64074 131.177 7.66642 131.191 7.69534C131.237 7.67872 131.273 7.66737 131.307 7.65338C131.837 7.43924 132.225 7.06668 132.504 6.5745C132.747 6.14551 132.877 5.68038 132.92 5.19225C133.004 4.23923 132.796 3.3534 132.288 2.54075C132.171 2.35351 132.035 2.17992 131.886 2.0168C131.867 1.9966 131.853 1.97229 131.837 1.94992C131.831 1.94849 131.825 1.94708 131.819 1.94565L131.819 1.94554Z" fill="#FFFFFF"/>
-<path d="M126.6 0.832111C126.61 1.01261 126.614 1.17591 126.63 1.33815C126.726 2.33173 127.057 3.23727 127.659 4.03765C128.041 4.54505 128.507 4.957 129.073 5.25091C129.325 5.38192 129.589 5.48403 129.866 5.54881C129.891 5.55445 129.915 5.55788 129.951 5.56447C129.962 5.5317 129.974 5.5006 129.982 5.46852C130.14 4.80727 130.129 4.15015 129.911 3.50449C129.643 2.7145 129.195 2.04308 128.543 1.51699C128.078 1.14153 127.539 0.935838 126.948 0.863255C126.84 0.849852 126.73 0.843636 126.6 0.832225L126.6 0.832111Z" fill="#FFFFFF"/>
-<path d="M130.803 8.05942C130.785 7.98859 130.768 7.91847 130.749 7.84934C130.587 7.27717 130.325 6.75875 129.915 6.32235C129.482 5.86141 128.956 5.57435 128.328 5.48193C127.993 5.43261 127.662 5.46779 127.335 5.54609C127.105 5.60124 126.882 5.67972 126.669 5.78275C126.59 5.82082 126.514 5.86749 126.445 5.92101C126.331 6.00904 126.296 6.12946 126.337 6.26699C126.356 6.32991 126.379 6.39332 126.412 6.44962C126.765 7.04868 127.201 7.57445 127.797 7.94567C128.449 8.35121 129.152 8.48854 129.906 8.30571C130.196 8.23521 130.484 8.15237 130.772 8.07486C130.781 8.07253 130.789 8.06651 130.803 8.05933L130.803 8.05942Z" fill="#FFFFFF"/>
-<path d="M134.317 6.81726C134.25 6.82756 134.185 6.83427 134.121 6.84797C133.724 6.9332 133.408 7.1543 133.136 7.44607C132.854 7.74927 132.646 8.10057 132.486 8.48031C132.155 9.26275 132.03 10.0809 132.068 10.9265C132.088 11.3495 132.155 11.765 132.27 12.1727C132.281 12.2117 132.294 12.2502 132.307 12.2909C132.486 12.3054 132.657 12.2879 132.827 12.2498C133.283 12.1471 133.643 11.8932 133.922 11.5258C134.296 11.0344 134.539 10.4815 134.666 9.87813C134.775 9.36129 134.779 8.84115 134.708 8.31883C134.643 7.82996 134.514 7.35716 134.35 6.89333C134.341 6.87018 134.33 6.84816 134.317 6.81717L134.317 6.81726Z" fill="#FFFFFF"/>
-<path d="M128.003 9.25241C128.075 9.60135 128.134 9.93932 128.215 10.2717C128.299 10.6126 128.485 10.9079 128.681 11.1946C128.954 11.5949 129.289 11.9333 129.712 12.1755C130.235 12.4748 130.797 12.6077 131.4 12.5397C131.483 12.5302 131.567 12.5091 131.646 12.4788C131.769 12.4314 131.83 12.3338 131.837 12.2008C131.843 12.0698 131.817 11.9438 131.782 11.8194C131.68 11.4614 131.543 11.1165 131.382 10.7812C131.218 10.44 131.032 10.1107 130.806 9.80714C130.526 9.43165 130.153 9.19071 129.693 9.09812C129.463 9.05182 129.228 9.0659 128.997 9.09793C128.719 9.13638 128.443 9.1841 128.167 9.22766C128.117 9.2354 128.068 9.24259 128.003 9.25241Z" fill="#FFFFFF"/>
-<path d="M119.949 40.7851C119.85 40.7682 119.764 40.7524 119.677 40.7391C119.6 40.7273 119.529 40.7433 119.459 40.7802C118.589 41.2404 117.718 41.6994 116.847 42.1586C116.844 42.16 116.841 42.1617 116.839 42.1633C116.676 42.2587 116.565 42.4091 116.419 42.5417C116.574 42.5998 116.715 42.6523 116.855 42.7053C116.91 42.7259 116.959 42.7101 117.009 42.6846C117.306 42.533 117.606 42.3872 117.9 42.2316C118.518 41.9057 119.132 41.5738 119.75 41.2474C119.832 41.2037 119.881 41.1448 119.897 41.0546C119.913 40.9685 119.93 40.8827 119.949 40.7851H119.949Z" fill="#FFFFFF"/>
-</svg>
diff --git a/public/embed_image_light.svg b/public/embed_image_light.svg
deleted file mode 100644
index 71fcfdd4..00000000
--- a/public/embed_image_light.svg
+++ /dev/null
@@ -1,48 +0,0 @@
-<svg width="136" height="44" viewBox="0 0 136 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.82531e-05 17.0863C0.0112009 17.0497 0.0265283 17.0137 0.0325218 16.9762C0.0427401 16.9116 0.0456877 16.846 0.0541375 16.7811C0.0658296 16.6913 0.0667139 16.691 0.16084 16.6735C0.528307 16.605 0.883787 16.6445 1.22767 16.7911C1.50819 16.9107 1.75058 17.0867 1.97666 17.2882C2.6772 17.9126 3.14076 18.686 3.41832 19.5765C3.58349 20.1064 3.68086 20.6497 3.73588 21.2012C3.73971 21.2399 3.74335 21.2786 3.74757 21.323C3.71967 21.3356 3.69422 21.3493 3.6673 21.3589C3.00045 21.5949 2.3677 21.532 1.77317 21.1406C1.27759 20.8144 0.909333 20.3742 0.629901 19.8559C0.286408 19.2187 0.0981549 18.5359 0.0337008 17.8167C0.0294759 17.7691 0.0115939 17.7227 0 17.6757C0 17.4791 0 17.2827 0 17.0862L9.82531e-05 17.0863Z" fill="#1A5CFF"/>
-<path d="M4.17392 21.2265C4.14002 21.0623 4.10219 20.9002 4.0739 20.7366C3.99765 20.2956 3.97397 19.8519 4.03351 19.4072C4.14218 18.5958 4.4728 17.8893 5.06262 17.3169C5.53482 16.8585 6.11058 16.666 6.76583 16.7091C6.85014 16.7146 6.93404 16.7249 7.01893 16.7331C7.07081 16.8766 7.09636 17.0178 7.11365 17.1602C7.19589 17.8358 7.07848 18.4836 6.83117 19.1112C6.64479 19.5842 6.38776 20.0155 6.04063 20.3895C5.70745 20.7485 5.31975 21.0242 4.84253 21.1602C4.62234 21.223 4.38673 21.2483 4.17392 21.2265Z" fill="#1A5CFF"/>
-<path d="M0.355366 11.1822C0.553543 11.2684 0.745333 11.3518 0.937025 11.4353C1.00305 11.464 1.06809 11.4951 1.135 11.5214C1.59856 11.7031 1.94343 12.0321 2.24802 12.4127C2.71334 12.9942 3.00122 13.6573 3.15941 14.3805C3.30001 15.0235 3.33637 15.6758 3.33499 16.3315C3.33479 16.4097 3.33499 16.488 3.33499 16.578C3.22858 16.5946 3.12994 16.6153 3.03011 16.6246C2.55958 16.6684 2.11813 16.5829 1.71765 16.3213C1.47919 16.1656 1.2816 15.967 1.10779 15.7432C0.582822 15.0671 0.276764 14.3037 0.186862 13.4521C0.131546 12.928 0.15493 12.4063 0.227048 11.8862C0.256229 11.6757 0.297299 11.467 0.333751 11.2576C0.338074 11.2328 0.347604 11.2089 0.355465 11.1822H0.355366Z" fill="#1A5CFF"/>
-<path d="M3.73563 16.5738C3.68336 15.8589 3.71873 15.1598 3.96888 14.4863C4.22434 13.7983 4.65999 13.2486 5.27771 12.852C5.78607 12.5256 6.3414 12.4495 6.92719 12.5906C7.12664 12.6387 7.28758 12.8536 7.26979 13.0575C7.19119 13.9617 6.92119 14.7942 6.33236 15.5024C6.03249 15.863 5.68438 16.1689 5.2673 16.3894C4.8002 16.6364 4.30609 16.6959 3.79036 16.5922C3.77464 16.589 3.7597 16.5819 3.73573 16.5737L3.73563 16.5738Z" fill="#1A5CFF"/>
-<path d="M2.994 27.2152C3.36373 27.3669 3.72226 27.5098 4.07724 27.6609C4.35137 27.7775 4.58924 27.9477 4.79714 28.1633C5.14133 28.5201 5.44876 28.9066 5.74263 29.3046C5.98768 29.6365 6.23154 29.9691 6.47482 30.3023C6.50744 30.347 6.53819 30.3944 6.56187 30.4443C6.63526 30.5991 6.61237 30.7386 6.48985 30.8573C6.4363 30.9091 6.37568 30.9568 6.31093 30.9936C5.72534 31.3278 5.11214 31.4101 4.46859 31.1838C4.00965 31.0225 3.6186 30.7506 3.26282 30.4257C2.71713 29.9274 2.34141 29.3152 2.08163 28.6288C2.01108 28.4424 1.96461 28.2466 1.89042 28.0618C1.82106 27.8889 1.96952 27.5626 2.15561 27.5075C2.31851 27.4593 2.4824 27.4145 2.64629 27.3697C2.6904 27.3576 2.73579 27.3503 2.78089 27.3424C2.86618 27.3277 2.94773 27.3067 2.99391 27.2152H2.994Z" fill="#1A5CFF"/>
-<path d="M8.38713 25.1821C8.45994 25.3444 8.53697 25.4995 8.60005 25.6601C8.8446 26.2827 8.93686 26.9281 8.87968 27.5952C8.82623 28.2187 8.6476 28.8015 8.31394 29.333C8.02252 29.7971 7.63992 30.1655 7.15013 30.4177C7.11535 30.4356 7.07968 30.4517 7.04225 30.4696C7.03114 30.4589 7.01975 30.4518 7.01316 30.4415C6.68804 29.9352 6.44988 29.3933 6.342 28.7984C6.2239 28.1469 6.28137 27.5081 6.48505 26.8805C6.61209 26.4891 6.80261 26.1345 7.09422 25.8394C7.44666 25.4826 7.87818 25.2798 8.38713 25.1821Z" fill="#1A5CFF"/>
-<path d="M8.98719 34.4725C8.86761 34.6248 8.7388 34.7587 8.59702 34.8805C8.29755 35.138 7.95838 35.3118 7.56478 35.3711C7.23455 35.4209 6.91139 35.3812 6.59472 35.2859C5.77706 35.0398 5.12181 34.5605 4.60235 33.8885C4.32871 33.5345 4.10725 33.1492 3.91988 32.7439C3.90131 32.7036 3.8852 32.6553 3.88932 32.6128C3.90691 32.4298 3.97726 32.2681 4.12936 32.1582C4.41802 31.9497 4.74324 31.8418 5.09931 31.8234C5.56523 31.7994 6.00029 31.9237 6.42504 32.0962C7.10564 32.3727 7.67305 32.8072 8.16156 33.3501C8.47126 33.6942 8.73939 34.0692 8.98728 34.4727L8.98719 34.4725Z" fill="#1A5CFF"/>
-<path d="M9.85431 28.7631C10.036 28.9896 10.182 29.2255 10.302 29.4773C10.6376 30.1816 10.7702 30.9235 10.7036 31.7004C10.6531 32.29 10.4876 32.843 10.1668 33.3444C9.97585 33.6428 9.73719 33.8964 9.4445 34.0977C9.41541 34.1178 9.38476 34.1355 9.34949 34.1576C9.3147 34.1259 9.28277 34.0985 9.25271 34.0691C8.83503 33.6624 8.5614 33.1688 8.38503 32.6182C8.24512 32.1814 8.17752 31.7328 8.19118 31.2743C8.20651 30.7606 8.31262 30.2682 8.5666 29.8154C8.831 29.3442 9.21331 29.0063 9.71813 28.8096C9.76038 28.7932 9.804 28.7802 9.85421 28.7631H9.85431Z" fill="#1A5CFF"/>
-<path d="M0.417969 22.3603C0.604748 22.2673 0.797226 22.2087 0.999824 22.1811C1.42585 22.123 1.81906 22.2277 2.19203 22.4245C2.98179 22.841 3.58359 23.4499 4.02307 24.2233C4.32589 24.7564 4.5332 25.3272 4.69277 25.9168C4.70986 25.9799 4.70465 26.0402 4.67537 26.0981C4.5897 26.2677 4.47032 26.3944 4.28108 26.4566C3.62338 26.6728 3.00694 26.5844 2.43216 26.2093C1.89894 25.8614 1.4851 25.3971 1.1589 24.8533C0.848907 24.3366 0.654759 23.7755 0.538132 23.1872C0.49048 22.9467 0.460119 22.7028 0.42298 22.4603C0.418165 22.4286 0.419639 22.3958 0.418067 22.3602L0.417969 22.3603Z" fill="#1A5CFF"/>
-<path d="M7.30726 21.1136C7.3164 21.1275 7.32426 21.1348 7.32632 21.1434C7.40414 21.4709 7.51644 21.7912 7.55319 22.1272C7.57549 22.3315 7.58837 22.5386 7.58198 22.7438C7.55968 23.4612 7.36189 24.1292 6.98853 24.7437C6.7933 25.0649 6.5628 25.3558 6.26391 25.5883C5.95894 25.8255 5.61476 25.9778 5.23933 26.0626C5.22685 26.0654 5.21388 26.066 5.19404 26.0685C5.18185 26.0425 5.1682 26.0175 5.15808 25.991C4.99026 25.5526 4.86243 25.1034 4.80574 24.6365C4.68322 23.6265 4.9318 22.7161 5.54912 21.9071C5.70741 21.6996 5.90126 21.5378 6.15436 21.4579C6.40992 21.3773 6.66597 21.2978 6.9225 21.2203C7.05004 21.1817 7.17934 21.1487 7.30726 21.1135V21.1136Z" fill="#1A5CFF"/>
-<path d="M10.1191 39.4374C9.68043 39.4295 9.27032 39.3134 8.87406 39.1399C8.1353 38.8163 7.54912 38.3067 7.07672 37.6596C7.02465 37.5883 6.97797 37.5129 6.92492 37.4424C6.86882 37.3678 6.84681 37.2843 6.85241 37.1936C6.85624 37.1319 6.86479 37.0702 6.8753 37.0092C6.89249 36.9093 6.94919 36.8428 7.03938 36.7918C7.42149 36.5755 7.81892 36.3905 8.21675 36.2064C8.24505 36.1933 8.27983 36.1866 8.31088 36.1886C9.08511 36.2381 9.8224 36.4196 10.5029 36.8035C11.0482 37.1112 11.5081 37.5208 11.9227 37.9853C11.9671 38.035 11.9825 38.0939 11.9841 38.157C11.9882 38.3283 11.9514 38.4871 11.8436 38.6264C11.5222 39.0418 11.0971 39.2859 10.5858 39.3824C10.4323 39.4114 10.2748 39.4196 10.119 39.4374H10.1191Z" fill="#1A5CFF"/>
-<path d="M12.1045 32.4089C12.1326 32.4359 12.1587 32.4596 12.1834 32.4849C12.7713 33.0838 13.1373 33.7996 13.3001 34.62C13.4217 35.2331 13.4111 35.8437 13.2404 36.4475C13.1016 36.9381 12.8643 37.3736 12.5039 37.7382C12.4857 37.7567 12.4663 37.7741 12.439 37.7999C12.4014 37.7757 12.3631 37.7528 12.3263 37.7274C11.6425 37.2539 11.193 36.6113 10.9628 35.8162C10.7618 35.1216 10.7598 34.4269 11.0066 33.7413C11.1963 33.2142 11.5201 32.788 11.9909 32.4781C12.026 32.4549 12.0627 32.4341 12.1045 32.4088V32.4089Z" fill="#1A5CFF"/>
-<path d="M10.2402 41.0998C10.4207 40.7146 10.6778 40.4036 11.0293 40.1737C11.4294 39.9122 11.8738 39.7955 12.3473 39.7786C12.9368 39.7576 13.497 39.8884 14.038 40.1126C14.6208 40.3542 15.1424 40.6941 15.6183 41.1061C15.638 41.1231 15.6588 41.1387 15.6813 41.1566C15.6637 41.2019 15.6505 41.2383 15.6356 41.2738C15.5065 41.5813 15.3376 41.863 15.1014 42.1015C14.7791 42.4269 14.3879 42.618 13.9382 42.6867C13.0236 42.8264 12.1843 42.622 11.4123 42.1212C10.9868 41.8451 10.6143 41.5072 10.2693 41.1376C10.2606 41.1281 10.2535 41.1172 10.2402 41.0999V41.0998Z" fill="#1A5CFF"/>
-<path d="M14.7457 35.4453C14.9003 35.5467 15.0365 35.6535 15.1643 35.7705C15.8996 36.443 16.348 37.2713 16.4933 38.2572C16.5949 38.9478 16.5115 39.6153 16.1954 40.2453C16.1101 40.4152 16.0091 40.575 15.8886 40.7211C15.8736 40.7186 15.863 40.7194 15.8552 40.7151C15.2155 40.3547 14.6802 39.8835 14.3121 39.2403C13.9853 38.6693 13.8117 38.0533 13.8145 37.394C13.8174 36.6943 14.0842 36.1021 14.5747 35.6077C14.6275 35.5545 14.6834 35.5044 14.7457 35.4454V35.4453Z" fill="#1A5CFF"/>
-<path d="M4.40925 0.874842C4.54047 0.982669 4.6807 1.08149 4.80122 1.20019C5.11802 1.5122 5.32256 1.89426 5.45658 2.31499C5.67673 3.0061 5.69531 3.71112 5.58734 4.4224C5.45731 5.2792 5.15065 6.07079 4.69293 6.80519C4.67748 6.82986 4.66401 6.8557 4.64757 6.88471C4.60079 6.86415 4.56476 6.84982 4.52989 6.83282C3.99542 6.57262 3.61982 6.15827 3.3661 5.62768C3.14489 5.1652 3.04355 4.67336 3.03372 4.16387C3.01467 3.16916 3.29395 2.26514 3.87992 1.45863C4.01491 1.2728 4.16811 1.10246 4.33445 0.94395C4.35509 0.924323 4.37141 0.900114 4.38977 0.878065C4.39627 0.877023 4.40267 0.875997 4.40917 0.874955L4.40925 0.874842Z" fill="#1A5CFF"/>
-<path d="M9.90414 0.0946982C9.8804 0.281199 9.86452 0.45032 9.83659 0.617493C9.66538 1.64131 9.25711 2.55695 8.57468 3.344C8.142 3.84293 7.629 4.23683 7.02088 4.50109C6.7498 4.61888 6.469 4.70588 6.17657 4.75316C6.15095 4.75727 6.12497 4.75905 6.08724 4.7633C6.07869 4.72855 6.0682 4.69541 6.06258 4.66158C5.94581 3.96424 6.00413 3.28332 6.2774 2.62923C6.61181 1.82891 7.12434 1.16453 7.83873 0.665613C8.34855 0.309543 8.92196 0.134829 9.54031 0.101975C9.65406 0.0958794 9.76813 0.0972965 9.90405 0.0948108L9.90414 0.0946982Z" fill="#1A5CFF"/>
-<path d="M5.02195 7.29015C5.0458 7.21797 5.06766 7.1464 5.09291 7.07608C5.30212 6.49416 5.61058 5.97513 6.06723 5.55186C6.54952 5.10477 7.11653 4.84481 7.7747 4.79403C8.12569 4.76692 8.46621 4.82717 8.79993 4.93189C9.03505 5.00564 9.26043 5.10305 9.47405 5.22523C9.55304 5.27038 9.62895 5.32429 9.69675 5.38477C9.80813 5.48423 9.83612 5.61169 9.78379 5.75143C9.75991 5.81536 9.73078 5.87944 9.69229 5.93546C9.28335 6.53159 8.7937 7.04573 8.14834 7.388C7.44337 7.76193 6.70354 7.85386 5.93497 7.61008C5.63869 7.51608 5.34637 7.4095 5.05243 7.30835C5.04348 7.30531 5.03572 7.29849 5.02193 7.29006L5.02195 7.29015Z" fill="#1A5CFF"/>
-<path d="M1.59531 6.10068C1.66448 6.11139 1.73237 6.11837 1.79869 6.13262C2.21194 6.22124 2.5405 6.45115 2.82308 6.75456C3.11676 7.06985 3.33301 7.43516 3.49965 7.83004C3.84295 8.64367 3.97382 9.49445 3.93334 10.3737C3.9131 10.8136 3.84314 11.2457 3.72347 11.6697C3.71197 11.7102 3.69861 11.7502 3.68554 11.7926C3.49916 11.8076 3.32122 11.7894 3.14496 11.7498C2.6699 11.643 2.29585 11.379 2.00542 10.9969C1.61702 10.486 1.36402 9.91104 1.23167 9.28359C1.11829 8.74615 1.11465 8.20527 1.18795 7.66212C1.25653 7.15376 1.38986 6.6621 1.56112 6.17978C1.56966 6.15571 1.58145 6.13281 1.5955 6.10059L1.59531 6.10068Z" fill="#1A5CFF"/>
-<path d="M8.16182 8.63292C8.08734 8.99577 8.02593 9.34722 7.94124 9.69287C7.85438 10.0474 7.66092 10.3544 7.45724 10.6525C7.1729 11.0688 6.82449 11.4207 6.38422 11.6726C5.84029 11.9837 5.25647 12.122 4.62971 12.0512C4.54286 12.0414 4.45522 12.0194 4.37367 11.988C4.24555 11.9386 4.18188 11.8371 4.1749 11.6989C4.16802 11.5626 4.19504 11.4317 4.23199 11.3023C4.33839 10.93 4.48047 10.5714 4.64809 10.2227C4.81866 9.86786 5.01192 9.52545 5.24724 9.20976C5.53836 8.8193 5.92548 8.56876 6.40436 8.47247C6.6439 8.42432 6.88777 8.43896 7.12849 8.47227C7.41686 8.51226 7.70396 8.56188 7.99164 8.60717C8.04283 8.61523 8.09422 8.6227 8.16182 8.63292Z" fill="#1A5CFF"/>
-<path d="M16.5372 41.4229C16.6404 41.4053 16.7301 41.3889 16.8201 41.375C16.9002 41.3627 16.9741 41.3793 17.0468 41.4178C17.9519 41.8964 18.8577 42.3736 19.7632 42.8511C19.7661 42.8526 19.7689 42.8543 19.7718 42.856C19.9408 42.9552 20.0563 43.1116 20.2087 43.2495C20.0474 43.3099 19.9008 43.3646 19.7544 43.4196C19.6972 43.4411 19.6469 43.4246 19.5951 43.3981C19.2863 43.2405 18.9744 43.0889 18.6677 42.927C18.0255 42.5882 17.3866 42.243 16.7447 41.9036C16.6586 41.8581 16.608 41.7969 16.5912 41.7031C16.5752 41.6136 16.5569 41.5244 16.5371 41.4229H16.5372Z" fill="#1A5CFF"/>
-<text font-family="inter, sans-serif" font-size="9" letter-spacing="0.3px" font-weight="medium" fill="#0048FF">
-  <tspan x="16" y="15">PRODUCT OF THE DAY</tspan>
-</text>
-<text font-family="inter, sans-serif" font-size="16" font-weight="bold" fill="#0048FF">
-  <tspan x="54" y="37">5th</tspan>
-</text>
-<path d="M135.851 17.3817C135.841 17.3465 135.826 17.3119 135.82 17.2758C135.81 17.2137 135.808 17.1506 135.8 17.0881C135.788 17.0018 135.787 17.0015 135.697 16.9847C135.344 16.9188 135.002 16.9568 134.671 17.0978C134.401 17.2128 134.168 17.3821 133.951 17.5759C133.277 18.1763 132.831 18.92 132.564 19.7764C132.406 20.286 132.312 20.8084 132.259 21.3388C132.255 21.376 132.252 21.4132 132.248 21.4559C132.275 21.468 132.299 21.4813 132.325 21.4904C132.966 21.7174 133.575 21.6569 134.146 21.2806C134.623 20.9668 134.977 20.5435 135.246 20.0451C135.576 19.4323 135.757 18.7757 135.819 18.0841C135.823 18.0383 135.84 17.9937 135.852 17.9484C135.852 17.7595 135.852 17.5706 135.852 17.3816L135.851 17.3817Z" fill="#1A5CFF"/>
-<path d="M131.837 21.3632C131.869 21.2052 131.906 21.0494 131.933 20.892C132.006 20.4679 132.029 20.0412 131.972 19.6136C131.867 18.8333 131.549 18.1539 130.982 17.6034C130.528 17.1626 129.974 16.9775 129.344 17.0189C129.263 17.0242 129.182 17.0341 129.101 17.042C129.051 17.18 129.026 17.3158 129.01 17.4528C128.931 18.1025 129.044 18.7254 129.281 19.3289C129.461 19.7838 129.708 20.1985 130.042 20.5582C130.362 20.9035 130.735 21.1686 131.194 21.2994C131.405 21.3598 131.632 21.384 131.837 21.3632Z" fill="#1A5CFF"/>
-<path d="M135.51 11.7039C135.319 11.7868 135.135 11.867 134.95 11.9473C134.887 11.9749 134.824 12.0049 134.76 12.0301C134.314 12.2049 133.983 12.5212 133.69 12.8873C133.242 13.4464 132.965 14.0841 132.813 14.7796C132.678 15.398 132.643 16.0252 132.644 16.6558C132.645 16.7311 132.644 16.8063 132.644 16.8928C132.747 16.9088 132.842 16.9287 132.938 16.9377C133.39 16.9798 133.815 16.8975 134.2 16.646C134.429 16.4963 134.619 16.3053 134.786 16.0901C135.291 15.4399 135.585 14.7057 135.672 13.8868C135.725 13.3828 135.702 12.8811 135.633 12.3809C135.605 12.1785 135.566 11.9778 135.53 11.7765C135.526 11.7526 135.517 11.7296 135.51 11.7039H135.51Z" fill="#1A5CFF"/>
-<path d="M132.259 16.8888C132.31 16.2013 132.276 15.5291 132.035 14.8814C131.789 14.2198 131.37 13.6911 130.776 13.3097C130.288 12.9958 129.754 12.9227 129.19 13.0584C128.998 13.1046 128.844 13.3113 128.861 13.5073C128.936 14.3769 129.196 15.1775 129.762 15.8585C130.051 16.2053 130.385 16.4994 130.786 16.7115C131.236 16.949 131.711 17.0063 132.207 16.9065C132.222 16.9035 132.236 16.8966 132.259 16.8887L132.259 16.8888Z" fill="#1A5CFF"/>
-<path d="M132.973 27.1222C132.617 27.2681 132.273 27.4055 131.931 27.5508C131.668 27.6629 131.439 27.8266 131.239 28.0339C130.908 28.3771 130.612 28.7488 130.33 29.1314C130.094 29.4506 129.86 29.7706 129.626 30.091C129.594 30.1339 129.565 30.1795 129.542 30.2275C129.471 30.3764 129.493 30.5105 129.611 30.6246C129.663 30.6745 129.721 30.7203 129.783 30.7558C130.346 31.0771 130.936 31.1563 131.555 30.9387C131.996 30.7835 132.372 30.522 132.714 30.2096C133.239 29.7304 133.6 29.1417 133.85 28.4816C133.918 28.3023 133.963 28.114 134.034 27.9363C134.101 27.7701 133.958 27.4563 133.779 27.4033C133.622 27.3569 133.465 27.3138 133.307 27.2707C133.265 27.2591 133.221 27.2521 133.178 27.2446C133.096 27.2304 133.017 27.2102 132.973 27.1222H132.973Z" fill="#1A5CFF"/>
-<path d="M127.787 25.167C127.717 25.3231 127.643 25.4723 127.583 25.6267C127.348 26.2255 127.259 26.8461 127.314 27.4876C127.365 28.0872 127.537 28.6477 127.858 29.1588C128.138 29.6051 128.506 29.9593 128.977 30.2019C129.01 30.2191 129.045 30.2346 129.081 30.2518C129.091 30.2416 129.102 30.2347 129.109 30.2248C129.421 29.7379 129.65 29.2168 129.754 28.6447C129.868 28.0181 129.812 27.4039 129.617 26.8003C129.494 26.424 129.311 26.083 129.031 25.7991C128.692 25.4561 128.277 25.261 127.787 25.167Z" fill="#1A5CFF"/>
-<path d="M127.21 34.1012C127.325 34.2477 127.449 34.3765 127.586 34.4936C127.874 34.7412 128.2 34.9083 128.578 34.9654C128.896 35.0133 129.207 34.9751 129.511 34.8835C130.297 34.6468 130.927 34.1859 131.427 33.5396C131.69 33.1992 131.903 32.8287 132.083 32.4389C132.101 32.4002 132.117 32.3537 132.113 32.3128C132.096 32.1369 132.028 31.9813 131.882 31.8757C131.604 31.6752 131.292 31.5714 130.949 31.5537C130.501 31.5307 130.083 31.6502 129.674 31.8161C129.02 32.082 128.474 32.4998 128.004 33.0218C127.707 33.3528 127.449 33.7134 127.21 34.1014L127.21 34.1012Z" fill="#1A5CFF"/>
-<path d="M126.376 28.6107C126.201 28.8286 126.061 29.0555 125.945 29.2975C125.622 29.9749 125.495 30.6884 125.559 31.4355C125.607 32.0024 125.767 32.5342 126.075 33.0164C126.259 33.3034 126.488 33.5472 126.77 33.7408C126.798 33.7601 126.827 33.7772 126.861 33.7985C126.895 33.7679 126.925 33.7416 126.954 33.7133C127.356 33.3222 127.619 32.8476 127.788 32.3181C127.923 31.898 127.988 31.4665 127.975 31.0257C127.96 30.5317 127.858 30.0581 127.614 29.6228C127.36 29.1696 126.992 28.8447 126.507 28.6555C126.466 28.6397 126.424 28.6272 126.376 28.6107H126.376Z" fill="#1A5CFF"/>
-<path d="M135.449 22.4534C135.27 22.364 135.085 22.3076 134.89 22.2811C134.48 22.2252 134.102 22.326 133.743 22.5152C132.984 22.9157 132.405 23.5013 131.982 24.2451C131.691 24.7576 131.492 25.3066 131.339 25.8736C131.322 25.9343 131.327 25.9923 131.355 26.0479C131.438 26.211 131.552 26.3329 131.734 26.3927C132.367 26.6006 132.96 26.5156 133.512 26.1549C134.025 25.8203 134.423 25.3738 134.737 24.8509C135.035 24.354 135.222 23.8144 135.334 23.2486C135.379 23.0174 135.409 22.7828 135.444 22.5496C135.449 22.5191 135.448 22.4876 135.449 22.4533L135.449 22.4534Z" fill="#1A5CFF"/>
-<path d="M128.825 21.2545C128.816 21.2679 128.809 21.2749 128.807 21.2832C128.732 21.5982 128.624 21.9062 128.589 22.2293C128.567 22.4258 128.555 22.6249 128.561 22.8222C128.582 23.5122 128.773 24.1546 129.132 24.7455C129.319 25.0544 129.541 25.3341 129.828 25.5577C130.122 25.7858 130.453 25.9322 130.814 26.0138C130.826 26.0165 130.838 26.0171 130.857 26.0194C130.869 25.9945 130.882 25.9704 130.892 25.945C131.053 25.5234 131.176 25.0914 131.231 24.6424C131.348 23.6711 131.109 22.7956 130.516 22.0176C130.364 21.8181 130.177 21.6625 129.934 21.5857C129.688 21.5081 129.442 21.4317 129.195 21.3571C129.072 21.3201 128.948 21.2883 128.825 21.2544V21.2545Z" fill="#1A5CFF"/>
-<path d="M126.12 38.8758C126.541 38.8681 126.936 38.7565 127.317 38.5897C128.027 38.2785 128.591 37.7884 129.045 37.1662C129.095 37.0976 129.14 37.0251 129.191 36.9572C129.245 36.8855 129.266 36.8052 129.261 36.718C129.257 36.6587 129.249 36.5993 129.239 36.5407C129.222 36.4446 129.168 36.3807 129.081 36.3317C128.714 36.1236 128.331 35.9457 127.949 35.7686C127.922 35.7561 127.888 35.7496 127.858 35.7515C127.114 35.7991 126.405 35.9737 125.751 36.3429C125.226 36.6387 124.784 37.0326 124.385 37.4794C124.343 37.5272 124.328 37.5838 124.326 37.6444C124.322 37.8092 124.358 37.9619 124.461 38.0959C124.77 38.4954 125.179 38.7301 125.671 38.8229C125.818 38.8507 125.97 38.8587 126.12 38.8758H126.12Z" fill="#1A5CFF"/>
-<path d="M124.213 32.1167C124.186 32.1427 124.16 32.1656 124.137 32.1898C123.571 32.7658 123.219 33.4542 123.063 34.2431C122.946 34.8327 122.956 35.4198 123.12 36.0006C123.254 36.4723 123.482 36.8911 123.828 37.2417C123.846 37.2595 123.865 37.2762 123.891 37.3011C123.927 37.2778 123.964 37.2558 123.999 37.2313C124.657 36.776 125.089 36.1581 125.31 35.3934C125.504 34.7255 125.506 34.0574 125.268 33.398C125.086 32.8912 124.774 32.4813 124.322 32.1833C124.288 32.161 124.253 32.141 124.213 32.1166V32.1167Z" fill="#1A5CFF"/>
-<path d="M126.004 40.4745C125.83 40.104 125.583 39.8049 125.245 39.5838C124.86 39.3323 124.433 39.2202 123.978 39.2039C123.411 39.1837 122.872 39.3095 122.352 39.5251C121.791 39.7574 121.29 40.0842 120.832 40.4805C120.813 40.4969 120.793 40.5118 120.772 40.5291C120.789 40.5726 120.801 40.6076 120.816 40.6418C120.94 40.9374 121.102 41.2083 121.329 41.4378C121.639 41.7506 122.015 41.9345 122.448 42.0005C123.327 42.1349 124.134 41.9382 124.877 41.4567C125.286 41.1911 125.644 40.8662 125.976 40.5108C125.984 40.5017 125.991 40.4912 126.004 40.4746V40.4745Z" fill="#1A5CFF"/>
-<path d="M121.671 35.0368C121.522 35.1343 121.391 35.237 121.268 35.3495C120.561 35.9962 120.13 36.7928 119.99 37.7408C119.893 38.405 119.973 39.0468 120.277 39.6527C120.359 39.816 120.456 39.9698 120.572 40.1103C120.586 40.1078 120.597 40.1087 120.604 40.1045C121.219 39.7579 121.734 39.3048 122.088 38.6863C122.402 38.1371 122.569 37.5448 122.566 36.9107C122.564 36.2379 122.307 35.6684 121.835 35.1929C121.785 35.1417 121.731 35.0935 121.671 35.0369V35.0368Z" fill="#1A5CFF"/>
-<path d="M131.819 1.94554C131.686 2.04027 131.545 2.12576 131.421 2.23163C131.097 2.50993 130.875 2.86287 130.718 3.2576C130.461 3.90601 130.397 4.58114 130.453 5.27068C130.521 6.10131 130.763 6.88109 131.153 7.61605C131.166 7.64074 131.177 7.66642 131.191 7.69534C131.237 7.67872 131.273 7.66737 131.307 7.65338C131.837 7.43924 132.225 7.06668 132.504 6.5745C132.747 6.14551 132.877 5.68038 132.92 5.19225C133.004 4.23923 132.796 3.3534 132.288 2.54075C132.171 2.35351 132.035 2.17992 131.886 2.0168C131.867 1.9966 131.853 1.97229 131.837 1.94992C131.831 1.94849 131.825 1.94708 131.819 1.94565L131.819 1.94554Z" fill="#1A5CFF"/>
-<path d="M126.6 0.832111C126.61 1.01261 126.614 1.17591 126.63 1.33815C126.726 2.33173 127.057 3.23727 127.659 4.03765C128.041 4.54505 128.507 4.957 129.073 5.25091C129.325 5.38192 129.589 5.48403 129.866 5.54881C129.891 5.55445 129.915 5.55788 129.951 5.56447C129.962 5.5317 129.974 5.5006 129.982 5.46852C130.14 4.80727 130.129 4.15015 129.911 3.50449C129.643 2.7145 129.195 2.04308 128.543 1.51699C128.078 1.14153 127.539 0.935838 126.948 0.863255C126.84 0.849852 126.73 0.843636 126.6 0.832225L126.6 0.832111Z" fill="#1A5CFF"/>
-<path d="M130.803 8.05942C130.785 7.98859 130.768 7.91847 130.749 7.84934C130.587 7.27717 130.325 6.75875 129.915 6.32235C129.482 5.86141 128.956 5.57435 128.328 5.48193C127.993 5.43261 127.662 5.46779 127.335 5.54609C127.105 5.60124 126.882 5.67972 126.669 5.78275C126.59 5.82082 126.514 5.86749 126.445 5.92101C126.331 6.00904 126.296 6.12946 126.337 6.26699C126.356 6.32991 126.379 6.39332 126.412 6.44962C126.765 7.04868 127.201 7.57445 127.797 7.94567C128.449 8.35121 129.152 8.48854 129.906 8.30571C130.196 8.23521 130.484 8.15237 130.772 8.07486C130.781 8.07253 130.789 8.06651 130.803 8.05933L130.803 8.05942Z" fill="#1A5CFF"/>
-<path d="M134.317 6.81726C134.25 6.82756 134.185 6.83427 134.121 6.84797C133.724 6.9332 133.408 7.1543 133.136 7.44607C132.854 7.74927 132.646 8.10057 132.486 8.48031C132.155 9.26275 132.03 10.0809 132.068 10.9265C132.088 11.3495 132.155 11.765 132.27 12.1727C132.281 12.2117 132.294 12.2502 132.307 12.2909C132.486 12.3054 132.657 12.2879 132.827 12.2498C133.283 12.1471 133.643 11.8932 133.922 11.5258C134.296 11.0344 134.539 10.4815 134.666 9.87813C134.775 9.36129 134.779 8.84115 134.708 8.31883C134.643 7.82996 134.514 7.35716 134.35 6.89333C134.341 6.87018 134.33 6.84816 134.317 6.81717L134.317 6.81726Z" fill="#1A5CFF"/>
-<path d="M128.003 9.25241C128.075 9.60135 128.134 9.93932 128.215 10.2717C128.299 10.6126 128.485 10.9079 128.681 11.1946C128.954 11.5949 129.289 11.9333 129.712 12.1755C130.235 12.4748 130.797 12.6077 131.4 12.5397C131.483 12.5302 131.567 12.5091 131.646 12.4788C131.769 12.4314 131.83 12.3338 131.837 12.2008C131.843 12.0698 131.817 11.9438 131.782 11.8194C131.68 11.4614 131.543 11.1165 131.382 10.7812C131.218 10.44 131.032 10.1107 130.806 9.80714C130.526 9.43165 130.153 9.19071 129.693 9.09812C129.463 9.05182 129.228 9.0659 128.997 9.09793C128.719 9.13638 128.443 9.1841 128.167 9.22766C128.117 9.2354 128.068 9.24259 128.003 9.25241Z" fill="#1A5CFF"/>
-<path d="M119.949 40.7851C119.85 40.7682 119.764 40.7524 119.677 40.7391C119.6 40.7273 119.529 40.7433 119.459 40.7802C118.589 41.2404 117.718 41.6994 116.847 42.1586C116.844 42.16 116.841 42.1617 116.839 42.1633C116.676 42.2587 116.565 42.4091 116.419 42.5417C116.574 42.5998 116.715 42.6523 116.855 42.7053C116.91 42.7259 116.959 42.7101 117.009 42.6846C117.306 42.533 117.606 42.3872 117.9 42.2316C118.518 41.9057 119.132 41.5738 119.75 41.2474C119.832 41.2037 119.881 41.1448 119.897 41.0546C119.913 40.9685 119.93 40.8827 119.949 40.7851H119.949Z" fill="#1A5CFF"/>
-</svg>