1.4 Pop 的界面结构说明

为了帮助你快速理解 Pop 的整体布局，本章节将详细介绍 Pop 的界面结构。Pop 采用「侧边导航 + 主内容区 + 动态侧栏」的模块化结构，让使用者能够专注于当前任务而不受干扰。

🧭 1. 左侧主导航栏（Sidebar）

左侧导航栏是 Pop 的核心入口，包含多个主模块：

文档中心
在线文档（笔记 / Markdown / 白板 / 思维导图）
知识库
AI Copilot（全局 AI）
工作流
应用中心
网站统计
智能客服
系统设置

左侧导航支持：

菜单折叠
图标模式 / 文本模式
自动记忆上次停留位置

💡 日常使用中，你可以把左侧导航理解为「功能地图」，所有模块从这里进入。

🏞 2. 顶部工具栏（Top Bar）

顶部工具栏会根据不同页面动态变化，但通常包含：

页面标题
搜索框
主题切换（明亮 / 深色 / 自动）
语言切换
用户菜单（账号、版本、帮助等）
模块特定的快捷工具

在某些模块中，顶部还会出现：

运行按钮（例如工作流执行）
过滤器 / 查询条件
布局切换按钮

📄 3. 主内容区（Main Workspace）

这是 Pop 的核心工作区域，根据模块不同会切换不同布局。

文档中心

左侧文档树 / 列表
中间为文档阅读器（PDF / Word / PPT 视图等）
右侧可选显示 AI Copilot 面板或文档目录
支持缩放、分页、搜索与高亮

在线文档

Markdown / 富文本主编辑区
工具栏支持标题、段落、列表、代码块等
白板 / 思维导图基于画布交互，可拖拽节点

工作流

可视化画布（拖拽节点）
支持缩放、对齐网格、分组
运行按钮、调试功能
支持查看每个节点的输入输出

应用中心

应用列表视图
应用运行界面（布局器）
支持多组件布局、响应式展示

网站统计

图表仪表盘（折线图、柱状图、饼图等）
访客列表与访问明细
时间范围过滤与分组统计

🔎 主内容区始终围绕「当前选中的模块」展开，是你与 Pop 交互最频繁的区域。

📌 4. 右侧动态侧栏（Right Panel）

右侧侧栏是 Pop 的「功能扩展区」，在不同场景下会显示不同面板：

常见右侧面板包括：

AI Copilot 面板

文档问答
知识库问答
代码 / 内容生成
上下文分析与总结

属性设置面板（工作流）

节点基础信息（名称、描述）
输入输出参数定义
绑定变量、默认值、校验规则
AI 节点的提示词与模型选择

运行日志面板

工作流执行日志
节点执行耗时
错误堆栈信息
变量快照

应用布局器设置

布局尺寸（宽度、高度、自适应规则）
组件属性（标题、占比、位置等）
样式调整（背景、边框、间距）

右侧面板可以手动开关，也会在某些操作（如选中节点、运行工作流）时自动出现。

🧩 5. 状态底栏（Status Bar）

底部区域用于展示全局状态，例如：

AI 服务连接状态
当前项目保存状态（已保存 / 未保存）
当前环境（开发 / 生产）
版本信息与更新提示
运行中的任务数量

在某些平台或布局下，状态信息也可能集成在顶部工具栏中。

🪟 6. 弹窗与浮层（Dialogs & Overlays）

Pop 有多种弹窗用于完成辅助功能：

文件选择器
新建项目 / 新建工作流弹窗
工作流运行结果预览
资源选择器（如 API 资源、知识库选择）
应用设置对话框

所有弹窗遵循统一的 UI 风格，并同时适配深色与浅色主题。

✅ 设计原则：弹窗只在「需要用户专注完成某一操作」时出现，避免打断正常工作流。

🧱 7. 结构总览对照表

下面这张表帮助你快速记住各区域的功能定位：

区域	主要作用	典型交互
左侧主导航栏	选择要进入的功能模块	切换到文档中心 / 工作流 / 知识库等
顶部工具栏	提供全局与当前模块的操作入口	搜索、切换主题、执行、过滤
主内容区	完成主要工作任务的区域	阅读文档、编辑工作流、运行应用
右侧动态侧栏	展示当前对象的详细配置与 AI	查看属性、编辑参数、查看日志、AI 问答
状态底栏	显示全局状态与提示信息	查看连接状态、保存状态、版本与运行信息
弹窗与浮层	处理需要临时专注的动作	新建、导入、配置高级选项

🔚 小结

Pop 的界面结构设计遵循以下原则：

主内容突出，辅助内容靠侧栏展示
AI 随时可用，任务不被打断
工作内容模块化、可切换性强
布局清晰易懂，新用户也能快速上手

熟悉界面结构后，你将能够更快速地使用 Pop 完成文档处理、AI 查询、自动化工作流与应用构建。