Blueprint Editor

Write, edit, and refine your organizational context in a full-featured document editor with built-in AI assistance.

Overview

The blueprint editor is where you build and maintain your company's documented knowledge. It provides a rich text writing environment alongside an AI chat panel that understands the content of the document you are editing. Changes are collaborative — multiple team members can edit the same blueprint at the same time, and all edits sync in real time. The editor sits inside a three-column layout: AI chat on the left, the document tree navigation on the far left of the document card, and your document content on the right.

Blueprint editor showing three-column layout with AI chat, document tree, and document content

How It Works

  1. Open a blueprint — Click any document in the left navigation tree. The editor loads the document content and the AI chat panel connects to that document's context.

  2. Write and edit content — The editor supports rich text: headings, paragraphs, bullet lists, numbered lists, bold, italic, and more. Click anywhere in the body area and start typing. All formatting is applied inline.

  3. Edit the title — Click the title at the top of the document to rename it. The title updates across the navigation tree as you type and saves when you move focus away.

  4. Use AI chat — The chat panel on the left is connected to this specific blueprint. Ask questions, request rewrites, or get suggestions. The AI has full access to the document you are currently editing, so it can reference what you have written and propose changes in context.

  5. Collaborate with your team — If another team member opens the same blueprint, their cursor appears in the document. Edits from all active participants merge in real time — you never need to manually refresh to see updates.

  6. See the connection status — A status indicator shows whether the editor is connected and syncing. If you go offline, your changes queue locally and sync when the connection is restored.

Key Capabilities

  • Rich text editing: Format your content with headings (H1–H3), paragraphs, bold, italic, bullet lists, numbered lists, and inline code. The toolbar appears when you select text.

  • Inline title editing: The document title is editable directly on the page. It does not live in a settings panel or a form — just click and type.

  • Real-time collaboration: All edits sync live across all users who have the document open. User presence is visible, so you can see who else is working on the document.

  • AI chat panel: A dedicated chat thread is attached to each blueprint. The AI reads the full content of the document and uses it when responding. You can ask it to suggest content, check for gaps, or draft new sections.

  • Auto-generated descriptions: As you write, Hamster Studio generates and updates a short description of the document in the background. This description appears in search results and is used by the AI when referencing your blueprints from other parts of the product.

  • Collapsible panels: The chat panel and the document navigation panel can each be shown or hidden independently. Use the column visibility controls in the top bar to reduce distractions when you need to focus on writing.

  • Delete from the editor: The document action menu (accessible from the header) includes a delete option. Deleting a document with children removes the document and redirects to its parent.

The Three-Column Layout

When all panels are visible, the editor uses a three-column arrangement:

  • Left column — AI chat: The conversation thread for this blueprint. Ask questions, iterate on content, and get AI-generated drafts.
  • Center-left — Document tree: The navigation panel showing the full blueprint hierarchy. Expand or collapse it using the toggle in the header.
  • Right — Document content: The editing canvas for the current document.

On narrower screens, the chat panel is hidden automatically to give the document content more space.

Tips

  • Keep individual documents focused. A blueprint called "Personas" that covers only user personas is easier for the AI to reference accurately than a single massive document that covers everything.
  • Use the AI chat to draft initial content. Describe what the document should cover and ask the AI to write a first draft. Then edit it to match your exact language and context.
  • The auto-generated description is visible to team members in search results. Write enough content in each document that the AI can produce a meaningful summary.
  • If you are editing alongside teammates, watch the connection status indicator. A "connected" status means your edits are syncing live.

Related