diff --git a/docs/_images/first-steps-app-project-details.svg b/docs/_images/first-steps-app-project-details.svg
new file mode 100644
index 00000000..9e8558d7
--- /dev/null
+++ b/docs/_images/first-steps-app-project-details.svg
@@ -0,0 +1,61 @@
+
+
diff --git a/docs/_images/first-steps-app-session-details.svg b/docs/_images/first-steps-app-session-details.svg
deleted file mode 100644
index 7c7d4f0e..00000000
--- a/docs/_images/first-steps-app-session-details.svg
+++ /dev/null
@@ -1,109 +0,0 @@
-
-
diff --git a/docs/_images/first-steps-app-usage-details.svg b/docs/_images/first-steps-app-usage-details.svg
new file mode 100644
index 00000000..ea834fb3
--- /dev/null
+++ b/docs/_images/first-steps-app-usage-details.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/docs/es-es/first-steps/copilot-app/3-inspect-and-test.md b/docs/es-es/first-steps/copilot-app/3-inspect-and-test.md
index aab4723c..c56a5048 100644
--- a/docs/es-es/first-steps/copilot-app/3-inspect-and-test.md
+++ b/docs/es-es/first-steps/copilot-app/3-inspect-and-test.md
@@ -1,33 +1,45 @@
---
title: "Lección 3 - Inspeccionar la sesión y probar el cuestionario"
-description: "Lee los detalles de la sesión para confirmar en qué trabaja el agente y ejecuta una prueba de humo en el explorador antes de que Git escriba nada."
+description: "Revisa los detalles del proyecto y del uso de la sesión y, después, ejecuta una prueba de humo en el explorador antes de que Git escriba nada."
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
Ahora que la sesión ha realizado trabajo real, ya hay algo que inspeccionar. Confirma sobre qué está trabajando el agente y, después, deja que maneje el cuestionario en el explorador integrado e informe de lo que ha ocurrido realmente, no de lo que pretendía hacer.
En esta lección:
-- leerás el panel de detalles de la sesión.
-- comprobarás el proyecto, la ruta y el uso del contexto de la sesión.
+- revisarás el proyecto y los controles de la sesión en el menú del título.
+- comprobarás el plan, el uso de la sesión, los tokens y el contexto en el menú de uso.
- ejecutarás una prueba de humo en el explorador y corregirás los fallos.
-## Lee los detalles de la sesión
+## Revisa los detalles del proyecto
-Los detalles de la sesión te indican exactamente en qué trabaja el agente. No necesitas vigilar este panel constantemente, pero todo lo que contiene importa cuando un resultado te sorprende.
+Selecciona **Build a space quiz** en la barra de título para abrir el menú del proyecto y de la sesión.
-En este momento, Space Quiz sigue siendo una carpeta local, no un repositorio de Git. Comprueba el proyecto, la ruta y el uso del contexto. Después de [publicar el proyecto en la lección 5][publish-lesson], las sesiones vinculadas a Git muestran detalles adicionales, como la rama y **Changes**.
+
-La ilustración siguiente muestra una sesión posterior vinculada a Git. Los campos de rama y **Changes** todavía no están disponibles en tu sesión de carpeta local.
+Este menú identifica el proyecto en el que trabaja la sesión y proporciona controles para administrar la sesión.
-
+1. Confirma que la sesión de carpeta corresponde al proyecto `space-quiz`.
+2. Selecciona **Path** para confirmar que la sesión trabaja en la carpeta esperada.
+3. Observa los controles de acceso remoto, cambio de nombre, sesiones anidadas, uso compartido, archivado y eliminación.
-El panel muestra dónde se realiza el trabajo y cuánto se ha llenado la ventana de contexto. No hay ninguna fila de modelo, porque eliges el modelo para cada solicitud en el cuadro de redacción.
+## Revisa los detalles de uso
-1. Confirma que **project** y **path** corresponden al proyecto y la ruta que crees estar editando.
-2. Comprueba **context usage**. A medida que aumenta, al agente le queda menos espacio para tu tarea, y esa es la señal para iniciar una sesión nueva.
+Selecciona el control de uso junto a **Send** para abrir el menú del plan y del uso de la sesión.
+
+
+
+Este menú separa el uso de la cuenta y de la sesión de los controles del proyecto:
+
+- **Plan** muestra el uso del plan cuando esa información está disponible.
+- **Session** muestra los créditos de IA utilizados por la sesión actual.
+- **Tokens** muestra los recuentos de tokens de entrada, almacenados en caché, de salida y de razonamiento.
+- **Context** muestra cuánto de la ventana de contexto ha utilizado la sesión.
+
+Comprueba **Context** a medida que crece la sesión. Cuando se llena, al agente le queda menos espacio para la tarea, y esa es la señal para iniciar una sesión nueva.
> [!TIP]
> **La mayoría de los malos resultados son problemas de contexto**
@@ -50,7 +62,6 @@ Todavía no se ha escrito nada en Git. En la siguiente lección ejecutarás `/in
## Resumen y pasos siguientes
-Has confirmado en qué trabaja la sesión y comprobado el cuestionario con una prueba de humo en el explorador. Continúa con la [lección 4: Recoger las instrucciones del proyecto][next-lesson].
+Has confirmado los detalles del proyecto y del uso de la sesión y, después, has comprobado el cuestionario con una prueba de humo en el explorador. Continúa con la [lección 4: Recoger las instrucciones del proyecto][next-lesson].
[next-lesson]: ../4-project-instructions/
-[publish-lesson]: ../5-publish/
diff --git a/docs/es-es/first-steps/copilot-app/README.md b/docs/es-es/first-steps/copilot-app/README.md
index 748fd97c..00b180e3 100644
--- a/docs/es-es/first-steps/copilot-app/README.md
+++ b/docs/es-es/first-steps/copilot-app/README.md
@@ -4,7 +4,7 @@ description: "Realiza un recorrido guiado por la aplicación GitHub Copilot crea
slug: es-es/first-steps/copilot-app
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
Realiza un recorrido práctico por la aplicación GitHub Copilot, pensado para principiantes. Crearás un Space Quiz lleno de color desde una carpeta vacía y recorrerás todo el ciclo de desarrollo, desde el primer prompt hasta una solicitud de incorporación de cambios revisada.
@@ -21,7 +21,7 @@ El taller dura aproximadamente entre 60 y 90 minutos. El proyecto utiliza un ún
| [0. Requisitos previos y configuración][lesson-0] | Configuración | Comprueba los requisitos previos, instala la aplicación, elige un modelo y explora el área de trabajo |
| [1. Crear el área de trabajo][lesson-1] | Creación | Inicia una sesión Interactive en una carpeta local vacía |
| [2. Crear y perfeccionar][lesson-2] | Creación | Crea el cuestionario y perfecciónalo en el explorador integrado |
-| [3. Inspeccionar y probar][lesson-3] | Contexto y pruebas | Lee los detalles de la sesión y ejecuta una prueba de humo en el explorador |
+| [3. Inspeccionar y probar][lesson-3] | Contexto y pruebas | Revisa los detalles del proyecto y del uso y, después, ejecuta una prueba de humo en el explorador |
| [4. Recoger las instrucciones del proyecto][lesson-4] | Instrucciones | Genera y adapta las instrucciones del agente con `/init` |
| [5. Publicar el proyecto][lesson-5] | Publicación | Crea un repositorio público de GitHub a partir del proyecto local |
| [6. Trabajar con incidencias y sesiones][lesson-6] | Implementación | Crea un backlog, implementa una incidencia en un árbol de trabajo aislado y revisa las diferencias |
diff --git a/docs/first-steps/copilot-app/3-inspect-and-test.md b/docs/first-steps/copilot-app/3-inspect-and-test.md
index 2683a971..0fb5ec1f 100644
--- a/docs/first-steps/copilot-app/3-inspect-and-test.md
+++ b/docs/first-steps/copilot-app/3-inspect-and-test.md
@@ -1,33 +1,45 @@
---
title: "Lesson 3 - Inspect the session and test the quiz"
-description: "Read the session details to confirm what the agent is working on, then run a browser-level smoke test before Git writes anything."
+description: "Review the project and usage details for the session, then run a browser-level smoke test before Git writes anything."
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
Now that your session has done real work, there is something to inspect. Confirm what the agent is pointed at, then let it drive the quiz in the integrated browser and report what actually happened rather than what it intended.
In this lesson, you will:
-- read the session details panel.
-- check the session's project, path, and context usage.
+- review the project and session controls in the title menu.
+- check the plan, session usage, tokens, and context in the usage menu.
- run a browser-level smoke test and fix any failures.
-## Read the session details
+## Review the project details
-The session details tell you exactly what the agent is working on. You do not need to watch this panel constantly, but everything in it matters when a result surprises you.
+Select **Build a space quiz** in the title bar to open the project and session menu.
-At this point, Space Quiz is still a local folder, not a Git repository. Check its project, path, and context usage. After you [publish the project in Lesson 5][publish-lesson], Git-backed sessions show additional details such as the branch and **Changes**.
+
-The illustration below shows a later, Git-backed session. Its branch and **Changes** fields are not available in your local-folder session yet.
+This menu identifies the project that the session is working in and provides controls for managing the session.
-
+1. Confirm that the folder session is for the `space-quiz` project.
+2. Select **Path** to confirm that the session is working in the folder you expect.
+3. Notice the controls for remote control, renaming, nested sessions, sharing, archiving, and deletion.
-The panel shows where the work is happening and how full the context window is. There is no model row, because you choose the model for each request in the composer.
+## Review the usage details
-1. Confirm that the **project** and **path** are the ones you think you are editing.
-2. Check **context usage**. As it climbs, the agent has less room for your actual task, and that is your cue to start a fresh session.
+Select the usage control next to **Send** to open the plan and session usage menu.
+
+
+
+This menu separates account and session usage from the project controls:
+
+- **Plan** shows plan-level usage when that information is available.
+- **Session** shows the AI credits used by the current session.
+- **Tokens** shows input, cached, output, and reasoning token counts.
+- **Context** shows how much of the context window the session has used.
+
+Check **Context** as the session grows. As it fills, the agent has less room for your task, and that is your cue to start a fresh session.
> [!TIP]
> **Most bad results are context problems**
@@ -50,7 +62,7 @@ Nothing has been written to Git yet. In the next lesson, you will run `/init cre
## Summary and next steps
-You confirmed what the session is working on and verified the quiz with a browser-level smoke test. Continue to [Lesson 4: Capture project instructions][next-lesson].
+You confirmed the session's project and usage details, then verified the quiz with a browser-level smoke test. Continue to [Lesson 4: Capture project instructions][next-lesson].
[next-lesson]: ../4-project-instructions/
[publish-lesson]: ../5-publish/
diff --git a/docs/first-steps/copilot-app/README.md b/docs/first-steps/copilot-app/README.md
index 97ddebb7..62ee36e6 100644
--- a/docs/first-steps/copilot-app/README.md
+++ b/docs/first-steps/copilot-app/README.md
@@ -21,7 +21,7 @@ The workshop takes approximately 60 to 90 minutes. Your project uses a single HT
| [0. Prerequisites and setup][lesson-0] | Setup | Verify prerequisites, install the app, choose a model, and explore the workspace |
| [1. Create the workspace][lesson-1] | Create | Start an Interactive session in an empty local folder |
| [2. Build and polish][lesson-2] | Build | Create the quiz and refine it in the integrated browser |
-| [3. Inspect and test][lesson-3] | Context and test | Read the session details and run a browser-level smoke test |
+| [3. Inspect and test][lesson-3] | Context and test | Review the project and usage details, then run a browser-level smoke test |
| [4. Capture project instructions][lesson-4] | Instructions | Generate and tailor agent instructions with `/init` |
| [5. Publish the project][lesson-5] | Publish | Create a public GitHub repository from the local project |
| [6. Work with issues and sessions][lesson-6] | Implement | Create a backlog, implement one issue in an isolated worktree, and review the diff |
diff --git a/docs/ja-jp/first-steps/copilot-app/3-inspect-and-test.md b/docs/ja-jp/first-steps/copilot-app/3-inspect-and-test.md
index df1266fd..a82da6bc 100644
--- a/docs/ja-jp/first-steps/copilot-app/3-inspect-and-test.md
+++ b/docs/ja-jp/first-steps/copilot-app/3-inspect-and-test.md
@@ -1,33 +1,45 @@
---
title: "レッスン 3 - セッションの確認とクイズのテスト"
-description: "セッションの詳細を読んでエージェントの作業対象を確認し、Git に変更を記録する前にブラウザーレベルのスモークテストを実行します。"
+description: "セッションのプロジェクトと使用状況の詳細を確認し、Git に変更を記録する前にブラウザーレベルのスモークテストを実行します。"
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
セッションで実際に作業を行ったので、確認する内容ができました。エージェントがどこを作業対象にしているかを確認し、その後、統合ブラウザーでクイズを操作してもらいます。意図したことではなく、実際に起きたことを報告してもらいましょう。
このレッスンでは、次の内容を学習します。
-- セッションの詳細パネルを読む。
-- セッションのプロジェクト、パス、コンテキストの使用率を確認する。
+- タイトルメニューでプロジェクトとセッションのコントロールを確認する。
+- 使用状況メニューでプラン、セッションの使用状況、トークン、コンテキストを確認する。
- ブラウザーレベルのスモークテストを実行し、問題があれば修正する。
-## セッションの詳細を読む
+## プロジェクトの詳細を確認する
-セッションの詳細は、エージェントが何に取り組んでいるかを正確に示します。このパネルを常に見ている必要はありませんが、予想外の結果が出たときには、どの情報も重要です。
+タイトルバーの **Build a space quiz** を選択して、プロジェクトとセッションのメニューを開きます。
-この時点の Space Quiz は、まだローカルフォルダーであり、Git リポジトリではありません。プロジェクト、パス、コンテキストの使用率を確認します。[レッスン 5 でプロジェクトを公開][publish-lesson]すると、Git を使うセッションでは、ブランチや **Changes** などの詳細も表示されます。
+
-次の図は、後の段階で Git を使うセッションを示しています。ローカルフォルダーのセッションでは、ブランチと **Changes** の項目はまだ表示されません。
+このメニューは、セッションが作業しているプロジェクトを示し、セッションを管理するためのコントロールを提供します。
-
+1. フォルダーセッションが `space-quiz` プロジェクト用であることを確認します。
+2. **Path** を選択し、セッションが意図したフォルダーで作業していることを確認します。
+3. リモート操作、名前の変更、ネストされたセッション、共有、アーカイブ、削除のコントロールを確認します。
-このパネルには、作業場所とコンテキストウィンドウの使用状況が表示されます。モデルの行はありません。モデルは、入力欄でリクエストごとに選びます。
+## 使用状況の詳細を確認する
-1. **project** と **path** が、編集しているつもりの対象と一致していることを確認します。
-2. **context usage** を確認します。使用率が上がるほど、実際のタスクに使える余地が少なくなります。これは新しいセッションを始める目安です。
+**Send** の横にある使用状況コントロールを選択して、プランとセッションの使用状況メニューを開きます。
+
+
+
+このメニューでは、アカウントとセッションの使用状況がプロジェクトのコントロールから分けて表示されます。
+
+- **Plan** には、情報が利用可能な場合にプランレベルの使用状況が表示されます。
+- **Session** には、現在のセッションで使用した AI クレジットが表示されます。
+- **Tokens** には、入力、キャッシュ済み、出力、推論のトークン数が表示されます。
+- **Context** には、セッションがコンテキストウィンドウをどれだけ使用したかが表示されます。
+
+セッションが進むにつれて **Context** を確認します。コンテキストが埋まるほど、実際のタスクに使える余地が少なくなります。これは新しいセッションを始める目安です。
> [!TIP]
> **望ましくない結果の多くはコンテキストの問題です**
@@ -50,7 +62,6 @@ Run a browser-level smoke test for the quiz in the integrated browser. Check key
## まとめと次のステップ
-セッションの作業対象を確認し、ブラウザーレベルのスモークテストでクイズを検証しました。[レッスン 4: プロジェクトの指示の記録][next-lesson]に進みます。
+セッションのプロジェクトと使用状況の詳細を確認し、ブラウザーレベルのスモークテストでクイズを検証しました。[レッスン 4: プロジェクトの指示の記録][next-lesson]に進みます。
[next-lesson]: ../4-project-instructions/
-[publish-lesson]: ../5-publish/
diff --git a/docs/ja-jp/first-steps/copilot-app/README.md b/docs/ja-jp/first-steps/copilot-app/README.md
index 9cbc70ca..5535225a 100644
--- a/docs/ja-jp/first-steps/copilot-app/README.md
+++ b/docs/ja-jp/first-steps/copilot-app/README.md
@@ -4,7 +4,7 @@ description: "Space Quiz を構築して公開しながら、GitHub Copilot app
slug: ja-jp/first-steps/copilot-app
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
初心者向けのハンズオンで GitHub Copilot app を体験します。空のフォルダーからカラフルな Space Quiz を構築し、最初のプロンプトからレビュー済みのプルリクエストまで、開発の流れをひととおり体験します。
@@ -21,7 +21,7 @@ lastUpdated: 2026-10-05
| [0. 前提条件とセットアップ][lesson-0] | セットアップ | 前提条件を確認し、アプリをインストールしてモデルを選び、ワークスペースを確認する |
| [1. ワークスペースの作成][lesson-1] | 作成 | 空のローカルフォルダーで Interactive セッションを開始する |
| [2. 構築と仕上げ][lesson-2] | 構築 | クイズを作成し、統合ブラウザーで改善する |
-| [3. 確認とテスト][lesson-3] | コンテキストとテスト | セッションの詳細を読み、ブラウザーレベルのスモークテストを実行する |
+| [3. 確認とテスト][lesson-3] | コンテキストとテスト | プロジェクトと使用状況の詳細を確認し、ブラウザーレベルのスモークテストを実行する |
| [4. プロジェクトの指示の記録][lesson-4] | 指示 | `/init` でエージェントへの指示を生成して調整する |
| [5. プロジェクトの公開][lesson-5] | 公開 | ローカルのプロジェクトから GitHub のパブリックリポジトリを作成する |
| [6. Issue とセッションの活用][lesson-6] | 実装 | バックログを作成し、分離された worktree で 1 つの Issue を実装して差分をレビューする |
diff --git a/docs/ko-kr/first-steps/copilot-app/3-inspect-and-test.md b/docs/ko-kr/first-steps/copilot-app/3-inspect-and-test.md
index ce82f974..db214004 100644
--- a/docs/ko-kr/first-steps/copilot-app/3-inspect-and-test.md
+++ b/docs/ko-kr/first-steps/copilot-app/3-inspect-and-test.md
@@ -1,33 +1,45 @@
---
title: "레슨 3 - 세션 살펴보기 및 퀴즈 테스트"
-description: "세션 세부 정보에서 에이전트의 작업 대상을 확인한 다음, Git에 기록하기 전에 브라우저 수준의 스모크 테스트를 실행합니다."
+description: "세션의 프로젝트 및 사용량 세부 정보를 확인한 다음, Git에 기록하기 전에 브라우저 수준의 스모크 테스트를 실행합니다."
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
이제 세션에서 실제 작업을 수행했으므로 살펴볼 내용이 있습니다. 에이전트의 작업 대상을 확인한 다음, 통합 브라우저에서 퀴즈를 조작하고 의도한 결과가 아니라 실제로 일어난 결과를 보고하게 합니다.
이 레슨에서는 다음 작업을 수행합니다.
-- 세션 세부 정보 패널을 읽습니다.
-- 세션의 프로젝트, 경로, 컨텍스트 사용량을 확인합니다.
+- 제목 메뉴에서 프로젝트 및 세션 컨트롤을 검토합니다.
+- 사용량 메뉴에서 플랜, 세션 사용량, 토큰 및 컨텍스트를 확인합니다.
- 브라우저 수준의 스모크 테스트(Smoke test)를 실행하고 실패한 부분을 수정합니다.
-## 세션 세부 정보 읽기
+## 프로젝트 세부 정보 검토하기
-세션 세부 정보는 에이전트가 정확히 무엇을 작업하는지 알려 줍니다. 이 패널을 계속 지켜볼 필요는 없지만, 예상과 다른 결과가 나오면 패널의 모든 정보가 중요합니다.
+제목 표시줄에서 **Build a space quiz**를 선택하여 프로젝트 및 세션 메뉴를 엽니다.
-이 시점의 Space Quiz는 아직 Git 리포지토리가 아닌 로컬 폴더입니다. 프로젝트, 경로, 컨텍스트 사용량을 확인합니다. [레슨 5에서 프로젝트를 게시][publish-lesson]하면 Git 기반 세션에 브랜치와 **Changes** 같은 추가 세부 정보가 표시됩니다.
+
-아래 일러스트레이션은 이후 단계의 Git 기반 세션을 보여 줍니다. 로컬 폴더 세션에는 아직 브랜치와 **Changes** 필드가 표시되지 않습니다.
+이 메뉴는 세션에서 작업 중인 프로젝트를 식별하고 세션 관리 컨트롤을 제공합니다.
-
+1. 폴더 세션이 `space-quiz` 프로젝트용인지 확인합니다.
+2. **Path**를 선택하여 세션이 예상한 폴더에서 작업 중인지 확인합니다.
+3. 원격 제어, 이름 변경, 중첩 세션, 공유, 보관 및 삭제 컨트롤을 확인합니다.
-패널에는 작업 위치와 컨텍스트 윈도우(Context window)가 얼마나 찼는지가 표시됩니다. 요청마다 입력 영역에서 모델을 선택하므로 모델 행은 없습니다.
+## 사용량 세부 정보 검토하기
-1. **project**와 **path**가 편집하려는 대상과 일치하는지 확인합니다.
-2. **context usage**를 확인합니다. 사용량이 늘어날수록 에이전트가 실제 작업에 활용할 여유 공간이 줄어듭니다. 이때 새 세션을 시작합니다.
+**Send** 옆의 사용량 컨트롤을 선택하여 플랜 및 세션 사용량 메뉴를 엽니다.
+
+
+
+이 메뉴는 계정 및 세션 사용량을 프로젝트 컨트롤과 구분하여 표시합니다.
+
+- **Plan**에는 해당 정보를 사용할 수 있는 경우 플랜 수준 사용량이 표시됩니다.
+- **Session**에는 현재 세션에서 사용한 AI 크레딧이 표시됩니다.
+- **Tokens**에는 입력, 캐시, 출력 및 추론 토큰 수가 표시됩니다.
+- **Context**에는 세션에서 사용한 컨텍스트 윈도우의 양이 표시됩니다.
+
+세션이 진행되는 동안 **Context**를 확인합니다. 컨텍스트가 채워질수록 에이전트가 실제 작업에 활용할 공간이 줄어듭니다. 이때 새 세션을 시작합니다.
> [!TIP]
> **잘못된 결과는 대부분 컨텍스트 문제에서 비롯됩니다**
@@ -50,7 +62,6 @@ Run a browser-level smoke test for the quiz in the integrated browser. Check key
## 요약 및 다음 단계
-세션의 작업 대상을 확인하고 브라우저 수준의 스모크 테스트로 퀴즈를 검증했습니다. [레슨 4: 프로젝트 지침 작성][next-lesson]을 계속 진행합니다.
+세션의 프로젝트 및 사용량 세부 정보를 확인하고 브라우저 수준의 스모크 테스트로 퀴즈를 검증했습니다. [레슨 4: 프로젝트 지침 작성][next-lesson]을 계속 진행합니다.
[next-lesson]: ../4-project-instructions/
-[publish-lesson]: ../5-publish/
diff --git a/docs/ko-kr/first-steps/copilot-app/README.md b/docs/ko-kr/first-steps/copilot-app/README.md
index 3057e85f..96f6f7e1 100644
--- a/docs/ko-kr/first-steps/copilot-app/README.md
+++ b/docs/ko-kr/first-steps/copilot-app/README.md
@@ -4,7 +4,7 @@ description: "Space Quiz를 만들고 출시하면서 GitHub Copilot app을 단
slug: ko-kr/first-steps/copilot-app
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
초보자도 쉽게 따라 할 수 있는 실습으로 GitHub Copilot app을 살펴봅니다. 빈 폴더에서 다채로운 Space Quiz를 만들고, 첫 프롬프트부터 검토를 마친 풀 리퀘스트(Pull request)까지 전체 개발 사이클을 진행합니다.
@@ -21,7 +21,7 @@ lastUpdated: 2026-10-05
| [0. 사전 준비 및 설정][lesson-0] | 설정 | 사전 준비 사항을 확인하고, 앱을 설치하고, 모델을 선택하고, 워크스페이스를 살펴봅니다 |
| [1. 워크스페이스 만들기][lesson-1] | 생성 | 빈 로컬 폴더에서 Interactive 세션을 시작합니다 |
| [2. 만들고 다듬기][lesson-2] | 빌드 | 퀴즈를 만들고 통합 브라우저에서 다듬습니다 |
-| [3. 살펴보고 테스트하기][lesson-3] | 컨텍스트 및 테스트 | 세션 세부 정보를 읽고 브라우저 수준의 스모크 테스트(Smoke test)를 실행합니다 |
+| [3. 살펴보고 테스트하기][lesson-3] | 컨텍스트 및 테스트 | 프로젝트 및 사용량 세부 정보를 확인하고 브라우저 수준의 스모크 테스트(Smoke test)를 실행합니다 |
| [4. 프로젝트 지침 작성][lesson-4] | 지침 | `/init`으로 에이전트 지침을 생성하고 맞춤 설정합니다 |
| [5. 프로젝트 게시][lesson-5] | 게시 | 로컬 프로젝트에서 공개 GitHub 리포지토리를 만듭니다 |
| [6. 이슈 및 세션으로 작업하기][lesson-6] | 구현 | 백로그를 만들고, 격리된 워크트리(Worktree)에서 이슈 하나를 구현하고, 변경 사항을 검토합니다 |
diff --git a/docs/pt-br/first-steps/copilot-app/3-inspect-and-test.md b/docs/pt-br/first-steps/copilot-app/3-inspect-and-test.md
index 3c73d3eb..58462020 100644
--- a/docs/pt-br/first-steps/copilot-app/3-inspect-and-test.md
+++ b/docs/pt-br/first-steps/copilot-app/3-inspect-and-test.md
@@ -1,33 +1,45 @@
---
title: "Lição 3 - Inspecionar a sessão e testar o quiz"
-description: "Leia os detalhes da sessão para confirmar em que o agente está trabalhando e execute um teste básico de funcionamento no navegador antes de qualquer gravação no Git."
+description: "Revise os detalhes do projeto e do uso da sessão e execute um teste básico de funcionamento no navegador antes de qualquer gravação no Git."
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
Agora que a sessão realizou trabalho de verdade, há algo para inspecionar. Confirme qual é o alvo do trabalho do agente e, depois, deixe que ele opere o quiz no navegador integrado e relate o que realmente aconteceu, em vez do que pretendia fazer.
Nesta lição, você vai:
-- ler o painel de detalhes da sessão.
-- verificar o projeto, o caminho e o uso de contexto da sessão.
+- revisar os controles do projeto e da sessão no menu de título.
+- verificar o plano, o uso da sessão, os tokens e o contexto no menu de uso.
- executar um teste básico de funcionamento no navegador e corrigir eventuais falhas.
-## Ler os detalhes da sessão
+## Revisar os detalhes do projeto
-Os detalhes da sessão mostram exatamente em que o agente está trabalhando. Você não precisa observar esse painel o tempo todo, mas tudo nele importa quando um resultado surpreende você.
+Selecione **Build a space quiz** na barra de título para abrir o menu do projeto e da sessão.
-Neste momento, o Space Quiz ainda é uma pasta local, não um repositório Git. Verifique o projeto, o caminho e o uso de contexto. Depois de [publicar o projeto na Lição 5][publish-lesson], as sessões que usam Git mostram detalhes adicionais, como a branch e **Changes**.
+
-A ilustração abaixo mostra uma sessão posterior que usa Git. Os campos de branch e **Changes** ainda não estão disponíveis na sessão de pasta local.
+Esse menu identifica o projeto em que a sessão está trabalhando e fornece controles para gerenciar a sessão.
-
+1. Confirme se a sessão de pasta é do projeto `space-quiz`.
+2. Selecione **Path** para confirmar se a sessão está trabalhando na pasta esperada.
+3. Observe os controles de acesso remoto, renomeação, sessões aninhadas, compartilhamento, arquivamento e exclusão.
-O painel mostra onde o trabalho acontece e quanto da janela de contexto está ocupado. Não há uma linha de modelo, porque você escolhe o modelo para cada solicitação na caixa de composição.
+## Revisar os detalhes de uso
-1. Confirme que **project** e **path** correspondem ao que você acredita estar editando.
-2. Verifique **context usage**. Conforme o uso aumenta, o agente tem menos espaço para a tarefa em si, e esse é o sinal para iniciar uma nova sessão.
+Selecione o controle de uso ao lado de **Send** para abrir o menu de plano e uso da sessão.
+
+
+
+Esse menu separa o uso da conta e da sessão dos controles do projeto:
+
+- **Plan** mostra o uso no nível do plano quando essa informação está disponível.
+- **Session** mostra os créditos de IA usados pela sessão atual.
+- **Tokens** mostra as contagens de tokens de entrada, armazenados em cache, de saída e de raciocínio.
+- **Context** mostra quanto da janela de contexto a sessão usou.
+
+Verifique **Context** à medida que a sessão avança. Conforme o contexto é preenchido, o agente tem menos espaço para a tarefa em si, e esse é o sinal para iniciar uma nova sessão.
> [!TIP]
> **A maioria dos resultados ruins vem de problemas de contexto**
@@ -50,7 +62,6 @@ Nada foi gravado no Git ainda. Na próxima lição, você executará `/init crea
## Resumo e próximos passos
-Você confirmou em que a sessão está trabalhando e verificou o quiz com um teste básico de funcionamento no navegador. Continue com a [Lição 4: Registrar instruções do projeto][next-lesson].
+Você confirmou os detalhes do projeto e do uso da sessão e verificou o quiz com um teste básico de funcionamento no navegador. Continue com a [Lição 4: Registrar instruções do projeto][next-lesson].
[next-lesson]: ../4-project-instructions/
-[publish-lesson]: ../5-publish/
diff --git a/docs/pt-br/first-steps/copilot-app/README.md b/docs/pt-br/first-steps/copilot-app/README.md
index 95481005..398ce0b2 100644
--- a/docs/pt-br/first-steps/copilot-app/README.md
+++ b/docs/pt-br/first-steps/copilot-app/README.md
@@ -4,7 +4,7 @@ description: "Faça um tour guiado pelo aplicativo GitHub Copilot criando e entr
slug: pt-br/first-steps/copilot-app
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
Faça um tour prático pelo aplicativo GitHub Copilot, pensado para quem está começando. Você criará um Space Quiz colorido a partir de uma pasta vazia e percorrerá todo o ciclo de desenvolvimento, do primeiro prompt a um pull request revisado.
@@ -21,7 +21,7 @@ O workshop leva aproximadamente de 60 a 90 minutos. O projeto usa um único arqu
| [0. Pré-requisitos e configuração][lesson-0] | Configuração | Verificar os pré-requisitos, instalar o aplicativo, escolher um modelo e explorar o espaço de trabalho |
| [1. Criar o espaço de trabalho][lesson-1] | Criação | Iniciar uma sessão Interactive em uma pasta local vazia |
| [2. Criar e aprimorar][lesson-2] | Criação | Criar o quiz e aprimorá-lo no navegador integrado |
-| [3. Inspecionar e testar][lesson-3] | Contexto e teste | Ler os detalhes da sessão e executar um teste básico de funcionamento no navegador |
+| [3. Inspecionar e testar][lesson-3] | Contexto e teste | Revisar os detalhes do projeto e do uso e executar um teste básico de funcionamento no navegador |
| [4. Registrar instruções do projeto][lesson-4] | Instruções | Gerar e adaptar instruções para o agente com `/init` |
| [5. Publicar o projeto][lesson-5] | Publicação | Criar um repositório público no GitHub a partir do projeto local |
| [6. Trabalhar com issues e sessões][lesson-6] | Implementação | Criar um backlog, implementar uma issue em uma worktree isolada e revisar o diff |
diff --git a/docs/zh-cn/first-steps/copilot-app/3-inspect-and-test.md b/docs/zh-cn/first-steps/copilot-app/3-inspect-and-test.md
index 8665621c..07428ea3 100644
--- a/docs/zh-cn/first-steps/copilot-app/3-inspect-and-test.md
+++ b/docs/zh-cn/first-steps/copilot-app/3-inspect-and-test.md
@@ -1,33 +1,45 @@
---
title: "第 3 课 - 检查会话并测试测验"
-description: "查看会话详情，确认智能体正在处理的内容，然后在向 Git 写入任何内容之前运行浏览器级冒烟测试。"
+description: "查看会话的项目和使用详情，然后在向 Git 写入任何内容之前运行浏览器级冒烟测试。"
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
会话已经完成实际工作，现在有内容可以检查了。确认智能体的工作目标，然后让它在集成浏览器中操作测验，报告实际发生的情况，而不是预期会发生的情况。
本课将：
-- 查看会话详情面板。
-- 检查会话的项目、路径和上下文使用量。
+- 查看标题菜单中的项目和会话控件。
+- 检查使用情况菜单中的计划、会话使用量、token 和上下文。
- 运行浏览器级冒烟测试，并修复所有失败项。
-## 查看会话详情
+## 查看项目详情
-会话详情准确显示智能体正在处理的内容。无需时刻关注这个面板，但当结果出乎意料时，其中的每一项都值得检查。
+选择标题栏中的 **Build a space quiz**，打开项目和会话菜单。
-此时，Space Quiz 仍是本地文件夹，而不是 Git 存储库。检查项目、路径和上下文使用量。[在第 5 课发布项目][publish-lesson]后，基于 Git 的会话会显示分支和 **Changes** 等更多详情。
+
-下图展示的是后续阶段基于 Git 的会话。本地文件夹会话中尚无分支和 **Changes** 字段。
+此菜单标明会话正在处理的项目，并提供管理会话的控件。
-
+1. 确认文件夹会话对应 `space-quiz` 项目。
+2. 选择 **Path**，确认会话正在预期的文件夹中工作。
+3. 查看远程控制、重命名、嵌套会话、共享、归档和删除控件。
-面板显示工作位置和上下文窗口的使用程度。这里没有模型行，因为模型是在输入区域中为每次请求单独选择的。
+## 查看使用详情
-1. 确认 **project** 和 **path** 与预期编辑的目标一致。
-2. 检查 **context usage**。使用量越高，留给实际任务的空间越少，这时就该启动新会话。
+选择 **Send** 旁边的使用情况控件，打开计划和会话使用情况菜单。
+
+
+
+此菜单将帐户和会话使用情况与项目控件分开显示：
+
+- **Plan** 在相关信息可用时显示计划级使用情况。
+- **Session** 显示当前会话使用的 AI 额度。
+- **Tokens** 显示输入、缓存、输出和推理 token 数量。
+- **Context** 显示会话已使用的上下文窗口比例。
+
+随着会话推进，请检查 **Context**。上下文越满，留给实际任务的空间就越少，这时就该启动新会话。
> [!TIP]
> **大多数不理想的结果都源于上下文问题**
@@ -50,7 +62,6 @@ Run a browser-level smoke test for the quiz in the integrated browser. Check key
## 总结与后续步骤
-已经确认会话正在处理的内容，并通过浏览器级冒烟测试验证了测验。继续学习[第 4 课：记录项目指令][next-lesson]。
+已经确认会话的项目和使用详情，并通过浏览器级冒烟测试验证了测验。继续学习[第 4 课：记录项目指令][next-lesson]。
[next-lesson]: ../4-project-instructions/
-[publish-lesson]: ../5-publish/
diff --git a/docs/zh-cn/first-steps/copilot-app/README.md b/docs/zh-cn/first-steps/copilot-app/README.md
index a586d0e2..caeaed3f 100644
--- a/docs/zh-cn/first-steps/copilot-app/README.md
+++ b/docs/zh-cn/first-steps/copilot-app/README.md
@@ -4,7 +4,7 @@ description: "通过构建并交付 Space Quiz，在引导下探索 GitHub Copil
slug: zh-cn/first-steps/copilot-app
authors:
- jamesmontemagno
-lastUpdated: 2026-10-05
+lastUpdated: 2026-10-08
---
通过适合初学者的动手实践探索 GitHub Copilot app。从空文件夹构建色彩丰富的 Space Quiz，完成整个开发流程，从第一个提示词一直到经过审查的拉取请求。
@@ -21,7 +21,7 @@ lastUpdated: 2026-10-05
| [0. 先决条件与设置][lesson-0] | 设置 | 确认先决条件，安装应用，选择模型，并探索工作区 |
| [1. 创建工作区][lesson-1] | 创建 | 在空的本地文件夹中启动 Interactive 会话 |
| [2. 构建与优化][lesson-2] | 构建 | 创建测验，并在集成浏览器中优化 |
-| [3. 检查与测试][lesson-3] | 上下文与测试 | 查看会话详情，并运行浏览器级冒烟测试 |
+| [3. 检查与测试][lesson-3] | 上下文与测试 | 查看项目和使用详情，并运行浏览器级冒烟测试 |
| [4. 记录项目指令][lesson-4] | 指令 | 使用 `/init` 生成并调整智能体指令 |
| [5. 发布项目][lesson-5] | 发布 | 从本地项目创建公开的 GitHub 存储库 |
| [6. 使用议题与会话][lesson-6] | 实现 | 创建待办事项，在隔离的工作树中实现一个议题，并审查差异 |