@agent-native/core 0.95.0 → 0.95.1

package/docs/content/locales/ja-JP/template-design.mdx

@@ -364,6 +364,23 @@ Design は複数画面の作業では概要を最初に使います。生成後
 イヤーパネルもこの分離を反映します。画面は最上位フレームで、アクティブ
 画面の下に DOM/コードレイヤーがネストされます。
 
+### Tweaks
+
+Tweaks は、ソースを編集せずにデザインの重要な視覚プロパティをすばやく
+変更するための名前付きコントロールです。デザインは、アクセントカラー、
+角丸、間隔、密度、表示状態などについて、カラースウォッチ、セグメント選択、
+スライダー、トグルを提供できます。各コントロールはレンダリングされた
+デザインが使用する CSS カスタムプロパティに接続され、調整と同時に
+プレビューが更新されます。
+
+Tweaks はエディターのカスケードに従います。ベースデザインで設定した値は、
+レスポンシブブレークポイントと状態に継承されます。ブレークポイントまたは
+状態がアクティブなときに tweak を変更すると、そのコンテキスト用の
+オーバーライドが作成されます。リセットするとオーバーライドが削除され、
+継承値に戻ります。保存した値はデザインとともに保持されます。必要な
+コントロールがない場合は、**微調整コントロールを追加する**を使用するか、
+別の視覚プロパティを公開するようエージェントに依頼してください。
+
 コーディングエージェントがスタンドアロンのプロトタイプ HTML を生成する
 代わりに、実行中のローカルアプリを Design で開く必要がある場合は
 `/visual-edit` をインストールします。

package/docs/content/locales/ko-KR/template-design.mdx

@@ -363,6 +363,21 @@ Single-screen mode는 스크롤, prototype behavior와의 상호작용, 하나
 반영합니다. screens는 top-level frames이고, active screen 아래에 nested
 DOM/code layers가 표시됩니다.
 
+### Tweaks
+
+Tweaks는 소스를 편집하지 않고 디자인에서 가장 유용한 시각 속성을 빠르게
+바꾸는 이름 있는 컨트롤입니다. 디자인은 강조색, 모서리 반경, 간격, 밀도,
+표시 여부 등에 대해 색상 견본, 분할 선택, 슬라이더, 토글을 제공할 수 있습니다.
+각 컨트롤은 렌더링된 디자인이 사용하는 CSS 사용자 지정 속성에 연결되므로
+조정하는 즉시 미리보기가 업데이트됩니다.
+
+Tweaks는 편집기의 계단식 규칙을 따릅니다. 기본 디자인에서 설정한 값은 반응형
+중단점과 상태에 상속됩니다. 중단점이나 상태가 활성화된 동안 tweak를 변경하면
+해당 컨텍스트에 대한 재정의가 만들어지고, 컨트롤을 재설정하면 재정의가
+제거되어 상속된 값으로 돌아갑니다. 저장된 값은 디자인과 함께 유지됩니다.
+필요한 컨트롤이 없다면 **조정 컨트롤 추가**를 사용하거나 에이전트에게 다른
+시각 속성을 노출해 달라고 요청하세요.
+
 코딩 에이전트가 독립형 prototype HTML을 생성하는 대신 실행 중인 로컬 앱을
 Design에서 열어야 할 때 `/visual-edit`를 설치하세요:
 

package/docs/content/locales/pt-BR/template-design.mdx

@@ -364,6 +364,22 @@ protótipo e editar as camadas DOM/código dentro de um arquivo renderizado. O
 painel de camadas reflete essa divisão: telas são frames de nível superior, com
 camadas DOM/código aninhadas para a tela ativa.
 
+### Tweaks
+
+Tweaks são controles nomeados para alterar rapidamente as propriedades visuais
+mais úteis de um design sem editar o código-fonte. Um design pode oferecer
+amostras de cor, opções segmentadas, controles deslizantes e alternâncias para
+propriedades como cor de destaque, raio dos cantos, espaçamento, densidade ou
+visibilidade. Cada controle se conecta a uma propriedade CSS personalizada usada
+pelo design renderizado, então a visualização é atualizada durante o ajuste.
+
+Tweaks seguem a cascata do editor. Breakpoints responsivos e estados herdam o
+valor definido no design base. Alterar um tweak enquanto um breakpoint ou estado
+está ativo cria uma substituição para esse contexto; redefinir o controle remove
+a substituição e restaura o valor herdado. Os valores salvos permanecem com o
+design. Use **Adicionar controles de ajuste** ou peça ao agente para expor outra
+propriedade visual quando o controle necessário não estiver no painel.
+
 Instale `/visual-edit` quando um agente de código precisar abrir um app local em
 execução no Design em vez de gerar HTML de protótipo independente:
 

