You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit 8be689f
Browse filesBrowse the repository at this point in the historyBrowse files
Copy file name to clipboardExpand all lines: src/assets/default-project/en/Newly_added_features.md
+42-26Lines changed: 42 additions & 26 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,63 +8,71 @@ Here's a list of top features recently added to Phoenix Code:
8
8
9
9
`Added in October 2026`
10
10
11
-
See and edit your page’s HTML structure in the new **Layers** sidebar. Add, rearrange, and duplicate elements, edit their properties, and fine-tune CSS, with changes synced to your code and Live Preview.
11
+
**Edit your web pages visually, without touching code!** The new Layers sidebar lets you explore your page’s HTML structure, add, move, duplicate, or delete elements, and edit their properties.
12
12
13
-
See which styles affect an element and edit them in one place. Pick colors, adjust sizes and spacing, and watch the result in Live Preview.
13
+
Change colors, fonts, sizes, and spacing with simple visual controls. Every change is instantly reflected in your code and Live Preview.
## [Visual Questions in Live Preview](https://docs.phcode.dev/app-links/ai-ask)
19
+
## [Ask AI in Live Preview](https://docs.phcode.dev/app-links/ai-ask)
20
20
21
21
`Added in October 2026`
22
22
23
-
Select part of your page and use **Ask AI** to explore an idea. Phoenix AI can create interactive questions with design options you can try on the page—layouts, colors, and styles you can see before choosing what goes into your code.
23
+
**Just point and ask AI, instead of explaining what you want to change!** Select any part of your page in Live Preview and ask AI to make changes. No need to describe where or what you're referring to.
24
24
25
-
Hover to preview an option, click to keep it, then press **Send** to confirm. You can also use **Ask AI** with selected code or Markdown text.
25
+
Ask AI to suggest alternative designs, explore color schemes, or try different fonts.
26
26
27
-
> This feature is available only in desktop apps.
27
+
**Ask AI also works with [custom server previews](https://docs.phcode.dev/docs/Features/Live%20Preview/live-preview-settings)**, including PHP and other server-rendered pages, as well as selected code or Markdown text.
## [Interactive Replies in Chat](https://docs.phcode.dev/app-links/ai-chat)
33
+
## [Intelligent UI in AI Chat](https://docs.phcode.dev/app-links/ai-chat)
32
34
33
35
`Added in October 2026`
34
36
35
-
Phoenix AI can create interactive mockups, comparisons, and explanations in the chat. Click through options and adjust controls to explore an idea, instead of piecing it together from a text description. You can use these visuals even without a page open in Live Preview.
37
+
**See what AI means, instead of just reading about it!** Phoenix AI can now show interactive designs, buttons, cards, layouts, and more directly in chat.
38
+
39
+
Explore different styles, click through options, and adjust controls right in the conversation. Instead of just describing an idea, AI can show you how it looks and works—all without opening Live Preview or writing code.
36
40
37
41
> This feature is available only in desktop apps.
38
42
39
-
## [Bring Your Existing CLI Agents into Phoenix Code](https://docs.phcode.dev/app-links/ai-cli)
## [Bring Your Claude Code & Codex CLI to Phoenix Code](https://docs.phcode.dev/app-links/ai-cli)
40
46
41
47
`Added in October 2026`
42
48
43
-
Bring your existing agents into Phoenix Code and give them a visual way to work with you. **ChatGPT Codex** and **Claude Code CLI** gain tools to prototype designs in Live Preview, show interactive choices, and ask questions on your page—so you can see, try, and refine ideas instead of just reading descriptions.
49
+
**Supercharge your existing CLI agents with rich, interactive visual workflows!** Use your existing Claude Code or Codex subscriptions in Phoenix Code to explore designs in Live Preview, try interactive options, and make changes visually instead of relying on text descriptions.
44
50
45
-
Keep multiple sessions running and switch between them as you work. You can also transfer an **Ask AI**draft and its attachments to a connected session, then review and submit it there.
51
+
Run multiple CLI sessions, switch between them easily, and send **Ask AI**requests directly to your agents. Track your AI consumption with the built-in **AI Usage Meter** (see below).
46
52
47
-
> Running the CLIs inside the panel is a Phoenix Pro feature, available only in desktop apps.
53
+
> Running CLI agents inside Phoenix Code is a Phoenix Pro feature, available only in desktop apps.
## [Track Your AI Usage](https://docs.phcode.dev/app-links/ai-chat)
52
58
53
59
`Added in October 2026`
54
60
55
-
See your AI usage across Phoenix AI, ChatGPT Codex, and Claude Code CLI sessions in Phoenix. Track tokens, estimated costs, and model breakdowns, with daily activity graphs and monthly history.
61
+
**See how much AI you're using, all in one place!** Track token usage and estimated costs across Phoenix AI, Claude Code, and Codex CLI sessions.
62
+
63
+
Explore daily usage graphs, monthly trends, and breakdowns by AI model. You can also clear your usage history without deleting your chats.
56
64
57
-
Costs are estimates at API list prices; your provider bill may differ. You can delete usage history while keeping your chats.
65
+
> Costs are estimated using API list prices and may differ from your actual provider charges. Available only in desktop apps.
58
66
59
-
> These features are available only in desktop apps.
## [Simpler AI Setup](https://docs.phcode.dev/app-links/ai-chat)
69
+
## [Easier AI Setup & Quick Access](https://docs.phcode.dev/app-links/ai-chat)
62
70
63
71
`Added in October 2026`
64
72
65
-
Get from signing in to creating with AI more easily, with guided setup in Phoenix Code. The start screen brings Phoenix AI, ChatGPT Codex, and Claude Code CLI together and shows your running sessions.
73
+
**Get started with your favorite AI tools more easily!** The new AI start screen brings Phoenix AI, ChatGPT Codex, and Claude Code CLI together in one place.
66
74
67
-
> This feature is available only in desktop apps.
75
+
Quickly set up your AI tools, switch running sessions, and pick up right where you left off.
## [Adjust AI Thinking Effort](https://docs.phcode.dev/app-links/ai-chat)
80
88
81
89
`Added in October 2026`
82
90
83
-
Adjust how deeply supported AI models reason, from quick everyday tasks to more involved problems. Choose **Thinking effort** for the selected model, or leave it at Default.
91
+
**Choose how much effort AI puts into solving your problems!** Use lower thinking effort for quick, simple tasks or higher effort for complex problems that need deeper reasoning.
92
+
93
+
Select your preferred **Thinking Effort** for supported AI models, or leave it at **Default** to use the model's standard setting.
84
94
85
95
> This feature is available only in desktop apps.
86
96
87
-
## [Find Photos with AI](https://docs.phcode.dev/app-links/ai-images)
## [Discover Stock Photos with AI](https://docs.phcode.dev/app-links/ai-images)
88
100
89
101
`Added in October 2026`
90
102
91
-
Find the right photos for your page together with AI. Browse and compare options in an interactive gallery, refine the search, and choose what fits your design. Ask AI to use your choices on the page or download them into your project.
103
+
**Find the perfect photos for your website with the help of AI!** Explore real stock photos, discover new ideas, and let AI help you narrow down your choices to find images that fit your design.
104
+
105
+
Ask AI to add your favorite photos directly to your page or download them into your project.
92
106
93
107
> This feature is available only in desktop apps.
94
108
@@ -98,7 +112,9 @@ Find the right photos for your page together with AI. Browse and compare options
98
112
99
113
`Added in October 2026`
100
114
101
-
Open an image in a larger lightbox without leaving your document. Click an unlinked image in reader mode, or use its expand button or double-click while editing. Press Escape to return to your Markdown.
115
+
**Take a closer look at images without leaving your Markdown document!** Open images in a larger view to see details more clearly, whether you're reading or editing.
116
+
117
+
Simply click an image in reader mode, or double-click it while editing. Press **Escape** to return to your document.
102
118
103
119
## [Style Your Page Visually with the Styles Bar](https://docs.phcode.dev/app-links/styles-bar)
0 commit comments