界面总览

欢迎使用 zenstory 小说写作工作台。本文档将带您快速了解界面布局，帮助您高效地开始创作之旅。

三栏布局介绍

完整桌面端界面，标注三个主要区域

zenstory采用经典的三栏布局设计，充分利用屏幕空间，让您在创作时能够同时访问项目资源、编辑内容和 AI 助手。从左到右依次为：

  • 左侧栏：项目资源区，包含文件、技能和素材
  • 中间区：内容编辑器，您的创作空间
  • 右侧栏：AI 助手，您的智能写作伙伴

三栏之间可以通过拖动分隔条调整宽度，以适应您的工作习惯。

仪表盘导航（2026 版）

登录后，左侧仪表盘导航包含以下主入口：

  • 首页：快速创建项目、查看最近项目、查看精选灵感
  • 我的项目：项目列表与搜索管理
  • 素材库：上传参考小说并查看 AI 拆解结果
  • 灵感库：浏览与复用创意模板
  • 技能：管理和使用技能
  • 订阅权益：查看套餐能力、配额和升级入口

左侧栏：项目资源区

左侧栏是您的项目资源管理中心，通过顶部的三个标签页切换不同功能：

文件 Tab

文件 Tab 显示当前项目的完整文件树结构，支持以下文件类型：

  • 大纲 - 故事和章节的结构规划
  • 草稿 - 实际的小说内容
  • 角色 - 角色档案和设定
  • 设定 - 世界观和背景资料

操作提示：

  • 点击文件可在编辑器中打开
  • 右键点击文件或文件夹可进行重命名、删除等操作
  • 使用顶部按钮创建新文件或文件夹
  • 按 Cmd+K (Mac) 或 Ctrl+K (Windows/Linux) 可快速搜索文件

技能 Tab

技能 Tab 提供了一系列 AI 写作辅助功能，帮助您：

  • 生成新内容
  • 扩写和润色现有段落
  • 创建角色对话
  • 构建场景描写

点击技能卡片即可快速调用对应的 AI 能力。

素材 Tab

素材 Tab 是您的参考素材库，可以：

  • 管理从素材库导入的参考资料
  • 在与 AI 对话时附加相关素材
  • 预览素材内容

中间区：编辑器

编辑器是您的核心创作空间，提供以下功能：

内容编辑

  • 支持富文本编辑
  • 实时自动保存，无需担心丢失内容
  • 清晰的标题栏显示当前文件名称

状态提示

  • 实时显示字数统计
  • 保存状态指示器
  • 流式内容生成时实时显示

编辑模式

编辑器支持两种内容展示模式：

  1. 普通模式 - 标准的文本编辑体验
  2. 差异审核模式 - 当 AI 编辑文件后，您可以逐条审核每一处修改，选择接受或拒绝

右侧栏：AI 助手

AI 助手是您的智能写作伙伴，随时准备协助您的创作。

对话区域

对话区域显示您与 AI 的完整对话历史，包括：

  • 您的消息
  • AI 的回复
  • AI 的思考过程（可展开查看）
  • 工具调用结果（如文件创建、编辑等）

特色功能：

  • AI 思考过程透明展示
  • 工具执行结果以卡片形式呈现
  • 支持撤销 AI 编辑操作

输入区域

输入区域提供多种交互方式：

  • 文本输入框 - 输入您的创作需求或问题
  • 语音输入 - 点击麦克风按钮使用语音转文字
  • AI 建议 - 快捷按钮提供常用指令建议
  • 附加素材 - 在发送前选择相关文件作为上下文

输入框可以拖动调整高度，双击分隔条可重置为默认高度。

顶部操作

  • AI 记忆 - 查看 AI 对当前项目的理解和记忆
  • 新对话 - 开始一个新的对话会话

顶部工具栏

顶部工具栏始终可见，提供全局操作入口：

左侧

  • Logo - 点击返回项目仪表板
  • 项目切换器 - 快速切换不同项目

右侧（桌面端）

  • 导出 - 将项目正文导出为 .txt 文件（当前版本）
  • 版本历史 - 查看和恢复历史版本
  • 设置 - 打开设置面板
  • 用户菜单 - 账户信息、主题切换和退出登录

右侧（移动端）

