@agent-native/core 0.95.0 → 0.96.0

package/docs/content/locales/ar-SA/template-design.mdx

@@ -364,6 +364,19 @@ pnpm dev
 طبقات DOM/الكود داخل ملف واحد معروض. تعكس لوحة الطبقات هذا التقسيم: الشاشات
 إطارات من المستوى الأعلى، وتحت الشاشة النشطة تظهر طبقات DOM/الكود المتداخلة.
 
+### Tweaks
+
+Tweaks هي عناصر تحكم مسماة لتغيير أهم الخصائص المرئية في التصميم بسرعة ومن دون
+تحرير المصدر. يمكن أن يوفر التصميم عينات ألوان وخيارات مقسمة وشرائط تمرير ومفاتيح
+لخصائص مثل لون التمييز ونصف قطر الزوايا والتباعد والكثافة والرؤية. يرتبط كل عنصر
+تحكم بخاصية CSS مخصصة يستخدمها التصميم المعروض، لذلك تتحدث المعاينة أثناء التعديل.
+
+تتبع Tweaks تسلسل المحرر. ترث نقاط التوقف المتجاوبة والحالات القيمة المحددة في
+التصميم الأساسي. يؤدي تغيير tweak أثناء تنشيط نقطة توقف أو حالة إلى إنشاء تجاوز
+لهذا السياق؛ وتؤدي إعادة ضبط عنصر التحكم إلى إزالة التجاوز واستعادة القيمة
+الموروثة. تبقى القيم المحفوظة مع التصميم. استخدم **إضافة الضوابط القرص** أو اطلب
+من الوكيل إظهار خاصية مرئية أخرى عندما لا تتضمن اللوحة عنصر التحكم المطلوب.
+
 ثبّت `/visual-edit` عندما يحتاج وكيل البرمجة إلى فتح تطبيق محلي يعمل في
 Design بدل إنشاء HTML نموذج أولي مستقل:
 

package/docs/content/locales/de-DE/template-design.mdx

@@ -365,6 +365,24 @@ und Bearbeitung der DOM-/Code-Ebenen in einer gerenderten Datei gedacht. Das
 Ebenenfenster spiegelt diese Trennung wider: Bildschirme sind Rahmen der
 obersten Ebene, darunter liegen die DOM-/Code-Ebenen des aktiven Bildschirms.
 
+### Tweaks
+
+Tweaks sind benannte Steuerelemente, mit denen sich die wichtigsten visuellen
+Eigenschaften eines Designs schnell und ohne Quellcodeänderung anpassen lassen.
+Ein Design kann Farbfelder, segmentierte Optionen, Schieberegler und Schalter
+für Akzentfarbe, Eckenradius, Abstände, Dichte oder Sichtbarkeit anbieten. Jedes
+Steuerelement ist mit einer vom gerenderten Design verwendeten
+CSS-Benutzereigenschaft verbunden, sodass die Vorschau beim Anpassen aktualisiert
+wird.
+
+Tweaks folgen der Kaskade des Editors. Responsive Breakpoints und Zustände erben
+den im Basisdesign festgelegten Wert. Wird ein Tweak bei aktivem Breakpoint oder
+Zustand geändert, entsteht eine Überschreibung für diesen Kontext; das Zurücksetzen
+entfernt sie und stellt den geerbten Wert wieder her. Gespeicherte Werte bleiben
+beim Design. Verwenden Sie **Fügen Sie Optimierungssteuerelemente hinzu** oder
+bitten Sie den Agenten, eine weitere visuelle Eigenschaft bereitzustellen, wenn
+das benötigte Steuerelement fehlt.
+
 Installiere `/visual-edit`, wenn ein Coding Agent eine laufende lokale App in
 Design öffnen soll, statt eigenständiges Prototype-HTML zu generieren:
 

package/docs/content/locales/es-ES/template-design.mdx

@@ -364,6 +364,22 @@ comportamiento del prototipo y editar las capas DOM/código dentro de un archivo
 renderizado. El panel de capas refleja esa división: las pantallas son marcos de
 nivel superior, con capas DOM/código anidadas para la pantalla activa.
 
