{isZh ? "跨平台按键说明" : "Cross-platform key mapping"}
{isZh ? <>
文档中的快捷键会同时显示 Windows/Linux 与 Mac 写法：
Ctrl 对应 Command，
Alt 对应 Option。唯一例外是提示词发送，
Ctrl+Enter 在 Mac 上也使用 Ctrl+Enter。
: <>
Shortcuts show both Windows/Linux and Mac keys: Ctrl maps
to Command, and Alt maps to
Option. Prompt submit is the only exception:
Ctrl+Enter remains Ctrl+Enter on Mac.
}
;
};
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 
Ophel reads the same conversation list the AI platform displays and layers folders, tags, pinning, and export on top of it — no data leaves the browser unless you explicitly export or sync.
## How conversations sync
Ophel observes the AI platform's sidebar and reflects its conversation list in real time. When you create, rename, or delete a conversation on the platform, the Conversations tab updates automatically. The metadata Ophel adds — folder assignments, tags, pins — is stored locally and overlaid on top of the platform's data.
The folder selector in the upper-left toolbar controls the default folder for new sync results. After you select a folder there, newly discovered conversations are added to that folder by default, whether they are found during manual sync or detected later from the platform sidebar. Existing conversations keep their current folder unless you move them.
## Browsing and filtering
The Conversations tab supports several ways to narrow the list:
* **Search** — type in the search box to filter by title in real time
* **Filter by folder** — click a folder in the sidebar to show only conversations in that folder
* **Filter by tag** — click a tag to show only conversations with that tag
* **Pinned conversations** — pinned items always appear at the top, regardless of any active filter
## Folders
Folders group related conversations with a color-coded label. There are 8 color options. Enable **rainbow colors** in settings to give each folder's conversations a distinct tinted background throughout the list.
A conversation belongs to one folder at a time. Moving it to another folder updates the local Ophel metadata; it does not modify the original conversation content on the AI platform.
You can move conversations in three ways:
* **Quick button group** — click the