移动端通过汉堡菜单（三横线图标）访问以上功能。

底部导航（移动端）

移动端采用单面板设计，通过底部导航在三个主要区域之间切换：

  • 文件 - 项目文件树
  • 编辑 - 内容编辑器
  • AI - AI 助手对话

这种设计确保了在小屏幕上也能舒适地使用所有功能。

响应式设计

zenstory的界面会根据您的设备自动调整布局：

桌面端（宽度 >= 768px）

  • 三栏并排显示
  • 可拖动调整各栏宽度
  • 所有功能同时可见

平板端

  • 主栏占据主要空间
  • 侧边栏可折叠展开
  • 适应横竖屏切换

手机端（宽度 < 768px）

  • 单面板设计，一次显示一个区域
  • 底部 Tab 导航切换
  • 滚动位置自动记忆

主题与个性化

主题切换

zenstory支持多种主题模式：

  • 亮色模式 - 适合日间使用
  • 暗色模式 - 减少眼睛疲劳，适合夜间创作

在设置面板（点击顶部工具栏的齿轮图标）中可以随时切换主题。

主题色

您还可以选择自己喜欢的主题色，让界面更符合您的个人风格。可选颜色包括：

  • 天蓝色（默认）
  • 翠绿色
  • 琥珀色
  • 珊瑚红
  • 玫红色
  • 紫罗兰

语言设置

zenstory支持中英文切换，在设置面板中可以随时更改界面语言。

快捷键

为了提高您的创作效率，zenstory提供以下全局快捷键：

快捷键 功能
Cmd/Ctrl + K 打开文件搜索
Cmd/Ctrl + S 保存当前文件（自动保存时也可手动触发）

下一步

现在您已经了解了zenstory的界面布局，可以继续阅读以下文档深入了解各项功能：

祝您创作愉快！

Interface Overview

Welcome to zenstory Novel Writing Workbench. This document provides a quick overview of the interface layout to help you start your creative journey efficiently.

Three-Panel Layout Introduction

[Screenshot: Complete desktop interface with three main areas highlighted]

zenstory employs a classic three-panel layout design that maximizes screen space, allowing you to simultaneously access project resources, edit content, and interact with the AI assistant. From left to right:

  • Left Panel: Project resources area, containing files, skills, and materials
  • Center Panel: Content editor, your creative workspace
  • Right Panel: AI assistant, your intelligent writing partner

The panels can be resized by dragging the dividers between them to suit your workflow preferences.

Dashboard Navigation (2026)

After login, the dashboard sidebar includes these primary entries:

  • Home: quick project creation, recent projects, featured inspirations
  • My Projects: full project list and search management
  • Materials: upload reference novels and review AI decomposition
  • Inspirations: browse and reuse idea templates
  • Skills: manage and use skills
  • Plans & Benefits: review plan capabilities, quotas, and upgrade paths

Left Panel: Project Resources

[Screenshot: Complete left panel with three tab labels highlighted]

The left panel serves as your project resource management center. Switch between different functions using the three tabs at the top:

Files Tab

[Screenshot: Files tab showing file tree structure]

The Files tab displays the complete file tree structure of the current project, supporting the following file types:

  • Outlines - Structural planning for stories and chapters
  • Drafts - Actual novel content
  • Characters - Character profiles and settings
  • Lore - World-building and background materials

Operation Tips:

  • Click a file to open it in the editor
  • Right-click a file or folder to rename, delete, or perform other actions
  • Use the top buttons to create new files or folders
  • Press Cmd+K (Mac) or Ctrl+K (Windows/Linux) to quickly search for files

Skills Tab

[Screenshot: Skills tab showing available skills list]

The Skills tab provides a series of AI writing assistance features to help you:

  • Generate new content
  • Expand and polish existing paragraphs
  • Create character dialogues
  • Build scene descriptions

Click a skill card to quickly invoke the corresponding AI capability.

Materials Tab

[Screenshot: Materials tab showing materials library]

The Materials tab is your reference library where you can:

  • Manage reference materials imported from the materials library
  • Attach relevant materials when conversing with the AI
  • Preview material content

Center Panel: Editor

[Screenshot: Center editor with title bar and content area highlighted]

