> ## Documentation Index
> Fetch the complete documentation index at: https://ophel.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Learn what Ophel Atlas does, which AI platforms it supports, and how its outline, conversation management, and prompt library features improve your workflow.

export const ShortcutLegend = ({lang = "en"}) => {
  const isZh = lang === "zh";
  return <div className="ophel-shortcut-legend" role="note">
      <div className="ophel-shortcut-legend-title">
        {isZh ? "跨平台按键说明" : "Cross-platform key mapping"}
      </div>
      <div className="ophel-shortcut-legend-body">
        {isZh ? <>
            文档中的快捷键会同时显示 Windows/Linux 与 Mac 写法：
            <code>Ctrl</code> 对应 <code>Command</code>，
            <code>Alt</code> 对应 <code>Option</code>。唯一例外是提示词发送，
            <code>Ctrl+Enter</code> 在 Mac 上也使用 <code>Ctrl+Enter</code>。
          </> : <>
            Shortcuts show both Windows/Linux and Mac keys: <code>Ctrl</code> maps
            to <code>Command</code>, and <code>Alt</code> maps to
            <code>Option</code>. Prompt submit is the only exception:
            <code>Ctrl+Enter</code> remains <code>Ctrl+Enter</code> on Mac.
          </>}
      </div>
    </div>;
};

export const Shortcut = ({combo, mac, sameOnMac = false}) => {
  const keyLabels = {
    arrowup: {
      win: "Up",
      mac: "↑"
    },
    arrowdown: {
      win: "Down",
      mac: "↓"
    },
    arrowleft: {
      win: "Left",
      mac: "←"
    },
    arrowright: {
      win: "Right",
      mac: "→"
    },
    up: {
      win: "Up",
      mac: "↑"
    },
    down: {
      win: "Down",
      mac: "↓"
    },
    left: {
      win: "Left",
      mac: "←"
    },
    right: {
      win: "Right",
      mac: "→"
    },
    esc: {
      win: "Esc",
      mac: "Esc"
    },
    escape: {
      win: "Esc",
      mac: "Esc"
    },
    enter: {
      win: "Enter",
      mac: "Enter"
    },
    shift: {
      win: "Shift",
      mac: "⇧"
    },
    backslash: {
      win: "\\",
      mac: "\\"
    }
  };
  const modifierLabels = {
    ctrl: {
      win: "Ctrl",
      mac: "⌘"
    },
    control: {
      win: "Ctrl",
      mac: "⌘"
    },
    cmd: {
      win: "Ctrl",
      mac: "⌘"
    },
    command: {
      win: "Ctrl",
      mac: "⌘"
    },
    alt: {
      win: "Alt",
      mac: "⌥"
    },
    option: {
      win: "Alt",
      mac: "⌥"
    },
    shift: {
      win: "Shift",
      mac: "⇧"
    }
  };
  const normalizeToken = token => String(token || "").trim();
  const formatKey = (token, platform) => {
    const normalized = normalizeToken(token);
    const key = normalized.toLowerCase();
    const mapped = keyLabels[key];
    if (mapped) return mapped[platform];
    if (normalized.length === 1) return normalized.toUpperCase();
    return normalized;
  };
  const formatCombo = (value, platform) => String(value || "").split("+").map(normalizeToken).filter(Boolean).map(token => {
    const mapped = modifierLabels[token.toLowerCase()];
    return mapped ? mapped[platform] : formatKey(token, platform);
  }).join(platform === "mac" ? "" : "+");
  const windowsLabel = formatCombo(combo, "win");
  const macLabel = sameOnMac ? windowsLabel : mac || formatCombo(combo, "mac");
  const title = windowsLabel === macLabel ? windowsLabel : `Windows/Linux: ${windowsLabel}; Mac: ${macLabel}`;
  return <span className="ophel-shortcut" title={title}>
      <code>{windowsLabel}</code>
      {windowsLabel !== macLabel && <>
          <span className="ophel-shortcut-separator"> / </span>
          <code>{macLabel}</code>
        </>}
    </span>;
};

export const Icon = ({src, alt}) => <img src={typeof window !== "undefined" && typeof src === "string" && src.startsWith("/images/icons/") && (window.location.pathname === "/docs" || window.location.pathname.startsWith("/docs/")) ? `/docs${src}` : src} alt={alt} width="18" height="18" style={{
  display: "inline-block",
  verticalAlign: "-0.2em",
  margin: "0 0.15em"
}} />;

Ophel Atlas is a browser extension that transforms AI chat sessions from endless scrollable threads into structured, navigable documents. It runs locally in your browser by default — no Ophel account or Ophel server required — and activates automatically on any of the 15 supported AI platforms the moment you open them.

## What problem does Ophel solve?

Long AI conversations are hard to navigate. You lose track of earlier conclusions, can't jump between topics, and end up re-reading hundreds of messages. Ophel attaches a persistent side panel to the chat page that auto-generates a live outline, helps keep conversations organized in folders, and stores your best prompts for instant reuse. The result is an AI workflow you can actually navigate.

## Key features

