molecule-core/docs/edit-history/2026-03-31.md
Hongming Wang 24fec62d7f initial commit — Molecule AI platform
Forked clean from public hackathon repo (Starfire-AgentTeam, BSL 1.1)
with full rebrand to Molecule AI under github.com/Molecule-AI/molecule-monorepo.

Brand: Starfire → Molecule AI.
Slug: starfire / agent-molecule → molecule.
Env vars: STARFIRE_* → MOLECULE_*.
Go module: github.com/agent-molecule/platform → github.com/Molecule-AI/molecule-monorepo/platform.
Python packages: starfire_plugin → molecule_plugin, starfire_agent → molecule_agent.
DB: agentmolecule → molecule.

History truncated; see public repo for prior commits and contributor
attribution. Verified green: go test -race ./... (platform), pytest
(workspace-template 1129 + sdk 132), vitest (canvas 352), build (mcp).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-13 11:55:37 -07:00

1.6 KiB

Edit History — 2026-03-31

Summary

Added canvas node selection, side panel, and workspace creation UI — the first major Canvas UX features beyond the initial viewer.

Canvas Side Panel & Node Selection

New components:

  • canvas/src/components/SidePanel.tsx — 420px right-side panel with 5 tabs (Details, Chat, Config, Memory, Events), opens on node click
  • canvas/src/components/CreateWorkspaceDialog.tsx — FAB "New Workspace" button + modal form (name, role, tier, parent ID)
  • canvas/src/components/tabs/DetailsTab.tsx — Inline edit name/role/tier, peer discovery, delete with confirmation
  • canvas/src/components/tabs/ChatTab.tsx — A2A message/send to workspace agent via agent URL discovery
  • canvas/src/components/tabs/ConfigTab.tsx — JSON config viewer/editor for workspace
  • canvas/src/components/tabs/MemoryTab.tsx — Key/value memory browser with add/TTL support
  • canvas/src/components/tabs/EventsTab.tsx — Color-coded workspace event log

Modified files:

  • canvas/src/store/canvas.ts — Added selectedNodeId, panelTab, selectNode(), setPanelTab(), getSelectedNode(), updateNodeData(), removeNode(). Added url and parentId to WorkspaceNodeData.
  • canvas/src/components/Canvas.tsx — Integrated SidePanel + CreateWorkspaceButton, added onPaneClick to deselect nodes
  • canvas/src/components/WorkspaceNode.tsx — Click-to-select with blue ring highlight, provisioning pulse animation

Documentation Updated

  • docs/frontend/canvas.md — Added Side Panel section, Zustand store shape, Create Workspace dialog, updated node selection behavior
  • docs/edit-history/2026-03-31.md — This file