The editor is your core creative workspace, providing the following features:

Content Editing

  • Rich text editing support
  • Real-time auto-save, never worry about losing content
  • Clear title bar displaying the current file name

Status Indicators

[Screenshot: Word count and save status at bottom or top of editor]

  • Real-time word count display
  • Save status indicator
  • Real-time display during streaming content generation

Editing Modes

The editor supports two content display modes:

  1. Normal Mode - Standard text editing experience
  2. Diff Review Mode - After the AI edits a file, you can review each change individually and choose to accept or reject it

Right Panel: AI Assistant

[Screenshot: Right AI assistant panel with chat area and input area highlighted]

The AI assistant is your intelligent writing partner, ready to assist with your creative work at any time.

Chat Area

[Screenshot: Message list area]

The chat area displays your complete conversation history with the AI, including:

  • Your messages
  • AI responses
  • AI thinking process (expandable)
  • Tool execution results (such as file creation, editing, etc.)

Key Features:

  • Transparent display of AI thinking process
  • Tool execution results presented as cards
  • Support for undoing AI edit operations

Input Area

[Screenshot: Bottom input box with button functions highlighted]

The input area provides multiple interaction methods:

  • Text Input Box - Enter your creative needs or questions
  • Voice Input - Click the microphone button to use speech-to-text
  • AI Suggestions - Quick buttons providing common command suggestions
  • Attach Materials - Select relevant files as context before sending

The input box can be resized by dragging. Double-click the divider to reset to default height.

Top Actions

[Screenshot: AI assistant top toolbar]

  • AI Memory - View the AI's understanding and memory of the current project
  • New Chat - Start a new conversation session

Top Toolbar

[Screenshot: Top toolbar with elements highlighted]

The top toolbar is always visible, providing global action entry points:

Left Side

  • Logo - Click to return to the project dashboard
  • Project Switcher - Quickly switch between different projects

Right Side (Desktop)

  • Export - Export project drafts as .txt (current version)
  • Version History - View and restore historical versions
  • Settings - Open the settings panel
  • User Menu - Account information, theme switching, and logout

Right Side (Mobile)

[Screenshot: Mobile hamburger menu expanded state]

On mobile, access the above features through the hamburger menu (three horizontal lines icon).

Bottom Navigation (Mobile)

[Screenshot: Mobile bottom three tab icons]

Mobile employs a single-panel design, switching between the three main areas via bottom navigation:

  • Files - Project file tree
  • Edit - Content editor
  • AI - AI assistant conversation

This design ensures comfortable use of all features even on small screens.

Responsive Design

zenstory's interface automatically adjusts its layout based on your device:

Desktop (width >= 768px)

[Screenshot: Desktop three-panel side-by-side layout]

  • Three panels displayed side by side
  • Panels can be resized by dragging
  • All features visible simultaneously

Tablet

  • Main panel occupies most space
  • Side panels can be collapsed and expanded
  • Adapts to portrait and landscape orientation

Mobile (width < 768px)

[Screenshot: Mobile single panel + bottom navigation]

  • Single panel design, showing one area at a time
  • Bottom tab navigation for switching
  • Scroll position automatically remembered

Themes and Personalization

Theme Switching

[Screenshot: Theme options in settings panel]

zenstory supports multiple theme modes:

  • Light Mode - Suitable for daytime use
  • Dark Mode - Reduces eye strain, ideal for nighttime writing

You can switch themes at any time in the settings panel (click the gear icon in the top toolbar).

Theme Color

[Screenshot: Color picker in settings panel]

You can also choose your preferred theme color to match your personal style. Available colors include:

  • Sky Blue (default)
  • Emerald Green
  • Amber
  • Coral Red
  • Rose
  • Violet

Language Settings

[Screenshot: Language options in settings panel]

zenstory supports switching between Chinese and English. You can change the interface language at any time in the settings panel.

Keyboard Shortcuts

To improve your creative efficiency, zenstory provides the following global keyboard shortcuts:

Shortcut Function
Cmd/Ctrl + K Open file search
Cmd/Ctrl + S Save current file (also triggers manual save during auto-save)

Next Steps

Now that you understand zenstory's interface layout, you can continue reading the following documents to learn more about each feature:

Happy writing!