Skip to main content

File Menu & Header Actions

┌─────────────────────────────────────────────────────────────────────────────┐
│ UNIFIED HEADER │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────┐ ┌──────────────────────────────────────┐ ┌─────────────┐ │
│ │ LOGO │ │ MENU BAR │ │ ACTIONS │ │
│ │ │ │ │ │ │ │
│ │ Scribe │ │ File Edit View Tools Docs Help │ │ [📤 Export] │ │
│ │ Animator │ │ │ │ │ │
│ │ │ │ │ │ [🔌 Panels] │ │
│ │ 📁 Project│ │ │ │ │ │
│ └────────────┘ └──────────────────────────────────────┘ └─────────────┘ │
│ │
│ ← LEFT SECTION CENTER SECTION → ← RIGHT SECTION → │
│ │
└─────────────────────────────────────────────────────────────────────────────┘

Table of Contents

  1. Overview
  2. Header Layout
  3. File Menu
  4. Edit Menu
  5. View Menu
  6. Tools Menu
  7. Docs Menu
  8. Help Menu
  9. Quick Actions
  10. Export Controls
  11. Keyboard Shortcuts
  12. Troubleshooting

Overview

The Unified Header provides centralized access to all major actions in Scribe Animator. It's designed for efficiency with keyboard shortcuts for common operations.

Key Features

┌────────────────────────────────────────────────────────────────┐
│ HEADER FEATURES │
├────────────────────────────────────────────────────────────────┤
│ │
│ 📁 PROJECT MANAGEMENT ✏️ EDITING │
│ ───────────────────── ──────── │
│ • New / Save / Load • Undo / Redo │
│ • Save to Library • Copy / Paste / Duplicate │
│ • Export .scribe package • Clear Canvas │
│ • Import .scribe package • Select All │
│ │
│ 👁️ VIEW CONTROLS 🛠️ TOOLS │
│ ───────────────── ────── │
│ • Toggle Assets Panel • Plugin Manager │
│ • Toggle Properties Panel • Image Library │
│ • Compact / Comfortable UI • Text Library │
│ • Audio Editor │
│ │
│ 📤 EXPORT ❓ HELP │
│ ──────── ────── │
│ • Multiple formats • Keyboard Shortcuts │
│ • Quick export button • About │
│ • Format selector • Contact Support │
│ • Report Bug │
│ │
└────────────────────────────────────────────────────────────────┘

Header Layout

Three Sections

┌────────────────────────────────────────────────────────────────┐
│ HEADER LAYOUT │
├────────────────────────────────────────────────────────────────┤
│ │
│ LEFT SECTION │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Scribe Animator 📁 My Project ● │ │
│ │ ───────────────── ───────────── │ │
│ │ Logo/Brand Project name + dirty indicator │ │
│ │ Save status tooltip │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ CENTER SECTION │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ [File ▼] [Edit ▼] [View ▼] [Tools ▼] [Docs ▼] [Help ▼]│ │
│ │ ───────────────────────────────────────────────────── │ │
│ │ Dropdown menus with all major actions │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ RIGHT SECTION │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ [◧] [◨] [🔌] │ [MP4 ▼] [📤 Export] │ [Sign in] │ │
│ │ ─────────────── ──────────────────── ─────────── │ │
│ │ Panel toggles Export format/button Auth status │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Project Status Indicator

IconMeaning
● (red)Unsaved changes
"Saved locally"Last save was to browser
"Saved to library"Last save was complete library save

File Menu

Access project management actions:

┌────────────────────────────────────────────────────────────────┐
│ FILE MENU │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ File ▼ │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ ➕ New Project ⌘N │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 💾 Save Locally ⌘S │ │
│ │ 📚 Save to Library (Complete) ⇧⌘S │ │
│ │ 📚 Save As to Library (Complete)… │ │
│ │ 📂 Load ⌘O │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ ⬆️ Export (Export Video (MP4))… │ │
│ │ 🧩 Export Template (Localhost) [dev] │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 📦 Export .scribe… │ │
│ │ 📥 Import .scribe… │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 🗂️ Organize Projects │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

File Actions Reference

ActionShortcutDescription
New Project⌘NCreate a blank new project
Save Locally⌘SQuick save to browser storage
Save to Library⇧⌘SComplete save with metadata
Save As to LibrarySave copy with new name
Load⌘OOpen project browser
ExportExport using selected format
Export .scribeExport portable package
Import .scribeImport package file
Organize ProjectsOpen project manager

Save Types Explained

┌────────────────────────────────────────────────────────────────┐
│ SAVE OPTIONS │
├────────────────────────────────────────────────────────────────┤
│ │
│ 💾 SAVE LOCALLY │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ • Quick save to IndexedDB │ │
│ │ • No dialog — saves immediately │ │
│ │ • Best for: Frequent saves during work │ │
│ │ • Shortcut: ⌘S │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ 📚 SAVE TO LIBRARY (COMPLETE) │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ • Full save with all assets │ │
│ │ • Updates existing library entry │ │
│ │ • Best for: Final saves, sharing │ │
│ │ • Shortcut: ⇧⌘S │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ 📚 SAVE AS TO LIBRARY │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ • Opens dialog to enter new name │ │
│ │ • Creates new library entry │ │
│ │ • Best for: Creating variations, backups │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

.scribe Package

┌────────────────────────────────────────────────────────────────┐
│ .SCRIBE PACKAGE │
├────────────────────────────────────────────────────────────────┤
│ │
│ EXPORT .SCRIBE │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Creates a portable ZIP file containing: │ │
│ │ │ │
│ │ 📦 my-project.scribe │ │
│ │ ├── project.json (project data) │ │
│ │ ├── assets/ (embedded images, SVGs) │ │
│ │ ├── audio/ (embedded audio files) │ │
│ │ └── metadata.json (version info) │ │
│ │ │ │
│ │ Use cases: │ │
│ │ • Transfer projects between computers │ │
│ │ • Backup complete projects │ │
│ │ • Share with collaborators │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ IMPORT .SCRIBE │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Opens a .scribe file and loads: │ │
│ │ │ │
│ │ • Project data and settings │ │
│ │ • All embedded assets │ │
│ │ • Timeline and animation data │ │
│ │ │ │
│ │ Supported formats: │ │
│ │ • .scribe │ │
│ │ • application/x-scribe-project+zip │ │
│ │ • application/zip │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

[!tip] Project Portability Use Export .scribe when you need to move your project to another browser, computer, or share with someone else. It bundles everything needed.


Edit Menu

Access editing operations:

┌────────────────────────────────────────────────────────────────┐
│ EDIT MENU │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Edit ▼ │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ ↶ Undo ⌘Z │ │
│ │ ↷ Redo ⌘Y │ │
│ │ 🧹 Clear History │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 📋 Duplicate ⌥D │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 📄 Copy ⌘C │ │
│ │ 📋 Paste ⌘V │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 🗑️ Clear Canvas ⌘⌫ │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Edit Actions Reference

ActionShortcutRequiresDescription
Undo⌘ZHistoryRevert last change
Redo⌘YUndo historyRe-apply undone change
Clear HistoryHistoryClear undo/redo stack
Duplicate⌥DSelectionCopy selected objects in place
Copy⌘CSelectionCopy to clipboard
Paste⌘VClipboardPaste from clipboard
Clear Canvas⌘⌫Remove all objects from scene

Edit States

