用途：用于构建响应式 Flutter 应用，将输入代码与输出预览并排展示，方便在示例、演示或文档页面中对照查看。
主要能力：TwoPane 负责响应式布局，在宽屏（宽度大于 800 且高度大于 600）时左右分栏并排显示 primary 与 secondary 两个面板；在窄屏时自动切换为带两个标签页的 TabBar 视图，并附带深色/浅色模式切换按钮以及可选的加载指示条。InputOutputPreview 在 TwoPane 基础上提供输入与输出文本编辑区，其中输入区可配置 lazy 模式：非 lazy 时输入变化即触发更新，lazy 时通过保存按钮手动提交。界面标题、代码区标题、预览区标题、预览尺寸、操作按钮等均可配置。
使用方式：先引入 flutter/material.dart 并实现 TwoPane 组件，再在 InputOutputPreview 中传入 title、input、output、preview、placeholder 等参数。input 与 output 参数为包含标题和更新回调的记录类型，preview 可传入任意 Widget，placeholder 为无预览时占位。代码使用 Material 3 主题（useMaterial3: true）。
适用场景：Flutter 应用的代码与效果对照展示、响应式双栏布局需求、移动端与桌面端自适应界面。
限制：资料未提供安装命令、依赖包配置、版本兼容范围、运行环境要求、收费信息及具体使用步骤；代码中部分类型声明（如 actions 列表元素类型）在原资料中为简写形式，实际使用时需补充完整类型。
分类：编程与开发。