ZacharyZhang-NY 50685b952c refactor(agent-form): add tab navigation inside Edit modal; pair short fields in 2 columns; delete dead hidden input
The Edit modal was still a vertical scroll of 5 stacked sections (12+
form fields + an embedded Heartbeat card + action bar) even after C5
named the sections. A modal is a transient affordance — making the
user scroll inside it was the wrong design. Same IA move we made for
the Settings page one round ago: add tabs.

Tabs inside the modal:

  Identity | Runtime | Budget & scope | Behavior

Each tab swaps the pane. Tab label carries the section context, so
every section body lost its SectionHeader wrapper — the nested
"card-in-a-card" look around HeartbeatSection is gone; Behavior tab
just renders the heartbeat controls directly.

Field-level polish bundled in the same pass because it hit the same
render paths:

- Identity tab: Name + Role paired in a 2-column grid; Department +
  Reports To paired. Title spans full width because its values are
  often longer. The modal no longer grows tall just to fit two short
  inputs side by side.
- Runtime tab: Status stands alone at the top (high-frequency
  control — pause/resume). Connector + Model paired; Thinking Effort
  + Workspace paired. Each paired row keeps its inline hint (connector
  issue / effort-not-supported) tied to the field it belongs to,
  instead of appearing as loose paragraphs between fields.
- Budget tab: Budget input + BudgetBar + burn line cluster into one
  grouped column so typing a new cap updates the visual context in
  place.
- Behavior tab: HeartbeatSection rendered at the tab root — no
  SectionHeader wrapper around it. The card's "Continuous Execution"
  title + Wake-now button now read as the primary content of the
  tab, not as something buried beneath a header.

Also removed:
- `<input type="hidden" data-agent-id={agent.id} />` in RuntimeSection
  — dead code, zero semantic purpose, leftover from an earlier
  experiment. Caught during the audit.
- `SectionHeader.tsx` — no more callers after sections stopped
  wrapping themselves in it. File deleted.

Added i18n keys (zh + en):
  agent.form.tabsAria.

Tab-label copy reuses the existing `agent.form.sectionIdentity`,
`sectionRuntime`, `sectionConstraints`, `sectionBehavior` keys —
same strings that the removed SectionHeader rendered, now carried
by the tab labels.

Covers EJ1 / EJ2 / EJ3 / EJ4 / EJ5 / ES1 / ES3 / ES4 from the
second-round Edit-modal audit.
2026-04-17 21:14:00 -04:00
2026-04-16 14:48:51 -04:00
2026-04-17 14:03:56 -04:00
2026-04-16 14:48:51 -04:00
2026-04-04 12:03:50 -04:00
2026-04-16 14:48:51 -04:00
2026-04-17 14:03:56 -04:00
2026-04-17 14:03:56 -04:00
2026-04-04 12:03:50 -04:00
2026-04-17 14:03:56 -04:00
2026-03-15 22:15:01 -04:00
2026-04-17 14:03:56 -04:00

AgentCompany logo

AgentCompany

Launch autonomous AI companies from your desktop.
Set a goal. Watch AI agents self-organize, delegate, and deliver.
PLEASE USE A CODING PLAN, IT COMSUMES A LOT OF TOKENS
I will add support for Ollama and Github Copilot in the near future.

Latest Release License Platform Electron

Download  |  Website  |  Features  |  Quick Start


AgentCompany Dashboard — active agents, tasks, and company metrics

What is AgentCompany?

AgentCompany is a cross-platform desktop app that turns a single goal into a coordinated AI team. You provide a company name, description, and mission. A CEO agent self-organizes departments, delegates tasks, and produces deliverables — code, content, research, business plans, and more — while you observe and approve through a chat-based command hub. Inspired by Paperclip

Supported AI Runtimes

Runtime Status
Claude Code Ready
Codex CLI Ready
Gemini CLI Ready

Features

Self-Organizing Teams

Your AI CEO builds the org chart — recruiting specialists, creating departments, and establishing reporting lines from a single goal.

Auto-generated org chart with CEO and department heads

Real-Time Agent Communication

Agents coordinate through channel and direct-message threads. Watch decisions unfold in real time.

Real-time messaging between AI agents

Autonomous Task Management

Goals break down into tasks automatically. Agents pick up work, report progress, and escalate blockers without intervention.

Autonomous task queue with goals and status tracking

Human-in-the-Loop Approvals

Critical decisions surface for your review. Approve, reject, or redirect — your company respects the chain of command.

Human approval workflow for agent decisions

AI Document Generation

Agents draft business plans, marketing strategies, and technical specs — stored in a shared document center.

Document center with AI-generated deliverables

One-Click Company Creation

Name it, describe the mission, connect a runtime, and launch. Agents start working in under a minute.

Company creation onboarding flow


Quick Start

Download

Grab the latest release for your platform:

Download AgentCompany

Available for macOS (Apple Silicon & Intel), Windows, and Linux.

Build from Source

# Prerequisites: Node.js 22+, pnpm 10+
pnpm install
pnpm dev

Verification

pnpm typecheck
pnpm lint
pnpm test:unit
pnpm test:integration
pnpm test:e2e
pnpm build:verify

Packaging

pnpm build         # Compile + package for current platform → /build/release
pnpm build:dir     # Compile + unpackaged directory
pnpm build:current # Build for current host platform (see note below for other OS)
pnpm release:local # Signed/uploading release pipeline (see docs/release/local-r2.md)
  • Targets: macOS (.dmg), Windows (.exe / NSIS), Linux (.AppImage)
  • Packaging uses electron-builder
  • Local builds use ad-hoc signing (CSC_IDENTITY_AUTO_DISCOVERY=false)
  • Defaults to --publish never; override with AGENTCOMPANY_ELECTRON_PUBLISH
  • Cloudflare R2 release hosting + auto-update pipeline: docs/release/local-r2.md

Architecture

src/
  main/              # Electron main process — database, services, IPC, orchestration
  preload/           # Context-isolated bridge — DesktopApi via contextBridge
  renderer/          # React 19 UI — components, hooks, i18n
  shared/            # Contracts, types, Zod schemas shared across processes
packages/
  adapter-utils/     # Shared adapter utilities
  adapter-claude-local/
  adapter-codex-local/
  adapter-gemini-local/

Key Design Decisions

  • Local-first: SQLite database, secrets in OS keychain, no external services required
  • Security: contextIsolation: true, nodeIntegration: false, Zod-validated IPC, JWT agent tokens
  • Agent coordination: Agents delegate tasks, escalate blockers, and produce deliverables through the orchestration runtime

Tech Stack

Layer Technology
Framework Electron 39.8.0
Runtime Node.js 22+
Language TypeScript 5.9 (strict)
UI React 19, Tailwind CSS 4, Framer Motion
Build electron-vite, Vite 7, electron-builder
Database SQLite (WAL mode, schema in src/main/database/)
Validation Zod 4
Testing Vitest, Playwright

License

MIT


Built with quiet authority. Ship your AI company.

S
Description
No description provided
Readme MIT
135 MiB
0 Stars 1 Watchers 0 Forks
2026-10-10 01:31:40 +00:00
Languages
TypeScript 93.7%
Shell 3%
CSS 2.3%
Python 0.5%
JavaScript 0.4%