34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
# Browser Title Design
|
|
|
|
**Goal:** Replace the default browser tab title with a more professional product title: `AI Video Translation Studio`.
|
|
|
|
## Context
|
|
|
|
The current browser title still uses the starter text `My Google AI Studio App`, which looks unfinished and does not match the product's actual purpose. The user wants the browser tab to read as a real video translation product.
|
|
|
|
The approved title is `AI Video Translation Studio`.
|
|
|
|
## Approved Direction
|
|
|
|
- change only the browser tab title
|
|
- use `AI Video Translation Studio`
|
|
- do not change page body copy or in-app product labels in this step
|
|
|
|
## Recommended Implementation
|
|
|
|
Update the static HTML shell title in `index.html`. The application does not currently set `document.title` dynamically, so the simplest and most reliable change is to replace the hard-coded `<title>` value.
|
|
|
|
## Testing Strategy
|
|
|
|
Add a small test that reads `index.html` and verifies the expected `<title>` string. This keeps the change covered without introducing runtime complexity.
|
|
|
|
## Out of Scope
|
|
|
|
- changing header branding inside the app
|
|
- changing product copy across the UI
|
|
- adding route-specific dynamic document titles
|
|
|
|
## Success Criteria
|
|
|
|
Success means the browser tab displays `AI Video Translation Studio` instead of the starter title everywhere the app loads.
|