┌────────────────────────────────────────────────────────────────┐
│ EDIT STATES │
├────────────────────────────────────────────────────────────────┤
│ │
│ UNDO/REDO STATE │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ [Disabled] ←──── No history ────→ [Disabled] │ │
│ │ │ │
│ │ [Enabled] ←──── canUndo=true ────→ [Disabled] │ │
│ │ │ │
│ │ [Disabled] ←──── At latest ────→ [Enabled] │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ SELECTION-DEPENDENT ACTIONS │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ hasSelection = false: │ │
│ │ • Duplicate → Disabled │ │
│ │ • Copy → Disabled │ │
│ │ │ │
│ │ hasSelection = true: │ │
│ │ • Duplicate → Enabled │ │
│ │ • Copy → Enabled │ │
│ │ │ │
│ │ hasClipboard = false: │ │
│ │ • Paste → Disabled │ │
│ │ │ │
│ │ hasClipboard = true: │ │
│ │ • Paste → Enabled │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

[!warning] Clear Canvas "Clear Canvas" removes all objects from the current scene. This action can be undone if you haven't cleared history.


View Menu

Control UI layout and panels:

┌────────────────────────────────────────────────────────────────┐
│ VIEW MENU │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ View ▼ │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ ◀ Hide Assets / Show Assets ⌘B │ │
│ │ ▶ Hide Properties / Show Properties │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 📐 Compact UI / 📏 Comfortable UI │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Panel Toggles

┌────────────────────────────────────────────────────────────────┐
│ PANEL LAYOUT │
├────────────────────────────────────────────────────────────────┤
│ │
│ BOTH PANELS VISIBLE │
│ ┌───────────┬───────────────────────────┬───────────────┐ │
│ │ ASSETS │ │ PROPERTIES │ │
│ │ PANEL │ CANVAS │ PANEL │ │
│ │ │ │ │ │
│ │ [◧ On] │ │ [◨ On] │ │
│ └───────────┴───────────────────────────┴───────────────┘ │
│ │
│ ASSETS HIDDEN │
│ ┌───────────────────────────────────────┬───────────────┐ │
│ │ │ PROPERTIES │ │
│ │ CANVAS │ PANEL │ │
│ │ │ │ │
│ │ [◧ Off] │ [◨ On] │ │
│ └───────────────────────────────────────┴───────────────┘ │
│ │
│ PROPERTIES HIDDEN │
│ ┌───────────┬───────────────────────────────────────────┐ │
│ │ ASSETS │ │ │
│ │ PANEL │ CANVAS │ │
│ │ │ │ │
│ │ [◧ On] │ [◨ Off] │ │
│ └───────────┴───────────────────────────────────────────┘ │
│ │
│ BOTH HIDDEN (Maximum Canvas) │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ CANVAS │ │
│ │ │ │
│ │ [◧ Off] [◨ Off] │ │
│ └───────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

UI Density

ModeDescriptionBest For
CompactSmaller spacing, tighter layoutSmall screens, efficiency
ComfortableMore padding, relaxed layoutLarge screens, accessibility

Tools Menu

Access specialized tools and libraries:

┌────────────────────────────────────────────────────────────────┐
│ TOOLS MENU │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Tools ▼ │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ 🧩 Plugin Manager │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 🖼️ Image Library │ │
│ │ T Text Library │ │
│ │ 📚 Advanced Asset Library │ │
│ │ 🎵 Advanced Audio Editor │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 🖼️ Upload Custom Background │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Tools Reference

ToolDescription
Plugin ManagerEnable/disable plugins, view telemetry
Image LibraryBrowse and insert images
Text LibraryAccess text presets and styles
Advanced Asset LibraryFull asset browser with search
Advanced Audio EditorEdit audio tracks and clips
Upload Custom BackgroundAdd custom background image

[!note] Plugin Manager The Plugin Manager option only appears if plugins are enabled in your installation. See the Plugins Guide for details.


Docs Menu

Access documentation and tutorials:

┌────────────────────────────────────────────────────────────────┐
│ DOCS MENU │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Docs ▼ │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ 📚 Documentation │ │
│ │ 🎓 Tutorials │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘
LinkOpens
Documentation/docs/ — Full documentation index
Tutorials/tutorials/ — Step-by-step guides