+### Tweaks
+
+Los tweaks son controles con nombre para cambiar rápidamente las propiedades visuales
+más útiles de un diseño sin editar su código fuente. Un diseño puede ofrecer muestras
+de color, opciones segmentadas, deslizadores e interruptores para propiedades como el
+color de acento, el radio de las esquinas, el espaciado, la densidad o la visibilidad.
+Cada control está conectado a una propiedad CSS personalizada utilizada por el diseño,
+por lo que la vista previa se actualiza al ajustarlo.
+
+Los tweaks siguen la cascada del editor. Los puntos de quiebre y estados heredan el
+valor definido en el diseño base. Cambiar un tweak mientras un punto de quiebre o
+estado está activo crea una modificación para ese contexto; restablecer el control
+elimina la modificación y recupera el valor heredado. Los valores guardados permanecen
+con el diseño. Usa **Agregar controles de ajuste** o pide al agente que exponga otra
+propiedad visual cuando falte el control que necesitas.
+
 Instala `/visual-edit` cuando un agente de código deba abrir una app local en
 ejecución dentro de Design en lugar de generar HTML de prototipo independiente:
 

package/docs/content/locales/fr-FR/template-design.mdx

@@ -364,6 +364,23 @@ prototype et modifier les couches DOM/code dans un fichier rendu. Le panneau des
 couches reflète cette séparation : les écrans sont des cadres de niveau
 supérieur, avec les couches DOM/code imbriquées pour l'écran actif.
 
+### Tweaks
+
+Les tweaks sont des contrôles nommés qui permettent de modifier rapidement les
+propriétés visuelles les plus utiles d'un design sans éditer sa source. Un design
+peut proposer des nuanciers, des choix segmentés, des curseurs et des interrupteurs
+pour la couleur d'accent, le rayon des angles, l'espacement, la densité ou la
+visibilité. Chaque contrôle est relié à une propriété CSS personnalisée utilisée
+par le design rendu, de sorte que l'aperçu se met à jour pendant le réglage.
+
+Les tweaks suivent la cascade de l'éditeur. Les points d'arrêt responsive et les
+états héritent de la valeur définie sur le design de base. Modifier un tweak pendant
+qu'un point d'arrêt ou un état est actif crée une surcharge pour ce contexte ;
+réinitialiser le contrôle supprime la surcharge et rétablit la valeur héritée. Les
+valeurs enregistrées restent avec le design. Utilisez **Ajouter des contrôles de
+réglage** ou demandez à l'agent d'exposer une autre propriété visuelle si le contrôle
+nécessaire manque.
+
 Installez `/visual-edit` lorsqu'un agent de code doit ouvrir une app locale en
 cours d'exécution dans Design au lieu de générer du HTML de prototype autonome :
 

package/docs/content/locales/hi-IN/template-design.mdx

@@ -363,6 +363,22 @@ rendered file के अंदर DOM/code layers edit करने के ल
 model दिखाता है: screens top-level frames हैं, और active screen के नीचे nested
 DOM/code layers होते हैं।
 
