ideaco 1.1.5

package/src/app/api/ws-files/[departmentId]/file/route.js

@@ -0,0 +1,27 @@
+import { NextResponse } from 'next/server';
+import { getCompany } from '@/lib/store';
+
+/**
+ * GET /api/ws-files/[departmentId]/file?path=filePath
+ * Read a single workspace file content
+ */
+export async function GET(request, { params }) {
+  try {
+    const company = getCompany();
+    if (!company) return NextResponse.json({ error: 'No company' }, { status: 400 });
+
+    const { departmentId } = await params;
+    const url = new URL(request.url);
+    const filePath = url.searchParams.get('path');
+
+    if (!filePath) {
+      return NextResponse.json({ error: 'Missing path parameter' }, { status: 400 });
+    }
+
+    const content = await company.readWorkspaceFile(departmentId, filePath);
+    return NextResponse.json({ data: { path: filePath, content } });
+  } catch (e) {
+    const status = e.code === 'ENOENT' ? 404 : e.code === 'EACCES' ? 403 : 500;
+    return NextResponse.json({ error: e.message }, { status });
+  }
+}

package/src/app/api/ws-files/[departmentId]/files/route.js

@@ -0,0 +1,22 @@
+import { NextResponse } from 'next/server';
+import { getCompany } from '@/lib/store';
+
+/**
+ * GET /api/ws-files/[departmentId]/files?path=subPath
+ * List workspace files (shallow, one level)
+ */
+export async function GET(request, { params }) {
+  try {
+    const company = getCompany();
+    if (!company) return NextResponse.json({ error: 'No company' }, { status: 400 });
+
+    const { departmentId } = await params;
+    const url = new URL(request.url);
+    const subPath = url.searchParams.get('path') || '';
+
+    const files = await company.getShallowWorkspaceFiles(departmentId, subPath);
+    return NextResponse.json({ data: files });
+  } catch (e) {
+    return NextResponse.json({ error: e.message }, { status: 500 });
+  }
+}

package/src/app/globals.css