<CardGroup cols={2}>
  <Card title="Live outline navigation" icon="list-tree">
    Ophel continuously parses the conversation structure and builds a navigable
    table of contents. Click any heading to jump to it instantly. Supports
    hierarchical collapse, bookmarks, and real-time word counts per section.
  </Card>

  <Card title="Conversation management" icon="folder-open">
    Conversations from the current AI platform appear in one organized view.
    Organize them into folders and tags, search by keyword or syntax
    filter, and export to <Icon src="/docs/images/icons/markdown.svg" alt="Markdown file icon" />
    Markdown, <Icon src="/docs/images/icons/json-file.svg" alt="JSON file icon" />
    JSON, or <Icon src="/docs/images/icons/txt-file.svg" alt="TXT file icon" /> TXT.
  </Card>

  <Card title="Prompt library" icon="wand-magic-sparkles">
    Build a personal library of reusable prompts. Prompts support variable
    substitution with default values, option menus, or free-text input. One
    click inserts into the chat box; double-click sends immediately.
  </Card>

  <Card title="Global search" icon="magnifying-glass">
    Press <Shortcut combo="ctrl+k" /> to open a unified search across your
    outline, conversations, prompts, and settings. Supports advanced syntax
    filters such as `folder:`, `tag:`, `date:`, and `type:`.
  </Card>

  <Card title="Reading enhancements" icon="book-open">
    Mermaid diagram rendering, LaTeX formula display, Markdown formatting for
    user messages, scroll lock to prevent jump-to-bottom during generation, and
    automatic reading history restore when you return to a conversation.
  </Card>

  <Card title="Productivity tools" icon="bolt">
    Theme customization with 24 presets, widescreen and zen modes, model lock
    per site, auto tab renaming, desktop completion notifications, and a
    customizable shortcut system.
  </Card>
</CardGroup>

## Supported platforms

Ophel works on 15 AI chat platforms out of the box:

| Platform                                                                                              | URL                                                      |
| ----------------------------------------------------------------------------------------------------- | -------------------------------------------------------- |
| <Icon src="/docs/images/icons/chatgpt.png" alt="ChatGPT logo" /> **ChatGPT**                               | [chatgpt.com](https://chatgpt.com)                       |
| <Icon src="/docs/images/icons/gemini.png" alt="Gemini logo" /> **Gemini**                                  | [gemini.google.com](https://gemini.google.com)           |
| <Icon src="/docs/images/icons/gemini-enterprise.png" alt="Gemini Enterprise logo" /> **Gemini Enterprise** | [business.gemini.google](https://business.gemini.google) |
| <Icon src="/docs/images/icons/aistudio.png" alt="AI Studio logo" /> **AI Studio**                          | [aistudio.google.com](https://aistudio.google.com)       |
| <Icon src="/docs/images/icons/claude.svg" alt="Claude logo" /> **Claude**                                  | [claude.ai](https://claude.ai)                           |
| <Icon src="/docs/images/icons/grok.png" alt="Grok logo" /> **Grok**                                        | [grok.com](https://grok.com)                             |
| <Icon src="/docs/images/icons/deepseek.svg" alt="DeepSeek logo" /> **DeepSeek**                            | [chat.deepseek.com](https://chat.deepseek.com)           |
| <Icon src="/docs/images/icons/doubao.png" alt="Doubao logo" /> **Doubao**                                  | [www.doubao.com](https://www.doubao.com)                 |
| <Icon src="/docs/images/icons/kimi.png" alt="Kimi logo" /> **Kimi**                                        | [www.kimi.com](https://www.kimi.com)                     |
| <Icon src="/docs/images/icons/qwenai.png" alt="Qwen Studio logo" /> **Qwen Studio**                        | [chat.qwen.ai](https://chat.qwen.ai)                     |
| <Icon src="/docs/images/icons/qianwen.png" alt="Qianwen logo" /> **Qianwen**                               | [www.qianwen.com](https://www.qianwen.com)               |
| <Icon src="/docs/images/icons/yuanbao.png" alt="Yuanbao logo" /> **Yuanbao**                               | [yuanbao.tencent.com](https://yuanbao.tencent.com)       |
| <Icon src="/docs/images/icons/zai.png" alt="Z.ai logo" /> **Z.ai**                                         | [chat.z.ai](https://chat.z.ai)                           |
| <Icon src="/docs/images/icons/chatglm.png" alt="ChatGLM logo" /> **ChatGLM**                               | [chatglm.cn](https://chatglm.cn)                         |
| <Icon src="/docs/images/icons/ima.jpg" alt="ima logo" /> **ima**                                           | [ima.qq.com](https://ima.qq.com)                         |

## Privacy and data

<Note>
  Ophel is privacy-first by design. No account is required to use it. Your settings, prompts, and conversation management data are stored in your browser using local storage. Ophel never collects or uploads conversation content.

  Optional permissions are requested only when a feature needs them, and you can revoke them at any time from the **Permissions** page in the extension. If you want multi-device sync, you can configure your own WebDAV server — Ophel never acts as a sync intermediary.
</Note>

## Use cases

Ophel is designed for anyone who has extended, high-value conversations with AI:

* **Learning and research** — navigate long reasoning threads, extract conclusions, and build notes from AI responses
* **Software development** — track bug investigations, architecture discussions, and long code reviews across sessions
* **Content creation** — iterate on scripts and outlines, jump back to key passages, and export polished drafts
* **Daily work** — organize requirements, meeting notes, and consulting workflows into retrievable folders
* **Power users** — apply structured prompts, queue prompt sequences, and lock preferred models per platform