[!tip] Opens in New Tab Documentation links open in a new browser tab so you don't lose your work.


Help Menu

Get support and information:

┌────────────────────────────────────────────────────────────────┐
│ HELP MENU │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Help ▼ │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ ⌨️ Keyboard Shortcuts │ │
│ │ ℹ️ About │ │
│ │ 💬 Contact Support │ │
│ │ ───────────────────────────────────────────────── │ │
│ │ 🐛 Report a Bug │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Help Actions

ActionOpens
Keyboard ShortcutsModal with all shortcuts
AboutVersion info, credits
Contact SupportSupport contact form
Report a BugBug report form

Contact Support Form

┌────────────────────────────────────────────────────────────────┐
│ CONTACT SUPPORT │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Contact Support [X] │ │
│ ├────────────────────────────────────────────────────────┤ │
│ │ │ │
│ │ Name │ │
│ │ [Your name________________________] │ │
│ │ │ │
│ │ Email * │ │
│ │ [you@example.com__________________] │ │
│ │ │ │
│ │ Message * │ │
│ │ ┌────────────────────────────────────────────────┐ │ │
│ │ │ How can we help? │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ └────────────────────────────────────────────────┘ │ │
│ │ │ │
│ │ [Cancel] [Submit] │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Quick Actions

Right-side toolbar buttons for fast access:

┌────────────────────────────────────────────────────────────────┐
│ QUICK ACTIONS │
├────────────────────────────────────────────────────────────────┤
│ │
│ PANEL TOGGLES │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ [◧] Toggle Assets Panel (Left) │ │
│ │ • Highlighted when panel is visible │ │
│ │ • Tooltip shows ⌘B shortcut │ │
│ │ │ │
│ │ [◨] Toggle Properties Panel (Right) │ │
│ │ • Highlighted when panel is visible │ │
│ │ │ │
│ │ [🔌] Open Plugin Manager │ │
│ │ • Only visible if plugins enabled │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ BUTTON STATES │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ Normal: [◧] — Panel hidden, click to show │ │
│ │ Active: [◧]* — Panel visible, click to hide │ │
│ │ (* highlighted/filled) │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

Export Controls

Quick access to export functionality:

┌────────────────────────────────────────────────────────────────┐
│ EXPORT CONTROLS │
├────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ [Export Video (MP4) ▼] [📤 Export] │ │
│ │ ───────────────────── ───────────── │ │
│ │ Format selector Export button │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ FORMAT OPTIONS │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ • Export Video (MP4) — Standard video export │ │
│ │ • Export GIF — Animated GIF │ │
│ │ • Export WebM — Web-optimized video │ │
│ │ • Export Frames — Image sequence │ │
│ │ │ │
│ │ (Options depend on installed exporters) │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ EXPORT WORKFLOW │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ 1. Select format from dropdown │ │
│ │ 2. Click "Export" button │ │
│ │ 3. Configure settings in Export Modal │ │
│ │ 4. Click "Start Export" │ │
│ │ 5. Wait for processing │ │
│ │ 6. Download file │ │
│ │ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────┘

[!tip] Quick Export The Export button in the header uses the currently selected format. For more options, use File → Export.


Keyboard Shortcuts

Complete Shortcut Reference

┌────────────────────────────────────────────────────────────────┐
│ KEYBOARD SHORTCUTS │
├────────────────────────────────────────────────────────────────┤
│ │
│ FILE OPERATIONS │
│ ───────────────── │
│ ⌘N New Project │
│ ⌘S Save Locally │
│ ⇧⌘S Save to Library (Complete) │
│ ⌘O Load Project │
│ │
│ EDIT OPERATIONS │
│ ───────────────── │
│ ⌘Z Undo │
│ ⌘Y Redo │
│ ⌘C Copy │
│ ⌘V Paste │
│ ⌥D Duplicate │
│ ⌘A Select All │
│ ⌘⌫ Clear Canvas │
│ │
│ VIEW OPERATIONS │
│ ───────────────── │
│ ⌘B Toggle Assets Panel │
│ │
│ PLAYBACK (Timeline) │
│ ───────────────── │
│ Space Play / Pause │
│ ← Previous frame │
│ → Next frame │
│ Home Go to start │
│ End Go to end │
│ │
│ CANVAS │
│ ───────────────── │
│ Delete/⌫ Delete selected objects │
│ Escape Deselect all │
│ ⌘+ Zoom in │
│ ⌘- Zoom out │
│ ⌘0 Reset zoom │
│ │
└────────────────────────────────────────────────────────────────┘

Platform Notes

SymbolMacWindows/Linux
CommandCtrl
ShiftShift
OptionAlt
DeleteBackspace

Troubleshooting

Common Issues

┌────────────────────────────────────────────────────────────────┐
│ TROUBLESHOOTING │
├────────────────────────────────────────────────────────────────┤
│ │
│ ISSUE: Menu item is disabled │
│ ───────────────────────────── │
│ • Check if required conditions are met: │
│ - Undo requires history │
│ - Copy/Duplicate require selection │
│ - Paste requires clipboard content │
│ │
│ ISSUE: Save fails │
│ ────────────────── │
│ • Check browser storage quota │
│ • Try Save Locally first, then Save to Library │
│ • Clear browser cache if persistent issues │
│ │
│ ISSUE: Export .scribe fails │
│ ─────────────────────────── │
│ • Check if project has large assets │
│ • Try saving project first │
│ • Check browser download permissions │
│ │
│ ISSUE: Import .scribe fails │
│ ─────────────────────────── │
│ • Verify file is valid .scribe format │
│ • Check file isn't corrupted │
│ • Ensure file was exported from Scribe Animator │
│ │
│ ISSUE: Keyboard shortcut doesn't work │
│ ───────────────────────────────────── │
│ • Click on canvas to ensure it has focus │
│ • Check if another app is capturing shortcuts │
│ • Verify correct modifier keys for your platform │
│ │
│ ISSUE: Panels won't toggle │
│ ────────────────────────── │
│ • Try both menu option and quick action button │
│ • Refresh page if stuck │
│ • Check for JavaScript console errors │
│ │
└────────────────────────────────────────────────────────────────┘

Summary

┌────────────────────────────────────────────────────────────────┐
│ SUMMARY │
├────────────────────────────────────────────────────────────────┤
│ │
│ 📁 FILE MENU │
│ ├─ New Project (⌘N) │
│ ├─ Save Locally (⌘S) / Save to Library (⇧⌘S) │
│ ├─ Load (⌘O) │
│ ├─ Export / Import .scribe │
│ └─ Organize Projects │
│ │
│ ✏️ EDIT MENU │
│ ├─ Undo (⌘Z) / Redo (⌘Y) │
│ ├─ Copy (⌘C) / Paste (⌘V) / Duplicate (⌥D) │
│ └─ Clear Canvas (⌘⌫) │
│ │
│ 👁️ VIEW MENU │
│ ├─ Toggle Assets Panel (⌘B) │
│ ├─ Toggle Properties Panel │
│ └─ Compact / Comfortable UI │
│ │
│ 🛠️ TOOLS MENU │
│ ├─ Plugin Manager │
│ ├─ Image / Text / Asset Libraries │
│ └─ Audio Editor / Background Upload │
│ │
│ 📚 DOCS MENU │
│ └─ Documentation / Tutorials │
│ │
│ ❓ HELP MENU │
│ ├─ Keyboard Shortcuts │
│ ├─ About / Contact Support │
│ └─ Report Bug │
│ │
│ 📤 QUICK ACTIONS │
│ ├─ Panel toggle buttons │
│ ├─ Export format selector │
│ └─ Export button │
│ │
└────────────────────────────────────────────────────────────────┘