feat: initialize ZCLAW project with core systems and Tauri desktop

- Created backend core systems:
  - Remote Execution System (远程执行系统)
  - Task Orchestration Engine (任务编排引擎)
  - Persistent Memory System (持续记忆系统)
  - Proactive Service System (主动服务系统)

- Created Tauri desktop app:
  - Three-column layout based on AutoClaw design
  - React + TypeScript + Tailwind CSS
  - Zustand state management
  - Lucide React icons

- Components:
  - Sidebar (Agent list, IM channels, scheduled tasks)
  - ChatArea (Chat interface with message bubbles)
  - RightPanel (Task progress, statistics, next actions)

Next: Test Tauri dev server and integrate with OpenClaw backend

desktop/src/components/Sidebar.tsx

@@ -0,0 +1,70 @@
+import { useChatStore } from '../store/chatStore';
+import { Settings, Cat, Search, Globe, BarChart } from 'lucide-react';
+
+export function Sidebar() {
+  const { agents, currentAgent, setCurrentAgent } = useChatStore();
+  const [activeTab, setActiveTab] = React.useState('agents');
+
+  return (
+    <aside className="w-64 bg-gray-50 border-r border-gray-200 flex flex-col flex-shrink-0">
+      {/* 顶部标签 */}
+      <div className="flex border-b border-gray-200 bg-white">
+        <button
+          className={lex-1 py-3 px-4 text-xs font-medium }
+          onClick={() => setActiveTab('agents')}
+        >
+          分身
+        </button>
+        <button
+          className={lex-1 py-3 px-4 text-xs font-medium }
+          onClick={() => setActiveTab('channels')}
+        >
+          IM 频道
+        </button>
+        <button
+          className={lex-1 py-3 px-4 text-xs font-medium }
+          onClick={() => setActiveTab('tasks')}
+        >
+          定时任务
+        </button>
+      </div>
+
+      {/* Agent 列表 */}
+      <div className="flex-1 overflow-y-auto custom-scrollbar py-2">
+        {agents.map((agent) => (
+          <div
+            key={agent.id}
+            className={sidebar-item mx-2 px-3 py-3 rounded-lg cursor-pointer mb-1 }
+            onClick={() => setCurrentAgent(agent)}
+          >
+            <div className="flex items-start gap-3">
+              <div className={w-10 h-10  rounded-xl flex items-center justify-center text-white flex-shrink-0}>
+                <span className="text-xl">{agent.icon}</span>
+              </div>
+              <div className="flex-1 min-w-0">
+                <div className="flex justify-between items-center mb-0.5">
+                  <span className="font-semibold text-gray-900 truncate">{agent.name}</span>
+                  <span className="text-xs text-gray-400">{agent.time}</span>
+                </div>
+                <p className="text-xs text-gray-500 truncate leading-relaxed">{agent.lastMessage}</p>
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+
+      {/* 底部用户 */}
+      <div className="p-3 border-t border-gray-200 bg-gray-50">
+        <div className="flex items-center gap-3">
+          <div className="w-8 h-8 bg-gradient-to-br from-orange-400 to-red-500 rounded-full flex items-center justify-center text-white text-xs font-bold">
+            🦞
+          </div>
+          <span className="font-medium text-gray-700">用户7141</span>
+          <button className="ml-auto text-gray-400 hover:text-gray-600">
+            <Settings className="w-4 h-4" />
+          </button>
+        </div>
+      </div>
+    </aside>
+  );
+}