feat(ai): usage card on the start screen, token split tips and a retry helper

gulpfile.js/validate-build.js

@@ -41,7 +41,7 @@ const PROD_MAX_TOTAL_SIZE_MB = 80;
 // for the aggregate/total). Bump a limit only enough to restore that margin when a file legitimately
 // grows - don't pad it large, so unexpected size jumps still get caught.
 const LARGE_FILE_LIST_PROD = {
-    'dist/brackets.js': 12, // this is the full minified file itself renamed in prod (~11 MB + 1 MB margin)
+    'dist/brackets.js': 13, // this is the full minified file itself renamed in prod (~12 MB + 1 MB margin)
     'dist/phoenix/virtualfs.js.map': 3
 };
 

src/nls/root/strings.js

@@ -2660,7 +2660,7 @@ define({
 
     // AI CHAT PANEL
     "AI_CHAT_TITLE": "Claude Code",
-    "AI_CHAT_MODE_CHAT": "Claude Code",
+    "AI_CHAT_MODE_CHAT": "Visual AI",
     "AI_CHAT_MODE_CLI": "Claude Code CLI",
     "AI_CHAT_MODE_CODEX_CLI": "Codex CLI",
     "AI_CHAT_START_TYPE_HINT": "Type here to get started",
@@ -2687,7 +2687,7 @@ define({
     "AI_CHAT_DEMO_PROMPT_COPIED": "Copied",
     "AI_CHAT_DEMO_SPEED_TITLE": "Playback speed (click to change)",
     "AI_CHAT_START_WORK_WITH": "Work with",
-    "AI_CHAT_START_CHAT_NAME": "{0} · Visual AI",
+    "AI_CHAT_START_CHAT_NAME": "Visual AI with {0}",
     "AI_CHAT_START_CHAT_DESC": "Built-in chat for visual workflows",
     "AI_CHAT_START_BY_PROVIDER": "By {0}",
     "AI_CHAT_START_CLI_SEPARATOR": "Command-line tools · connects with {APP_NAME}",
@@ -2808,8 +2808,35 @@ define({
     "AI_CHAT_USAGE_API_TIME": "Time in API",
     "AI_CHAT_USAGE_COST": "Cost at list price",
     "AI_CHAT_USAGE_NOTE": "With a Claude subscription, this cost is included in your plan. Pricing shown is for reference only.",
+    "AI_CHAT_USAGE_SPEND_INCLUDED": "With a Claude subscription, this spend is included in your plan at no extra cost.",
+    "AI_CHAT_USAGE_SPEND_NO_PRO_CHARGE": "No charge to your Phoenix Pro subscription.",
     "AI_CHAT_USAGE_OPTION_TURNS": "Show usage after every turn",
     "AI_CHAT_USAGE_OPTION_DOLLARS": "Show $ cost",
+    "AI_CHAT_USAGE_CARD_TITLE": "Usage",
+    "AI_CHAT_USAGE_RANGE_30": "{0} \u00b7 last 30 days",
+    "AI_CHAT_USAGE_DETAILS": "Details",
+    "AI_CHAT_USAGE_RELOAD": "Reload usage",
+    "AI_CHAT_USAGE_MONTHS_SHOWN": "{0} of {1} months",
+    "AI_CHAT_USAGE_LESS": "Less",
+    "AI_CHAT_USAGE_MORE": "More",
+    "AI_CHAT_USAGE_SPEND": "spend",
+    "AI_CHAT_USAGE_TOKENS_LABEL": "tokens",
+    "AI_CHAT_USAGE_TURNS_LABEL": "turns",
+    "AI_CHAT_USAGE_ACTIVE_DAYS": "active days",
+    "AI_CHAT_USAGE_TODAY": "Today",
+    "AI_CHAT_USAGE_TOP_MODELS": "Top models",
+    "AI_CHAT_USAGE_BY_SPEND": "by spend",
+    "AI_CHAT_USAGE_BY_TOKENS": "by tokens",
+    "AI_CHAT_USAGE_ACTIVITY": "Activity",
+    "AI_CHAT_USAGE_LAST_30_DAYS": "Last 30 days",
+    "AI_CHAT_USAGE_EARLIER_MONTH": "Earlier month",
+    "AI_CHAT_USAGE_LATER_MONTH": "Later month",
+    "AI_CHAT_USAGE_LONGEST_STREAK": "Longest streak",
+    "AI_CHAT_USAGE_STREAK_DAYS": "{0} days",
+    "AI_CHAT_USAGE_ACTIVE_DAYS_TITLE": "Active days",
+    "AI_CHAT_USAGE_PER_ACTIVE_DAY": "Avg / active day",
+    "AI_CHAT_USAGE_TOTAL_LABEL": "Total",
+    "AI_CHAT_USAGE_NO_USAGE_DAY": "No usage this day",
     "AI_CHAT_TOOL_ASK_COMPOSING": "Asking a question in the live preview...",
     "AI_CHAT_LABEL_YOU_IN_PREVIEW": "You, in the live preview",
     "AI_CHAT_TOOL_ASK_WAITING": "Answer in the live preview, or",