@@ -0,0 +1,130 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #0a0a0a;
+  --foreground: #ededed;
+  --card: #141414;
+  --card-hover: #1a1a1a;
+  --border: #2a2a2a;
+  --accent: #3b82f6;
+  --accent-hover: #2563eb;
+  --success: #22c55e;
+  --warning: #f59e0b;
+  --danger: #ef4444;
+  --muted: #71717a;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+/* Electron: macOS hiddenInset 标题栏拖拽区域 */
+.electron-drag {
+  -webkit-app-region: drag;
+}
+.electron-no-drag {
+  -webkit-app-region: no-drag;
+}
+
+/* Electron macOS: 标题栏偏移量 */
+:root {
+  --titlebar-height: 0px;
+}
+.electron-mac {
+  --titlebar-height: 36px;
+}
+
+/* Global scrollbar hiding */
+::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+* {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+/* Animations */
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes slideIn {
+  from { opacity: 0; transform: translateX(-20px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+@keyframes pulse-glow {
+  0%, 100% { box-shadow: 0 0 5px rgba(59, 130, 246, 0.3); }
+  50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.6); }
+}
+
+.animate-fade-in {
+  animation: fadeIn 0.3s ease-out;
+}
+
+.animate-slide-in {
+  animation: slideIn 0.3s ease-out;
+}
+
+.animate-pulse-glow {
+  animation: pulse-glow 2s ease-in-out infinite;
+}
+
+/* Card styles */
+.card {
+  @apply bg-[var(--card)] border border-[var(--border)] rounded-xl p-4 transition-all duration-200;
+}
+.card:hover {
+  background: var(--card-hover);
+  border-color: rgba(59, 130, 246, 0.3);
+}
+
+/* Button styles */
+.btn-primary {
+  @apply bg-[var(--accent)] hover:bg-[var(--accent-hover)] text-white px-4 py-2 rounded-lg font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
+}
+
+.btn-secondary {
+  @apply bg-[var(--card)] hover:bg-[var(--card-hover)] border border-[var(--border)] text-[var(--foreground)] px-4 py-2 rounded-lg font-medium transition-all duration-200;
+}
+
+.btn-danger {
+  @apply bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg font-medium transition-all duration-200;
+}
+
+/*
+ * === Design Spec: Button Width ===
+ * Form submit buttons inside card/form areas should NOT stretch to full width (w-full) on desktop.
+ * Use `max-w-xs` (max-width: 20rem / 320px) to keep buttons compact and visually balanced.
+ * Example: <button className="btn-primary max-w-xs">Submit</button>
+ * Full-width buttons are only acceptable in narrow contexts (modals ≤ 400px, mobile viewports).
+ */
+
+/* Input */
+.input {
+  @apply bg-[var(--card)] border border-[var(--border)] rounded-lg px-3 py-2 text-[var(--foreground)] focus:border-[var(--accent)] focus:outline-none focus:ring-1 focus:ring-[var(--accent)] transition-all duration-200;
+}
+
+/* Status indicators */
+.status-dot {
+  @apply w-2 h-2 rounded-full inline-block;
+}
+.status-dot.active {
+  @apply bg-green-500;
+}
+.status-dot.idle {
+  @apply bg-gray-500;
+}
+.status-dot.working {
+  @apply bg-yellow-500 animate-pulse;
+}
+.status-dot.dismissed {
+  @apply bg-red-500;
+}

package/src/app/layout.jsx

@@ -0,0 +1,40 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import './globals.css';
+import { I18nProvider } from '@/lib/i18n';
+
+export default function RootLayout({ children }) {
+  const [isElectronMac, setIsElectronMac] = useState(false);
+
+  useEffect(() => {
+    if (window.electronAPI?.isElectron && window.electronAPI.platform === 'darwin') {
+      setIsElectronMac(true);
+    }
+  }, []);
+
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <title>AI Enterprise - AI Company Management</title>
+        <meta name="description" content="Recruit AI Agents to form departments and collaborate on real projects" />
+      </head>
+      <body className={`min-h-screen ${isElectronMac ? 'electron-mac' : ''}`}>
+        {isElectronMac && (
+          <div
+            style={{
+              position: 'fixed',
+              top: 0,
+              left: 0,
+              right: 0,
+              height: 36,
+              zIndex: 9999,
+              WebkitAppRegion: 'drag',
+            }}
+          />
+        )}
+        <I18nProvider>{children}</I18nProvider>
+      </body>
+    </html>
+  );
+}

package/src/app/page.jsx

@@ -0,0 +1,97 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useStore } from '@/lib/client-store';
+import { useI18n } from '@/lib/i18n';
+import SetupWizard from '@/components/SetupWizard';
+import OnboardingGuide from '@/components/OnboardingGuide';
+import Sidebar from '@/components/Sidebar';
+import Overview from '@/components/Overview';
+import DepartmentView from '@/components/DepartmentView';
+import DepartmentDetail from '@/components/DepartmentDetail';
+import Mailbox from '@/components/Mailbox';
+import MessagesView from '@/components/MessagesView';
+import RequirementsBoard from '@/components/RequirementsBoard';
+import RequirementDetail from '@/components/RequirementDetail';
+import TeamDetail from '@/components/TeamDetail';
+import ChatPanel from '@/components/ChatPanel';
+import PixelOffice from '@/components/PixelOffice';
+
+const ONBOARDING_KEY = 'ideaco-onboarding-done';
+
+export default function Home() {
+  const { company, initialized, activeTab, fetchCompany, error, clearError } = useStore();
+  const { t } = useI18n();
+  const [showOnboarding, setShowOnboarding] = useState(false);
+
+  useEffect(() => {
+    fetchCompany();
+  }, [fetchCompany]);
+
+  // Show onboarding when company is loaded and hasn't completed it yet
+  useEffect(() => {
+    if (!company) return;
+    const doneKey = `${ONBOARDING_KEY}-${company.id}`;
+    const done = typeof localStorage !== 'undefined' && localStorage.getItem(doneKey);
+    if (!done) {
+      setShowOnboarding(true);
+    }
+  }, [company]);
+
+  const handleOnboardingComplete = () => {
+    setShowOnboarding(false);
+    if (company?.id) {
+      try {
+        localStorage.setItem(`${ONBOARDING_KEY}-${company.id}`, '1');
+      } catch {}
+    }
+  };
+
+  // Initialization request not yet complete, show loading screen instead of SetupWizard
+  if (!initialized) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center animate-pulse">
+          <div className="text-6xl mb-4">🏢</div>
+          <p className="text-[var(--muted)]">{t('loadingScreen.text')}</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!company) {
+    return <SetupWizard />;
+  }
+
+  const renderContent = () => {
+    switch (activeTab) {
+      case 'overview': return <Overview />;
+      case 'requirements': return <RequirementsBoard />;
+      case 'requirement-detail': return <RequirementDetail />;
+      case 'departments': return <DepartmentView />;
+      case 'department-detail': return <DepartmentDetail />;
+      case 'team-detail': return <TeamDetail />;
+      case 'mailbox': return <Mailbox />;
+      case 'messages': return <MessagesView />;
+      case 'office': return <PixelOffice />;
+      default: return <Overview />;
+    }
+  };
+
+  return (
+    <div className="flex h-screen">
+      <Sidebar />
+      <main className="flex-1 overflow-auto relative">
+        {error && (
+          <div className="bg-red-900/30 border border-red-500/50 text-red-300 px-4 py-3 m-4 rounded-lg flex justify-between items-center animate-fade-in">
+            <span>💀 {error}</span>
+            <button onClick={clearError} className="text-red-300 hover:text-red-100 ml-4">✕</button>
+          </div>
+        )}
+        {renderContent()}
+      </main>
+      <ChatPanel />
+      {showOnboarding && <OnboardingGuide onComplete={handleOnboardingComplete} />}
+    </div>
+  );
+}

