Skip to content

HuangJiameng/context_manager

Context Manager

一个上下文管理工具

在这个许多博士生和程序员主要工作是鞭策 LLM 进行多线程工作的时代,管理 Context 是严重消耗精力的生产力卡点。Context Manager 旨在通过无限画布和结构化节点,帮你外包短时记忆任务,实现高并发。


💡 动机 (Motivation)

在大模型(LLM)爆发的时代,许多科研人员和开发者需要每天在工作中同时指挥多个 LLM Agent 进行编码、论文写作等任务。

然而,人类的大脑并不擅长维护这种高并发的上下文(Context)。当我们从一个任务切换到另一个任务,或者在等待模型生成结果的间隙去处理其他事务时,脑中的 Context 往往会丢失。重新加载这些 Context —— 回想刚才在改哪个 Bug、起了哪个实验、刚才的想法是什么 —— 会一点点榨干我们的认知能量。

Context Manager 通过记录当前并行的所有任务状态、关键信息、截图、链接,将这些信息可视化展示在画布上,让你能够快速查看和管理当前的工作状态。它不仅是你灵活的工作记录,更是你第二天能够无痛“热启动”的基础。

✨ 核心特性 (Features)

  • 无限画布与节点系统
    • 针对科研和开发场景定制的节点类型:Coding, Writing, Monitoring, Waiting 等。
    • 支持节点间的连线,直观展示任务依赖关系。
  • 多媒体支持
    • 剪贴板直通:支持直接粘贴截图(Ctrl/Cmd + V),图片可在画布中预览和下载。
    • 智能链接:自动识别文本中的 URL,支持 Cmd + Click 跳转。
  • 键盘优先 (Keyboard First)
    • 丰富的快捷键支持,让你双手不离键盘即可完成大部分操作。
  • 每日工作流 (Daily Workflow)
    • 按日管理:数据按日期隔离,每天都是新的开始,也可以选择从昨天继承未完成的任务。
    • 日历视图:在日历中查看历史记录,支持按月归档和导出。
  • 隐私安全
    • 所有数据存储在本地浏览器(LocalStorage),不上传任何服务器,保护你的科研机密。
  • 个性化主题
    • 提供“猫咪主题”主题(当然你可以自己开发新主题),在紧张的工作中给你一丝慰藉。

📖 使用指南 (User Guide)

1. 节点类型 (Node Types)

Context Manager 预设了多种语义化的节点,帮助你快速分类任务:

  • Project Start: 项目/任务的起点。
  • 🌟 Coding work: 正在进行的编码任务。
  • ♦️ 撰写doc/paper: 论文或文档写作任务。
  • ▶️ 监控实验: 正在运行的实验或耗时任务。
  • ⏳ 等待回复/等卡: 被阻塞的任务(等待队友回复或等待 GPU 资源)。
  • 🙋 发现问题: 记录 Bug 或遇到的难题。
  • 💬 Comment: 备注或灵感记录。
  • [DONE]: 标记任务完成。

2. 目前支持的快捷键 (Shortcuts)

快捷键 功能
Cmd/Ctrl + N 快速创建一个新的 Coding 节点(这个功能在网页上可能会和新建浏览窗口混淆,可以使用右上角新建节点来替代)
Cmd/Ctrl + C 复制
Cmd/Ctrl + V 粘贴
Cmd/Ctrl + Z 撤销 (Undo)
Cmd/Ctrl + Shift + Z 重做 (Redo)
Backspace / Delete 删除选中节点
Cmd/Ctrl + Click 打开节点中的链接

3. 数据管理与归档

  • 每日重置:新的一天开始时,你可以选择“Start Fresh”或“Import from Yesterday”(继承昨天的项目节点)。
  • 日历视图:首页是一个日历视图,点击日期可进入当天的画布。
  • 归档 (Archive)
    • 点击右上角的 "📦 Archive" 进入归档模式。
    • 选择多个日期,点击 "Download Archive" 将数据打包下载为 ZIP 文件。
  • 恢复 (Load)
    • 点击 "📥 Load from Archive" 上传 ZIP 文件,恢复历史数据。
  • 全局备份:支持 "Export All" 导出所有本地数据为 JSON 文件,用于备份或迁移。

🛠️ 技术栈 (Tech Stack)

  • Frontend: React, TypeScript, Vite
  • UI/Styling: Tailwind CSS
  • Canvas Engine: React Flow
  • State Management: React Hooks (Context + LocalStorage)

🚀 开发与运行

  1. 安装依赖:
    npm install
  2. 启动开发服务器:
    npm run dev
  3. 构建生产版本:
    npm run build

Context Manager - Stop juggling contexts in your head. Put them on the canvas.

About

Context Manager 旨在通过无限画布和结构化节点,帮你外包短时记忆任务,实现高并发。

Resources

License

Apache-2.0, Apache-2.0 licenses found

Licenses found

Apache-2.0
LICENSE
Apache-2.0
LICENSE.txt

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages