# 策展 · X (Twitter) 🔥🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Tibo (@thsottiaux) · 平台：X (Twitter) · 日期：2026-06-28

> 原始來源：https://x.com/thsottiaux/status/2071071289247244481

## 中文摘要

Codex 軟體開發助手發布重大更新，全面優化長執行緒處理、介面導覽與系統效能。

本次 Codex 的更新重點在於提升開發者在處理複雜任務時的「生活品質」（Quality-of-Life），透過多項 UI 與效能改進，讓開發者能更流暢地管理長篇對話與程式碼變更。

**長執行緒與導覽優化**
- 針對長執行緒（Long threads）進行了效能強化，捲動過程更加平滑，且在移動對話位置時能精準維持當前視窗焦點。
- 新增「導覽軌道」（Navigation rail）：使用者只需將滑鼠游標懸停在側邊欄（gutter）即可預覽附近的對話轉折點，點擊後可直接跳轉，無需手動捲動整個對話歷史。
- 執行緒切換時減少了背景運算負載，Codex 現在能顯示更深層的本地歷史紀錄，而無需一次性載入所有資料。 

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782644852282-nijj09n3.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/3c57909c08601725.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這是一段展示開發者在軟體開發平台進行程式碼審查與互動式溝通的錄影。

**設定介面與 UI 調整**
- 設定搜尋功能涵蓋更多控制選項，並優化了外觀設定、主機過濾（host-filtering）以及自訂提供者（custom-provider）設定的易用性。
- 修正了縮放等級（Zoom-level）變更時的 UI 對齊問題，確保工具提示（tooltips）、對話框、選單、選擇氣泡、拖曳預覽與自動完成功能在縮放後依然位置正確。
- 新增獨立的「Pets」面板，使用者可在設定中選擇多種數位寵物（如 Bigfoot、Glim、Max Headroom 等）。 

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782644867725-mb4ylajz.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1b83a7ec7448a4bf.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這段影片展示了某軟體設定介面中「Pets」功能的選擇與瀏覽操作。

- 歸檔聊天紀錄的瀏覽與刪除操作更加直覺，側邊欄與 Dock 的未讀訊息標記（unread badges）現在能保持同步。

**剪貼簿與協作功能**
- 改善了從 Codex 複製內容並貼上至 Slack 的體驗，現在能完整保留 Markdown 格式（包含清單、粗體、程式碼區塊與連結）。
- 解決了貼上大量文字導致 UI 凍結的問題，並確保草稿文字在執行緒切換時不會遺失，貼上的圖片預覽現在支援使用鍵盤方向鍵進行導覽。 

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782644898049-swklex1o.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ec1daf6b6c465872.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這段影片展示了在一個整合了通訊與開發協作功能的應用程式中，使用者如何透過 AI 輔助工具進行程式碼提交說明與團隊溝通。

**AI 輔助開發流程整合**
根據實際操作演示，Codex 在軟體開發任務中展現了高度的自動化能力：
- 該工具能自動執行 Git 操作（如 `git push`）並進行 `pre-push checks`，同時詳細記錄每個步驟的執行時間與程式碼變更摘要。 

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782644833514-39tqiij9.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/3c69633633f2fd52.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這是一個展示 AI 軟體開發助手在終端介面中自動執行程式碼提交、測試與除錯流程的錄影。

- 演示畫面中的「Reasoning」層級選單包含 Light、Medium、High、Extra High、o1 與 Speed，並可自訂權限（如 Ask for approval 或 Full access）。
- 開發者可透過 `pnpm`、`vitest` 與 `Storybook` 等工具進行互動式溝通，並針對 UI 細節（如間距、動畫速度、透明度）進行精確調整。 

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782644883059-l95h675k.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/04e15ea9336d8ccd.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這段影片展示了在開發環境中使用 AI 輔助工具進行程式碼審查與設定調整的操作流程。

- 系統能自動處理檔案變更（例如 `webview/src/codex-api.tsx` 等檔案），並在提交 PR 時自動進行驗證，演示中顯示測試（如 `focused evergreen tests` 與 `full grep run check`）皆通過。

## 媒體內容

**這是一個展示 AI 軟體開發助手在終端介面中自動執行程式碼提交、測試與除錯流程的錄影。**

**影片中的 Prompt 與操作**

Prompt（00:02）：

```
再次執行定案，清理 PR。
```

原文：Run finalize again, clean up the PR

Prompt（00:06）：

```
好的，你可以開啟一個 PR 嗎？
```

原文：ok, can you open a PR?

Prompt（00:10）：

```
可以把 1s 的標誌再縮小一點嗎？
```

原文：can make the 1s sign smaller again?

操作步驟：

1. （00:02）使用者在輸入框輸入指令並送出。
2. （00:06）使用者在輸入框詢問開啟 PR 的指令。
3. （00:10）使用者在輸入框要求調整 UI 元素大小。

**這是一段展示開發者在軟體開發平台進行程式碼審查與互動式溝通的錄影。**

**影片中的 Prompt 與操作**

Prompt（00:00）：

```
可以讓重置測試顯示久一點嗎？
```

原文：can we show the reset test for a little bit longer?

Prompt（00:02）：

```
其實我們不要改背景陰影...
```

原文：let's actually not change the background shad...

Prompt（00:03）：

```
我們可以把計數數字的增加方式從
完成。我將倒數數字從
easeOutCubic 改為新的 easeInCubic，所以它開始時
更平緩，然後進入加速。已驗證...
```

原文：can we also use the ramp up the counting number from
Done. I changed the countdown number from
easeOutCubic to a new easeInCubic, so it starts
more gently and ramps into it. Validated...

Prompt（00:04）：

```
試試看 skills/backgrounds/p...
```

原文：let's try skills/backgrounds/p...

Prompt（00:06）：

```
我沒看到彩帶效果，似乎...
```

原文：I'm not seeing the confetti, it seems w...

Prompt（00:07）：

```
可以讓懸停像素更透明一點嗎。
```

原文：can we make the hover pixels more transparent.

Prompt（00:08）：

```
可以再增加一點嗎
```

原文：can we increase it a bit more

Prompt（00:09）：

```
可以讓倒數動畫長一點，並讓星星/彩帶爆炸效果長一點嗎。
```

原文：can we make the countdown animation a little longer, and make the star/confetti explosion a bit longer.

Prompt（00:10）：

```
與其將「目前用量」放在單獨的...
```

原文：instead of having "Current Usage" on a separat...

操作步驟：

1. （00:00）輸入關於重置測試顯示時間的請求
2. （00:02）輸入關於背景陰影的調整建議
3. （00:03）輸入關於倒數計時動畫曲線的調整建議
4. （00:04）輸入關於背景資源路徑的調整建議
5. （00:06）輸入關於彩帶效果缺失的詢問
6. （00:07）輸入關於懸停像素透明度的調整建議
7. （00:08）輸入關於間距增加的調整建議
8. （00:09）輸入關於倒數與爆炸動畫長度的調整建議
9. （00:10）輸入關於 UI 標籤顯示方式的調整建議

**這段影片展示了某軟體設定介面中「Pets」功能的選擇與瀏覽操作。**

**影片中的 Prompt 與操作**

Prompt（00:01）：

```
api
```

Prompt（00:03）：

```
外觀
```

原文：appearance

Prompt（00:05）：

```
鉤子
```

原文：hooks

Prompt（00:08）：

```
寵物
```

原文：pets

操作步驟：

1. （00:00）進入 General 設定頁面
2. （00:01）在搜尋框輸入「api」
3. （00:03）在搜尋框輸入「appearance」
4. （00:05）在搜尋框輸入「hooks」
5. （00:08）在搜尋框輸入「pets」
6. （00:09）點擊左側選單的「Pets」項目
7. （00:10）進入 Pets 選擇清單頁面

**這段影片展示了在開發環境中使用 AI 輔助工具進行程式碼審查與設定調整的操作流程。**

**影片中的 Prompt 與操作**

Prompt（00:09）：

```
為我核准
```

原文：Approve for me

操作步驟：

1. （00:04）點擊並展開 Reasoning 選單，選擇 Extra High
2. （00:08）點擊並展開 Approve for me 選單，選擇 Approve for me
3. （00:11）點擊右上角圖示切換側邊欄 (Toggle side panel)

**這段影片展示了在一個整合了通訊與開發協作功能的應用程式中，使用者如何透過 AI 輔助工具進行程式碼提交說明與團隊溝通。**

**影片中的 Prompt 與操作**

Prompt（00:05）：

```
已提交並推送 code/usage-reset-enterprise 至 8c373bf58b7，並新增了 code fix-label 標籤。此 PR 的目標分支為 master。驗證過程包含重點 evergreen 測試、完整 grep 執行檢查以及預推送檢查。唯一遺留的本地檔案是與此無關、未追蹤的 Electron 生成資產，我已將其排除在 PR 之外。
```

原文：Committed and pushed code/usage-reset-enterprise at 8c373bf58b7, and added the code fix-label label. The PR targets master.
Validation included focused evergreen tests, full grep run check, and the pre-push checks. The only local leftovers are unrelated untracked Electron generated assets, which I left out of the PR.

操作步驟：

1. （00:05）開啟通訊視窗並點擊輸入框
2. （00:06）將程式碼說明文字貼入對話輸入框
3. （00:07）點擊輸入框旁的發送按鈕

## 標籤

Codex, 功能更新, Codex