+### Tweaks
+
+Tweaks नाम वाले controls हैं जिनसे source edit किए बिना design की सबसे उपयोगी
+visual properties जल्दी बदली जा सकती हैं। Design accent color, corner radius,
+spacing, density या visibility जैसी properties के लिए color swatches, segmented
+choices, sliders और toggles दे सकता है। हर control rendered design में उपयोग होने
+वाली CSS custom property से जुड़ा होता है, इसलिए adjustment के साथ preview update
+होता है।
+
+Tweaks editor के cascade का पालन करते हैं। Base design में set value responsive
+breakpoints और states को inherit होती है। किसी breakpoint या state के active होने
+पर tweak बदलने से उस context के लिए override बनता है; control reset करने पर override
+हट जाता है और inherited value वापस आती है। Saved values design के साथ रहते हैं।
+ज़रूरी control न हो तो **ट्विक नियंत्रण जोड़ें** का उपयोग करें या agent से कोई दूसरी
+visual property expose करने को कहें।
+
 जब coding agent को standalone prototype HTML बनाने के बजाय running local app को
 Design में खोलना हो, तब `/visual-edit` install करें:
 

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.96.0",
   "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": {
@@ -219,6 +219,8 @@
     "./terminal/server": "./dist/terminal/index.js",
     "./tailwind": "./dist/tailwind.preset.js",
     "./styles/agent-native.css": "./dist/styles/agent-native.css",
+    "./styles/agent-conversation.css": "./dist/styles/agent-conversation.css",
+    "./styles/chat-history-list.css": "./dist/styles/chat-history-list.css",
     "./agent/engine": "./dist/agent/engine/index.js",
     "./agent/harness": "./dist/agent/harness/index.js",
     "./eval": "./dist/eval/index.js",
@@ -338,7 +340,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",

package/src/templates/workspace-core/.agents/skills/observability/SKILL.md

@@ -126,6 +126,26 @@ The agent loop reads active experiments via `resolveActiveExperimentConfig()` an
 
 Compute results with `POST /_agent-native/observability/experiments/:id/results`.
 
+#### First-party hosted default-model rollout
+
+First-party apps on `agent-native.com` automatically run the July 2026
+default-model experiment for authenticated users on the Builder engine:
+
+- 80% `claude-sonnet-5`
+- 20% `gpt-5-6-luna`
+- Assignment is sticky by normalized user email and shared across templates.
+- The rollout applies only when the user, app, and deployment have not selected
+  a model. Explicit model choices and BYO provider engines always win.
+- Set `AGENT_NATIVE_HOSTED_MODEL_EXPERIMENT=off` for an emergency rollback, or
+  `true` to exercise the rollout on a non-first-party preview.
+- `$ai_generation` tracking includes `experiment_id`,
+  `experiment_variant`, and `model_selection_source` for central analysis.
+
+In production, experiment management routes require the caller's email in the
+comma-separated `AGENT_NATIVE_EXPERIMENT_ADMIN_EMAILS` allowlist. This gate is
+separate from normal app/org admin roles because an experiment affects every
+user in that deployment.
+
 ### 5. Dashboard
 
 `ObservabilityDashboard` is a React component with 5 tabs:

package/src/templates/workspace-core/.agents/skills/voice-transcription/SKILL.md

@@ -41,9 +41,13 @@ shared agent sidebar.
 ## Realtime speech mode
 
 Realtime speech mode is a full-duplex OpenAI Realtime WebRTC session, separate
-from the dictation providers below. It requires the authenticated user's
-`OPENAI_API_KEY`, uses the server-owned `gpt-realtime-2.1` session
-configuration, and keeps the key out of browser code.
+from the dictation providers below. It prefers the authenticated user's
+complete Builder connection and the Builder-managed metered gateway. A scoped
+`OPENAI_API_KEY` is the fallback when Builder is not connected. The server owns
+the `gpt-realtime-2.1` session configuration and keeps credentials out of
+browser code. If neither provider is configured, show **Connect Builder** as
+the primary microphone-popover action and OpenAI key setup as the secondary
+action before requesting microphone permission.
 
 - Starting voice mode collapses the chat into a persistent bottom-end speech
   orb. The orb stays visible above the chat even when the chat opens
@@ -169,7 +173,7 @@ client.
 
 Templates can:
 - **Disable the mic**: pass `voiceEnabled={false}` to `TiptapComposer`.
-- **Replace the button**: wrap `TiptapComposer` and render your own `extraActionButton` (the framework mic sits between `extraActionButton` and the send button).
+- **Replace the button**: wrap `TiptapComposer` and render your own `extraActionButton`; the framework mic stays immediately before the primary send/stop control. Use `stopButton` for an active-run control so the disabled send button becomes stop when the draft is empty and returns when the user types.
 - **Pre-register provider keys as `required: true`**: call `registerRequiredSecret(...)` from your own server plugin when a template needs a specific BYOK provider in onboarding.
 
 ## Don'ts