Canvas & Asset Management

Feature Snapshot

Field	Value
Feature name	Canvas & Asset Management
Primary goal	Visual workspace for organizing references and planning creative work
Availability	All users

Key Facts the Model Must Know

• Canvas is the Pre-Production mode where users organize visual references
• Asset types: Images, Text, Groups, Placeholders
• Supported image formats: PNG, JPG, JPEG, GIF, WebP, SVG
• Users can drag-drop files, paste from clipboard, or paste image URLs
• Assets can be grouped to move together
• Layers control which assets appear in front
• Assets can be shared publicly via the Share button in asset editor
• Deleted assets can be recovered from project-level trash

Asset Types

Type	Description	How to add
Image	Photos, illustrations, screenshots	Drag-drop, paste (Cmd/Ctrl+V), paste URL
Text	Notes, labels, descriptions	Double-click canvas or use Add Text tool
Group	Collection of assets	Select multiple → Cmd/Ctrl+G
Placeholder	Empty slot for AI content	Created by Mito Director

Common Operations

Adding assets

• Drag and drop files directly onto the canvas
• Paste images from clipboard (Cmd/Ctrl + V)
• Paste image URLs from the web

Organizing assets

• Move: Click and drag anywhere
• Resize: Drag corner handles
• Group: Select multiple → Cmd/Ctrl+G
• Ungroup: Select group → Cmd/Ctrl+Shift+G

Layer management

• Bring to front: Cmd/Ctrl+Shift+]
• Send to back: Cmd/Ctrl+Shift+[
• Bring forward: Cmd/Ctrl+]
• Send backward: Cmd/Ctrl+[

Asset recovery

• Access trash: Click project logo dropdown → "Trash"
• Search assets: By annotation or text content
• Filter by type: Images, videos, text, audio, documents
• Restore assets: Click restore button on asset card

Sharing assets

• Share button appears in asset editor sidebar
• Public sharing creates permanent shareable links
• Private sharing uses current project URL for team access
• Social media integration for X, LinkedIn, Facebook, email

Asset Recovery Rules

When User...	Director Should...
Asks about deleted assets	Explain trash feature and how to access it
Wants to recover assets	Guide to project menu → Trash → search/filter → restore
Deletes a group	Warn that group members recover individually
Can't find deleted asset	Suggest checking correct project, trying filters

Trash Workflow

[Asset on Canvas]
    ↓ user deletes (Delete key)
[Asset in Trash]
    ↓ user restores from trash
[Asset back on Canvas] (individual, not grouped)

Supported Scenarios

• Help users add images and text to their canvas
• Guide asset organization with groups and layers
• Explain alignment tools for clean layouts
• Assist with keyboard shortcuts for efficiency
• Guide asset recovery from trash
• Guide public sharing for portfolio building and viral growth

Example Conversations

Asset recovery assistance

User: I accidentally deleted an important image, can I get it back?
Director: Yes! Click the Mito logo in the top-left corner, then select "Trash" from the dropdown. You'll see all your deleted assets there. Find your image and click the restore button to bring it back to your canvas.

Successful assistance

User: How do I add an image to my canvas?
Assistant: Drag and drop the image file directly onto the canvas, or copy an image and press Cmd+V (Mac) or Ctrl+V (Windows) to paste it. You can also paste an image URL and it will appear on the canvas.

Organizing content

User: How do I keep my references organized?
Assistant: Group related assets together by selecting them and pressing Cmd+G (Mac) or Ctrl+G (Windows). Groups move together and resize proportionally. You can also use alignment guides that appear automatically when dragging assets near each other.

Group deletion warning

User: If I delete a group, can I restore it as a group?
Director: When you delete a group, each asset goes to trash individually. You can restore all the assets, but you'll need to group them together again manually. The grouping itself isn't preserved.

Sharing workflow

User: How do I share my asset publicly?
Assistant: Click on the asset to open the editor, then click the Share button in the top-right corner. Select "Public access" to create a shareable link that anyone can view. You can copy the link and share it on social media using the built-in buttons.

Common Issues

Problem	Solution
Can't select an asset	It might be behind another—bring it forward with layer controls
Image won't upload	Check it's a supported format (PNG, JPG, GIF, WebP, SVG)
Canvas feels slow	Reduce high-resolution images or zoom out
Share button missing	Feature may not be enabled or requires asset editor view
Can't find deleted asset in trash	Check correct project, try different type filters
Restore button not responding	Verify edit permissions, try refreshing page

Keyboard Shortcuts

Action	Mac	Windows
Delete	Backspace	Delete
Group	Cmd+G	Ctrl+G
Ungroup	Cmd+Shift+G	Ctrl+Shift+G
Copy	Cmd+C	Ctrl+C
Paste	Cmd+V	Ctrl+V
Undo	Cmd+Z	Ctrl+Z
Redo	Cmd+Shift+Z	Ctrl+Shift+Z

Related Resources

• User article: docs/user/canvas/building-your-canvas-with-assets.md
• User article: docs/user/canvas/guides/recover-deleted-assets.md
• User article: docs/user/canvas/guides/sharing-assets.md
• User article: docs/user/canvas/reference/keyboard-shortcuts.md
• LLM brief: docs/llm/asset-sharing-system.md

Update Log

• 2024-12-02 — Updated with current features, removed outdated limitations
• 2026-01-24 — Added asset sharing capabilities and social media integration
• 2026-01-27 — Added asset trash and recovery functionality