package/docs/content/locales/zh-CN/template-design.mdx

@@ -360,6 +360,17 @@ Design 对多屏工作采用概览优先。生成或进行大范围更新后，
 单屏模式用于滚动、与原型行为交互，以及编辑一个已渲染文件内的 DOM/代码
 层。图层面板也反映这种分工：屏幕是顶层框架，活动屏幕下嵌套 DOM/代码层。
 
+### Tweaks
+
+Tweaks 是具名控件，无需编辑源代码即可快速调整设计中最常用的视觉属性。设计
+可以为强调色、圆角、间距、密度或可见性等属性提供色板、分段选项、滑块和开关。
+每个控件都连接到渲染设计使用的 CSS 自定义属性，因此调整时预览会立即更新。
+
+Tweaks 遵循编辑器的级联规则。基础设计中设置的值会由响应式断点和状态继承。
+在某个断点或状态激活时更改 tweak，会为该上下文创建覆盖；重置控件会移除覆盖
+并恢复继承值。保存的 tweak 值会随设计保留。如果面板没有所需控件，请使用
+**添加调整控件**，或让代理公开另一个视觉属性。
+
 当编码代理需要在 Design 中打开正在运行的本地应用，而不是生成独立原型 HTML
 时，请安装 `/visual-edit`：
 

package/docs/content/locales/zh-TW/template-design.mdx

@@ -361,6 +361,18 @@ Design 對多畫面工作採用概覽優先。產生或進行大範圍更新後
 式碼圖層。圖層面板也反映這種分工：畫面是頂層框架，作用中畫面下嵌套
 DOM/程式碼圖層。
 
+### Tweaks
+
+Tweaks 是具名控制項，不必編輯原始碼即可快速調整設計中最實用的視覺屬性。
+設計可以為強調色、圓角、間距、密度或可見性等屬性提供色票、分段選項、滑桿
+和開關。每個控制項都連接到渲染設計使用的 CSS 自訂屬性，因此調整時預覽會
+立即更新。
+
+Tweaks 遵循編輯器的級聯規則。基礎設計中設定的值會由響應式中斷點和狀態繼
+承。在某個中斷點或狀態作用時變更 tweak，會為該情境建立覆寫；重設控制項會
+移除覆寫並恢復繼承值。儲存的 tweak 值會隨設計保留。如果面板沒有需要的控制
+項，請使用 **新增調整控制項**，或要求代理公開另一個視覺屬性。
+
 當編碼代理需要在 Design 中開啟正在執行的本機應用，而不是產生獨立原型 HTML
 時，請安裝 `/visual-edit`：
 

package/docs/content/template-design.mdx

@@ -367,6 +367,22 @@ editing the DOM/code layers inside one rendered file. The layers panel reflects
 that split: screens are top-level frames, with nested DOM/code layers for the
 active screen.
 
+### Tweaks
+
+Tweaks are named controls for quickly changing the most useful visual properties
+of a design without editing its source. A design can expose color swatches,
+segmented choices, sliders, and toggles for properties such as accent color,
+corner radius, spacing, density, or visibility. Each control is connected to a
+CSS custom property used by the rendered design, so the preview updates as you
+adjust it.
+
+Tweaks follow the editor's cascade. A value set on the base design is inherited
+by its responsive breakpoints and states. Changing a tweak while a breakpoint or
+state is active creates an override for that context; resetting the control
+removes the override and returns to the inherited value. Saved tweak values stay
+with the design. Use **Add tweak controls** or ask the agent to expose another
+visual property when the panel does not include the control you need.
+
 Install `/visual-edit` when a coding agent should open a running local app in
 Design instead of generating standalone prototype HTML:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.95.0",
+  "version": "0.95.1",
   "description": "Framework for agent-native application development — where AI agents and UI share SQL state, actions, and context",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -338,7 +338,7 @@
     "@tabler/icons-react": "^3.40.0",
     "@tailwindcss/typography": "^0.5.20",
     "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-query": "^5.99.2",
+    "@tanstack/react-query": "^5.101.2",
     "@types/better-sqlite3": "^7.6.13",
     "@types/diff-match-patch": "^1.0.36",
     "@types/express": "^5.0.6",