package/src/components/AgentChatModal.jsx

@@ -0,0 +1,164 @@
+'use client';
+
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { useStore } from '@/lib/client-store';
+import { useI18n } from '@/lib/i18n';
+import { MessageBubble, ChatInput, TaskStatusPanel } from './ChatShared';
+import CachedAvatar from './CachedAvatar';
+
+export default function AgentChatModal({ agentId, agentName, agentAvatar, agentRole, agentSignature, agentDepartment, onClose }) {
+  const { t } = useI18n();
+  const { chatWithAgent, fetchAgentChatHistory, company } = useStore();
+  const [messages, setMessages] = useState([]);
+  const [input, setInput] = useState('');
+  const [sending, setSending] = useState(false);
+  const [loadingHistory, setLoadingHistory] = useState(true);
+  const messagesEndRef = useRef(null);
+  const inputRef = useRef(null);
+
+  useEffect(() => {
+    (async () => {
+      setLoadingHistory(true);
+      try {
+        const history = await fetchAgentChatHistory(agentId);
+        setMessages(history);
+      } catch (e) { /* handled */ }
+      setLoadingHistory(false);
+    })();
+  }, [agentId, fetchAgentChatHistory]);
+
+  const scrollToBottom = useCallback(() => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+      });
+    });
+  }, []);
+
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, []);
+
+  const handleSend = useCallback(async () => {
+    if (!input.trim() || sending) return;
+    const userMessage = input.trim();
+    setInput('');
+    setSending(true);
+
+    const optimisticMsg = { role: 'boss', content: userMessage, time: new Date().toISOString() };
+    setMessages(prev => [...prev, optimisticMsg]);
+    scrollToBottom();
+
+    try {
+      const data = await chatWithAgent(agentId, userMessage);
+      if (data.chatHistory) {
+        setMessages(data.chatHistory);
+      } else if (data.reply) {
+        setMessages(prev => [...prev, {
+          role: 'agent',
+          content: data.reply.reply,
+          time: data.reply.time,
+        }]);
+      }
+    } catch (e) {
+      setMessages(prev => [...prev, {
+        role: 'agent',
+        content: `😵 ${t('agentChat.error')}: ${e.message}`,
+        time: new Date().toISOString(),
+      }]);
+    }
+    setSending(false);
+    inputRef.current?.focus();
+  }, [input, sending, agentId, chatWithAgent, t]);
+
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+
+  const bossAvatar = company?.bossAvatar;
+
+  return (
+    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-[70] !m-0" onClick={onClose}>
+      <div className="card max-w-lg w-full mx-4 h-[70vh] flex flex-col" onClick={e => e.stopPropagation()}>
+        {/* Header */}
+        <div className="flex items-center gap-3 -mx-4 -mt-4 px-4 py-3 border-b border-[var(--border)] shrink-0">
+          <CachedAvatar src={agentAvatar} alt={agentName} className="w-10 h-10 rounded-full bg-[var(--border)]" />
+          <div className="flex-1 min-w-0">
+            <div className="text-sm font-semibold flex items-center gap-2">
+              {agentName}
+              <span className="w-2 h-2 bg-green-500 rounded-full" />
+              {(agentRole || agentDepartment) && (
+                <span className="text-[10px] text-[var(--muted)] font-normal">
+                  {agentRole}{agentDepartment ? ` · ${agentDepartment}` : ''}
+                </span>
+              )}
+            </div>
+            {agentSignature ? (
+              <div className="text-[10px] text-[var(--muted)] italic truncate" title={agentSignature}>"{agentSignature}"</div>
+            ) : (
+              <div className="text-[10px] text-[var(--muted)]">{t('agentChat.empty', { name: agentName })}</div>
+            )}
+          </div>
+          <button onClick={onClose} className="text-[var(--muted)] hover:text-white text-xl w-7 h-7 flex items-center justify-center rounded-lg hover:bg-white/10 transition-all">✕</button>
+        </div>
+
+        {/* Messages - reuse MessageBubble */}
+        <div className="flex-1 overflow-auto py-3 space-y-3">
+          {loadingHistory ? (
+            <div className="text-center text-[var(--muted)] py-8">
+              <div className="text-2xl animate-pulse">💬</div>
+              <p className="text-xs mt-2">{t('common.loading')}</p>
+            </div>
+          ) : messages.length === 0 ? (
+            <div className="text-center text-[var(--muted)] py-8">
+              <div className="text-3xl">👋</div>
+              <p className="text-sm mt-2">{t('agentChat.empty', { name: agentName })}</p>
+            </div>
+          ) : (
+            messages.map((msg, i) => (
+              <MessageBubble
+                key={i}
+                isMe={msg.role === 'boss'}
+                avatar={msg.role !== 'boss' ? agentAvatar : null}
+                name={msg.role === 'boss' ? (company?.boss || 'Boss') : agentName}
+                content={msg.content}
+                time={msg.time}
+                agentId={null}
+                onClickAvatar={null}
+                bossAvatar={bossAvatar}
+              />
+            ))
+          )}
+          {sending && (
+            <div className="flex gap-2">
+              <CachedAvatar src={agentAvatar} alt={agentName} className="w-7 h-7 rounded-full bg-[var(--border)] shrink-0 mt-0.5" />
+              <div className="bg-[var(--card)] border border-[var(--border)] rounded-2xl rounded-bl-sm px-3 py-2 text-sm">
+                <span className="animate-pulse text-[var(--muted)]">{t('agentChat.typing')}</span>
+              </div>
+            </div>
+          )}
+          <div ref={messagesEndRef} />
+        </div>
+
+        {/* Task status panel - shared */}
+        <TaskStatusPanel />
+
+        {/* Input - reuse ChatInput, with negative margin to match card padding */}
+        <div className="-mx-4 -mb-4">
+          <ChatInput
+            value={input}
+            onChange={setInput}
+            onSend={handleSend}
+            onKeyDown={handleKeyDown}
+            sending={sending}
+            placeholder={t('agentChat.inputPlaceholder', { name: agentName })}
+            inputRef={inputRef}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}