insika 0.3.0 → 0.7.0

data/lib/insika/studio/views/agent_detail.erb

@@ -1,828 +1,69 @@
-<header class="page-head">
-  <div>
-    <nav class="crumbs"><a href="/studio/agents">agents</a> / <span><%= @agent.id %></span></nav>
-    <h1><span class="avatar sm <%= avatar_class(@agent.id) %>"><%= @agent.id[0, 2].upcase %></span><%= @agent.id %>
-      <span class="sub"><%= @agent.model %><%== " · #{h(@agent.provider)}" if @agent.provider %></span>
-    </h1>
-  </div>
-  <a class="btn primary" href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>">Open playground →</a>
-</header>
-
-<div class="tabs-page" data-controller="tabs">
-<nav class="subnav" aria-label="agent sections">
-  <a href="#config" data-tabs-target="tab">config</a>
-  <a href="#prompts" data-tabs-target="tab">prompts</a>
-  <a href="#skills" data-tabs-target="tab">skills</a>
-  <a href="#memory" data-tabs-target="tab">memory</a>
-  <a href="#outcomes" data-tabs-target="tab">outcomes</a>
-  <a href="#loops" data-tabs-target="tab">loops</a>
-  <a href="#cache" data-tabs-target="tab">cache</a>
-  <a href="#history" data-tabs-target="tab">history</a>
-</nav>
-
-<!-- ── Config / model ────────────────────────────────────────────────────── -->
-<section class="section" id="config" data-tabs-target="panel">
-  <% config_groups = [
-       ["model", "Model & limits", "model, provider, timeouts, ceilings, generation, fence"],
-       ["guardrails", "Guardrails", "input/output checks, strictness, safe replies"],
-       ["grounding", "Grounding", "evidence behind product claims"],
-       ["funnel", "Outcome funnel", "stage vocabulary"],
-       ["followups", "Follow-ups", "frequency, quiet hours, silence"],
-       ["distill", "Distillation", "finished chats → fact proposals"],
-       ["harvest", "Harvest", "traffic → skill candidates"],
-       ["refinement", "Refinement", "ranked findings, proposed edits"],
-       ["budget_rel", "Budget & reliability", "spend caps, retries, fallback, breaker"],
-       ["routing", "Routing & media", "routes, outputs, alerts, the streaming edge"],
-       ["advanced", "Advanced", "capabilities, allowlists, behaviour, metadata"]
-     ]
-     active = config_groups.find { |k, _| k == @config_group } || config_groups.first
-     @config_group = active[0] %>
-  <div class="section-head"><h2>Configuration</h2><p class="muted">every profile field, editable hot — pick a group to the left — saved via <code>update_agent</code>.</p></div>
-  <div class="drill config-drill">
-    <aside class="drill-pane drill-master">
-      <div class="drill-pane-head"><div class="title"><strong>Configuration</strong></div></div>
-      <nav class="drill-pane-body drill-list" aria-label="config groups">
-        <% config_groups.each do |key, label, sub| %>
-          <a class="drill-item<%== ' active' if @config_group == key %>"
-             href="<%= agent_path(@agent.id, "config", "cfg=#{key}") %>">
-            <div class="drill-item-name"><span class="txt"><%= label %></span></div>
-            <div class="drill-item-sub"><%= sub %></div>
-          </a>
-        <% end %>
-      </nav>
-    </aside>
-    <section class="drill-pane drill-detail">
-      <div class="drill-pane-head">
-        <div class="title"><strong><%= active[1] %></strong></div>
-        <button type="submit" form="config-form" class="btn primary" data-turbo-submits-with="Saving…">Save config</button>
-      </div>
-      <div class="drill-pane-body">
-        <form id="config-form" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/config">
-          <%== csrf_tag %>
-          <input type="hidden" name="cfg" value="<%= @config_group %>">
-          <div class="config-group" data-config-group="model"<%== " hidden" unless @config_group == "model" %>>
-    <div class="grid-2">
-      <label>model <span class="muted">(blank = platform <code>default_model</code>)</span>
-        <input type="text" name="model" value="<%= @agent.model %>" placeholder="inherit platform default">
-      </label>
-      <label>provider
-        <input type="text" name="provider" value="<%= @agent.provider %>" placeholder="deepseek">
-      </label>
-      <label>turn_timeout (s)
-        <input type="text" name="turn_timeout" value="<%= @agent.limits[:turn_timeout] %>" inputmode="numeric">
-      </label>
-      <label>tool_timeout (s)
-        <input type="text" name="tool_timeout" value="<%= @agent.limits[:tool_timeout] %>" inputmode="numeric">
-      </label>
-      <label>tool_concurrency <span class="muted">(parallel tool calls; 1 = serial, off for turns with approvals)</span>
-        <input type="text" name="tool_concurrency" value="<%= @agent.limits[:tool_concurrency] %>" inputmode="numeric">
-      </label>
-      <label>chat_rate_limit <span class="muted">(turns/chat/window; blank = platform, 0 = off)</span>
-        <input type="text" name="chat_rate_limit" value="<%= @agent.limits[:chat_rate_limit] %>" inputmode="numeric" placeholder="inherit platform edge">
-      </label>
-      <label>agent_token_ceiling <span class="muted">(tokens/window; blank = platform, 0 = off)</span>
-        <input type="text" name="agent_token_ceiling" value="<%= @agent.limits[:agent_token_ceiling] %>" inputmode="numeric" placeholder="inherit platform edge">
-      </label>
+<%# Agent detail — the DETAIL pane of the Agents miller shell.
+    Full page (direct visit/refresh): the two-column shell — master list plus
+    this pane. Turbo-Frame request (a row click, a config save, a prompt-file
+    switch): the pane alone, so the master's scroll state and selection
+    survive every interaction. The tab sections live in _agent_tab_* partials
+    (one per section, named after it — no abstraction, just containment). %>
+<%# Roda renders with plain locals — no local_assigns hash (Rails-ism). %>
+<% frame_only = defined?(frame_only) && frame_only %>
+<% unless frame_only %>
+  <header class="page-head">
+    <div>
+      <nav class="crumbs"><a href="/studio/agents">agents</a> / <span><%= @agent.id %></span></nav>
+      <h1><span class="avatar sm <%= avatar_class(@agent.id) %>"><%= @agent.id[0, 2].upcase %></span><%= @agent.id %>
+        <span class="sub"><%= @agent.model %><%== " · #{h(@agent.provider)}" if @agent.provider %></span>
+      </h1>
     </div>
-    <label class="check">
-      <input type="checkbox" name="memory" value="1"<%== " checked" if @agent.memory %>>
-      cross-session memory (the agent remembers across conversations)
-    </label>
-
-    <fieldset class="subgroup">
-      <legend>generation params <span class="muted">— blank = provider default</span></legend>
-      <div class="grid-3">
-        <label>temperature
-          <input type="text" name="temperature" value="<%= agent_param(@params, :temperature) %>" inputmode="decimal" placeholder="0.7">
-        </label>
-        <label>max_tokens
-          <input type="text" name="max_tokens" value="<%= agent_param(@params, :max_tokens) %>" inputmode="numeric" placeholder="4096">
-        </label>
-        <label>reasoning <span class="muted">(off/on/effort — blank = inherit model/platform)</span>
-          <%== thinking_select("thinking", agent_param(@params, :thinking), "inherit") %>
-        </label>
-      </div>
-    </fieldset>
-
-    <label>model fence <span class="muted">(<code>model_policy.allow</code> — one ref per line: <code>provider/model</code>, <code>provider/*</code> or <code>model</code>; blank = no fence)</span>
-      <textarea name="model_policy_allow" rows="3" placeholder="deepseek/*&#10;openai/gpt-4o-mini"><%= @model_policy_allow %></textarea>
-    </label>
-          </div>
-
-          <div class="config-group" data-config-group="guardrails"<%== " hidden" unless @config_group == "guardrails" %>>
-    <fieldset class="subgroup">
-      <legend>guardrails <span class="muted">— content safety</span></legend>
-      <label class="check">
-        <input type="checkbox" name="guardrail_input" value="1"<%== " checked" if guardrail_field(@guardrails, :input, true) %>>
-        input guardrail <span class="muted">— block injection / abuse / inappropriate before the LLM</span>
-      </label>
-      <label class="check">
-        <input type="checkbox" name="guardrail_output" value="1"<%== " checked" if guardrail_field(@guardrails, :output, true) %>>
-        output guardrail <span class="muted">— redact PII/secret in the stream + flag policy slips</span>
-      </label>
-      <div class="grid-2">
-        <label>strictness
-          <% strictness = guardrail_field(@guardrails, :strictness, "medium").to_s %>
-          <select name="guardrail_strictness">
-            <% %w[low medium high].each do |lvl| %>
-              <option value="<%= lvl %>"<%== " selected" if lvl == strictness %>><%= lvl %></option>
-            <% end %>
-          </select>
-        </label>
-        <label>LLM moderator <span class="muted">(model ref, or <code>on</code> for the platform utility_model; blank = deterministic only)</span>
-          <input type="text" name="guardrail_moderator" value="<%= guardrail_field(@guardrails, :moderator, "") %>" placeholder="deepseek/deepseek-v4-flash">
-        </label>
-      </div>
-      <details class="newfile">
-        <summary>safe replies — override per category <span class="muted">(blank = engine default; this agent's voice/language)</span></summary>
-        <% gr_resp = (@guardrails["responses"] || @guardrails[:responses] || {}) %>
-        <label>default <span class="muted">(catch-all for any blocked category)</span>
-          <textarea name="guardrail_response_default" rows="2" placeholder="I can't help with that particular request…"><%= guardrail_field(gr_resp, :default, "") %></textarea>
-        </label>
-        <div class="grid-2">
-          <% %w[injection sexual abuse escalate].each do |cat| %>
-            <label><%= cat %>
-              <textarea name="guardrail_response_<%= cat %>" rows="2"><%= guardrail_field(gr_resp, cat, "") %></textarea>
-            </label>
-          <% end %>
-        </div>
-      </details>
-    </fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="grounding"<%== " hidden" unless @config_group == "grounding" %>>
-    <fieldset class="subgroup">
-      <legend>grounding <span class="muted">— product claims must point at evidence the session actually saw</span></legend>
-      <% gr = @agent.grounding || {} %>
-      <div class="grid-2">
-        <label>mode <span class="muted">(blank = off)</span>
-          <select name="grounding_mode">
-            <option value="">off</option>
-            <% %w[flag enforce].each do |m| %>
-              <option value="<%= m %>"<%== ' selected' if gr["mode"] == m %>><%= m %></option>
-            <% end %>
-          </select>
-        </label>
-        <label>matcher SKU <span class="muted">(evidence id prefix, e.g. <code>sku:</code>)</span>
-          <input type="text" name="grounding_matcher_sku" value="<%= gr.dig("matcher", "sku") %>" placeholder="sku:">
-        </label>
-        <label>name keys <span class="muted">(comma-separated metadata keys with product names)</span>
-          <input type="text" name="grounding_name_keys" value="<%= agent_list(gr.dig("matcher", "name_keys")) %>" placeholder="product, name">
-        </label>
-      </div>
-    </fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="funnel"<%== " hidden" unless @config_group == "funnel" %>>
-    <fieldset class="subgroup">
-      <legend>outcome funnel <span class="muted">— the stage vocabulary the engine folds WS7 outcomes into</span></legend>
-      <% fun = @agent.funnel || {} %>
-      <div class="grid-2">
-        <label>stages <span class="muted">(one per line, in order; blank = no funnel)</span>
-          <textarea name="funnel_stages" rows="4" placeholder="greeted&#10;qualified&#10;cart&#10;paid"><%= agent_lines(fun["stages"]) %></textarea>
-        </label>
-        <div class="grid-2">
-          <label>primary
-            <input type="text" name="funnel_primary" value="<%= fun["primary"] %>" placeholder="paid">
-          </label>
-          <label>attribution window <span class="muted">(carried, never computed)</span>
-            <input type="text" name="funnel_attribution_window" value="<%= fun["attribution_window"] %>" placeholder="72h">
-          </label>
-          <label class="full">
-            advance_on <span class="muted">— JSON: outcome kind → reached stage</span>
-            <textarea name="funnel_advance_on" rows="4" spellcheck="false" class="mono" placeholder='{ "pix_paid": "paid" }'><%= agent_json(fun["advance_on"]) %></textarea>
-          </label>
-        </div>
-      </div>
-    </fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="followups"<%== " hidden" unless @config_group == "followups" %>>
-<fieldset class="subgroup">
-  <legend>follow-ups <span class="muted">— the seller who comes back (blank arm = off)</span></legend>
-  <% fu = @agent.followup || {}; fup = fu["policy"] || {}; fqh = fup["quiet_hours"] || {} %>
-  <div class="grid-2">
-    <label>arm
-      <input type="text" name="followup_arm" value="<%= fu["arm"] %>" placeholder="schedule">
-    </label>
-    <label>max frequency <span class="muted">(e.g. <code>2/24h</code>)</span>
-      <input type="text" name="followup_max_frequency" value="<%= fup["max_frequency"] %>" placeholder="2/24h">
-    </label>
-    <label>quiet hours timezone <span class="muted">(blank = no quiet hours)</span>
-      <input type="text" name="followup_tz" value="<%= fqh["timezone"] %>" placeholder="America/Sao_Paulo">
-    </label>
-    <div class="grid-2">
-      <label>quiet start
-        <input type="text" name="followup_quiet_start" value="<%= fqh["start"] %>" placeholder="21:30">
-      </label>
-      <label>quiet end
-        <input type="text" name="followup_quiet_end" value="<%= fqh["end"] %>" placeholder="09:00">
-      </label>
-    </div>
-    <label>cancel keywords <span class="muted">(comma-separated)</span>
-      <input type="text" name="followup_cancel_keywords" value="<%= agent_list(fup["cancel_keywords"]) %>" placeholder="não quero mais contato">
-    </label>
-    <label>silence after N sends
-      <input type="text" name="followup_silence_after_sends" value="<%= fup["silence_after_sends"] %>" placeholder="3" inputmode="numeric">
-    </label>
-  </div>
-</fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="distill"<%== " hidden" unless @config_group == "distill" %>>
-<fieldset class="subgroup">
-  <legend>distillation <span class="muted">— finished conversations → proposed customer facts (Facts page)</span></legend>
-  <% dist = @agent.distill || {} %>
-  <label class="check">
-    <input type="checkbox" name="distill_enabled" value="1"<%== " checked" if Insika::Coercion.truthy?(dist["enabled"]) %>>
-    distillation on — idle sessions are read back as fact proposals; a human always approves
-  </label>
-  <div class="grid-3">
-    <label>idle hours <span class="muted">(blank = 6)</span>
-      <input type="text" name="distill_idle_hours" value="<%= dist["idle_hours"] %>" placeholder="6" inputmode="numeric">
-    </label>
-    <label>min messages <span class="muted">(blank = 3)</span>
-      <input type="text" name="distill_min_messages" value="<%= dist["min_messages"] %>" placeholder="3" inputmode="numeric">
-    </label>
-    <label>max proposals <span class="muted">(blank = 10)</span>
-      <input type="text" name="distill_max_proposals" value="<%= dist["max_proposals"] %>" placeholder="10" inputmode="numeric">
-    </label>
-  </div>
-  <label>model <span class="muted">(blank = the platform utility_model)</span>
-    <input type="text" name="distill_model" value="<%= dist["model"] %>" placeholder="deepseek-v4-flash">
-  </label>
-  <label>prompt <span class="muted">— what counts as a fact for THIS store (blank = the engine default)</span>
-    <textarea name="distill_prompt" rows="3" placeholder="what counts as a customer fact for this store"><%= dist["prompt"] %></textarea>
-  </label>
-</fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="harvest"<%== " hidden" unless @config_group == "harvest" %>>
-<fieldset class="subgroup">
-  <legend>harvest <span class="muted">— finished traffic → proposed SKILLs, double-gated, human-promoted (Harvest page)</span></legend>
-  <% hv = @agent.harvest || {}; hvm = hv["miner"] || {} %>
-  <label class="check">
-    <input type="checkbox" name="harvest_enabled" value="1"<%== " checked" if Insika::Coercion.truthy?(hv["enabled"]) %>>
-    harvest on — idle conversations are mined for skills; a human promotes every one
-  </label>
-  <div class="grid-3">
-    <label>idle hours <span class="muted">(blank = 24)</span>
-      <input type="text" name="harvest_idle_hours" value="<%= hv["idle_hours"] %>" placeholder="24" inputmode="numeric">
-    </label>
-    <label>min messages <span class="muted">(blank = 3)</span>
-      <input type="text" name="harvest_min_messages" value="<%= hv["min_messages"] %>" placeholder="3" inputmode="numeric">
-    </label>
-    <label>miner model <span class="muted">(blank = the platform utility_model)</span>
-      <input type="text" name="harvest_miner_model" value="<%= hvm["model"] %>" placeholder="deepseek-v4-flash">
-    </label>
-    <label>miner window <span class="muted">(last N conversations)</span>
-      <input type="text" name="harvest_miner_window" value="<%= hvm.dig("window", "last_sessions") %>" placeholder="200" inputmode="numeric">
-    </label>
-    <label>miner max proposals
-      <input type="text" name="harvest_miner_max_proposals" value="<%= hvm["max_proposals"] %>" placeholder="10" inputmode="numeric">
-    </label>
-    <label>miner budget (tokens)
-      <input type="text" name="harvest_miner_budget_tokens" value="<%= hvm.dig("budget", "tokens") %>" placeholder="20000" inputmode="numeric">
-    </label>
-  </div>
-  <label>negative list <span class="muted">— JSON: <code>[{ "rule": "…", "pattern": "…" }]</code> (blank = the deployment seed)</span>
-    <textarea name="harvest_negative_list" rows="3" spellcheck="false" class="mono" placeholder='[ { "rule": "no-competitor-prices", "pattern": "concorrente" } ]'><%= agent_json(hv["negative_list"]) %></textarea>
-  </label>
-  <label>prompt <span class="muted">— what a harvestable skill is for THIS store (blank = the engine default)</span>
-    <textarea name="harvest_prompt" rows="3" placeholder="what makes a skill harvestable for this store"><%= hv["prompt"] %></textarea>
-  </label>
-</fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="refinement"<%== " hidden" unless @config_group == "refinement" %>>
-    <fieldset class="subgroup">
-      <legend>refinement <span class="muted">— read traffic back as a ranked report / proposed edits (Refinement page)</span></legend>
-      <% rf = @agent.refinement || {}; rfw = rf["window"] || {}; rfb = rf["budget"] || {} %>
-      <div class="grid-2">
-        <label>mode <span class="muted">(blank = report-only, nothing ever writes)</span>
-          <select name="refinement_mode">
-            <option value="">report-only</option>
-            <% %w[report propose auto_apply].each do |m| %>
-              <option value="<%= m %>"<%== ' selected' if rf["mode"] == m %>><%= m %></option>
-            <% end %>
-          </select>
-        </label>
-        <label>window <span class="muted">(last N conversations; blank = 200)</span>
-          <input type="text" name="refinement_window" value="<%= rfw["last_sessions"] %>" placeholder="200" inputmode="numeric">
-        </label>
-        <label>max findings
-          <input type="text" name="refinement_max_findings" value="<%= rf["max_findings"] %>" placeholder="20" inputmode="numeric">
-        </label>
-        <label>auto_apply max edits <span class="muted">(propose+ mode)</span>
-          <input type="text" name="refinement_auto_apply_max_edits" value="<%= rf["auto_apply_max_edits"] %>" inputmode="numeric">
-        </label>
-        <label>files <span class="muted">(allowlist, comma-separated)</span>
-          <input type="text" name="refinement_files" value="<%= agent_list(rf["files"]) %>" placeholder="IDENTITY.md">
-        </label>
-        <label>proposers <span class="muted">(model refs, comma-separated)</span>
-          <input type="text" name="refinement_proposers" value="<%= agent_list(rf["proposers"]) %>" placeholder="deepseek/deepseek-v4-flash">
-        </label>
-      </div>
-      <label>budget (tokens)
-        <input type="text" name="refinement_budget_tokens" value="<%= rfb["tokens"] %>" inputmode="numeric">
-      </label>
-    </fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="budget_rel"<%== " hidden" unless @config_group == "budget_rel" %>>
-      <fieldset class="subgroup">
-        <legend>budget <span class="muted">— WS2: calendar spend caps per (tenant, agent)</span></legend>
-        <% bd = @agent.budget || {} %>
-        <div class="grid-3">
-          <label>daily (tokens)
-            <input type="text" name="budget_daily" value="<%= bd["daily"] %>" inputmode="numeric">
-          </label>
-          <label>monthly (tokens)
-            <input type="text" name="budget_monthly" value="<%= bd["monthly"] %>" inputmode="numeric">
-          </label>
-          <label>alert at <span class="muted">(0–1 of the cap)</span>
-            <input type="text" name="budget_alert_at" value="<%= bd["alert_at"] %>" placeholder="0.8" inputmode="decimal">
-          </label>
-        </div>
-        <label class="check">
-          <input type="checkbox" name="budget_soft" value="1"<%== " checked" if bd["soft"] %>>
-          soft cap <span class="muted">— crossing it warns and runs; hard (default) fails the turn</span>
-        </label>
-      </fieldset>
-
-      <fieldset class="subgroup">
-        <legend>reliability <span class="muted">— WS3: retries, fallback chain, circuit breaker</span></legend>
-        <% rel = @agent.reliability || {}; brk = rel["circuit_breaker"] || {} %>
-        <div class="grid-3">
-          <label>retries
-            <input type="text" name="reliability_retries" value="<%= rel["retries"] %>" inputmode="numeric">
-          </label>
-          <label>backoff
-            <select name="reliability_backoff">
-              <option value="">none</option>
-              <% %w[constant exponential].each do |m| %>
-                <option value="<%= m %>"<%== ' selected' if rel["backoff"] == m %>><%= m %></option>
-              <% end %>
-            </select>
-          </label>
-          <label>timeout (s)
-            <input type="text" name="reliability_timeout" value="<%= rel["timeout"] %>" placeholder="30" inputmode="numeric">
-          </label>
-          <label>breaker after <span class="muted">(failures)</span>
-            <input type="text" name="reliability_breaker_after" value="<%= brk["after"] %>" inputmode="numeric">
-          </label>
-          <label>breaker within (s)
-            <input type="text" name="reliability_breaker_within" value="<%= brk["within"] %>" inputmode="numeric">
-          </label>
-          <label>breaker cooldown (s)
-            <input type="text" name="reliability_breaker_cooldown" value="<%= brk["cooldown"] %>" inputmode="numeric">
-          </label>
-        </div>
-        <label>fallback models <span class="muted">(comma-separated refs, tried after retries)</span>
-          <input type="text" name="reliability_fallback" value="<%= agent_list(rel["fallback"]) %>" placeholder="openai/gpt-4o-mini">
-        </label>
-      </fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="routing"<%== " hidden" unless @config_group == "routing" %>>
-      <fieldset class="subgroup">
-        <legend>routing, media, alerts &amp; the edge</legend>
-        <label>routes <span class="muted">— WS4 JSON: intent → description / delegate / stuck (blank = no routing)</span>
-          <textarea name="routes" rows="4" spellcheck="false" class="mono" placeholder='{ "shopping": "the customer wants to browse", "default": "shopping" }'><%= agent_json(@agent.routes) %></textarea>
-        </label>
-        <label>outputs <span class="muted">— WS9 JSON: generated media the agent may produce (blank = none)</span>
-          <textarea name="outputs" rows="3" spellcheck="false" class="mono" placeholder='{ "image": { "model": "gpt-image-1" } }'><%= agent_json(@agent.outputs) %></textarea>
-        </label>
-        <div class="grid-2">
-          <label>alerts webhook <span class="muted">(budget_warning / breaker_open / delivery_failed)</span>
-            <input type="text" name="alerts_webhook" value="<%= @agent.alerts && @agent.alerts["webhook"] %>" placeholder="https://ops.example.com/insika-alerts">
-          </label>
-          <label class="check">
-            <input type="checkbox" name="stuck_signal" value="1"<%== " checked" if @agent.stuck_signal %>>
-            stuck signal <span class="muted">— the model may end a turn <code>stuck</code> (WS5)</span>
-          </label>
-        </div>
-        <div class="grid-2">
-          <label class="check">
-            <input type="checkbox" name="edge_thinking" value="1"<%== " checked" if @agent.stream_public?(:thinking) %>>
-            stream reasoning to the customer
-          </label>
-          <label class="check">
-            <input type="checkbox" name="edge_intermediate" value="1"<%== " checked" if @agent.stream_public?(:intermediate) %>>
-            stream tool-loop narration to the customer
-          </label>
-        </div>
-        <p class="muted">both off = the answer only; the Studio and the trace always keep the rest.</p>
-      </fieldset>
-          </div>
-
-          <div class="config-group" data-config-group="advanced"<%== " hidden" unless @config_group == "advanced" %>>
-      <fieldset class="subgroup">
-        <legend>capabilities <span class="muted">— comma-separated; blank = none (opt-in)</span></legend>
-        <div class="grid-2">
-          <label>subagents
-            <input type="text" name="subagents" value="<%= agent_list(@agent.subagents) %>" placeholder="order-agent, security">
-          </label>
-          <label>capabilities
-            <input type="text" name="capabilities" value="<%= agent_list(@agent.capabilities) %>">
-          </label>
-          <label>tools_deferred <span class="muted">(searchable-not-wired tools)</span>
-            <input type="text" name="tools_deferred" value="<%= agent_list(@agent.tools_deferred) %>">
-          </label>
-          <label>briefing_fields <span class="muted">(per-session state the agent keeps)</span>
-            <input type="text" name="briefing_fields" value="<%= agent_list(@agent.briefing_fields) %>" placeholder="customer_name, wishlist">
-          </label>
-        </div>
-      </fieldset>
-
-      <fieldset class="subgroup">
-        <legend>allowlists <span class="muted">— comma-separated; blank = all (open) or none, per field</span></legend>
-        <div class="grid-2">
-          <label>context providers <span class="muted">(blank = all)</span>
-            <input type="text" name="context_providers" value="<%= agent_list(@agent.context_providers) %>">
-          </label>
-          <label>workflows <span class="muted">(blank = all)</span>
-            <input type="text" name="workflows_allow" value="<%= agent_list(@agent.workflows_allow) %>">
-          </label>
-          <label>approvals required <span class="muted">(tools whose call suspends for a human)</span>
-            <input type="text" name="approvals_required" value="<%= agent_list(@agent.approvals_required) %>" placeholder="send_discount_coupon">
-          </label>
-          <label>policies <span class="muted">(registry names)</span>
-            <input type="text" name="policies" value="<%= agent_list(@agent.policies) %>" placeholder="tool_allowlist, skill_allowlist">
-          </label>
-          <label>prompt refs <span class="muted">(catalog names)</span>
-            <input type="text" name="prompt_refs" value="<%= agent_list(@agent.prompt_refs) %>">
-          </label>
-          <label>declares <span class="muted">(facts about this deployment, read by evals)</span>
-            <input type="text" name="capabilities_declared" value="<%= agent_list(@agent.capabilities_declared) %>" placeholder="promotions, human_handoff">
-          </label>
-        </div>
-      </fieldset>
-
-      <fieldset class="subgroup">
-        <legend>behaviour switches</legend>
-        <label>skills_eager <span class="muted">(blank = progressive loading; <code>all</code> = every allowed skill each turn; or a comma list)</span>
-          <input type="text" name="skills_eager" value="<%= @agent.skills_eager == true ? "all" : agent_list(@agent.skills_eager) %>" placeholder="all">
-        </label>
-        <label class="check">
-          <input type="checkbox" name="prompt_caching" value="1"<%== " checked" if @agent.prompt_caching %>>
-          prompt caching <span class="muted">— Anthropic breakpoint; ON requires a byte-stable system prompt</span>
-        </label>
-        <label class="check">
-          <input type="checkbox" name="tool_output_compression" value="1"<%== " checked" if @agent.tool_output_compression %>>
-          tool output compression <span class="muted">— mechanical dedupe of repeated tool results</span>
-        </label>
-        <label class="check">
-          <input type="checkbox" name="tool_persistence" value="1"<%== " checked" unless @agent.tool_persistence == false %>>
-          tool persistence <span class="muted">— the engine's "Tool discipline" prompt block (retry weak/empty tool results differently); ON by default</span>
-        </label>
-      </fieldset>
-
-      <fieldset class="subgroup">
-        <legend>metadata <span class="muted">— free-form JSON, stable per agent (home of <code>store_id</code>)</span></legend>
-        <textarea name="metadata" rows="3" spellcheck="false" class="mono" placeholder='{ "store_id": "acme" }'><%= agent_json(@agent.metadata) %></textarea>
-      </fieldset>
-          </div>
-        </form>
-      </div>
-    </section>
-  </div>
-</section>
-
-<!-- ── Prompts / identity (drill: file list | editor, like skills) ────────── -->
-<section class="section" id="prompts" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>Prompts <span class="pill info plain"><%= @prompt_files.size %></span></h2>
-    <p class="muted">the agent's own identity (store-backed, versioned). Empty = uses the deployment default.</p>
-  </div>
+    <a class="btn primary" href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>">Open playground →</a>
+  </header>
 
   <div class="drill" data-controller="list-filter">
-    <aside class="drill-pane drill-master">
+    <%== render("_agents_master", locals: { active_id: @agent.id }) %>
+<% end %>
+    <turbo-frame id="agent-detail" class="drill-pane drill-detail">
+      <%# A frame response never sees the layout, so the flash strip lives here
+          too — without it, save confirmations would vanish on frame submits
+          (the layout's copy only renders on full pages). %>
+      <% if frame_only %>
+        <% if flash["error"] %><div class="flash err" role="alert"><%= flash["error"] %></div><% end %>
+        <% if flash["notice"] %><div class="flash ok" role="status"><%= flash["notice"] %></div><% end %>
+      <% end %>
       <div class="drill-pane-head">
-        <div class="title"><strong>Prompt files <span class="count"><%= @prompt_files.size %></span></strong></div>
-        <a class="btn primary btn-sm" href="<%= agent_path(@agent.id) %>/prompts/new#prompts">+ new</a>
-      </div>
-      <div class="drill-search">
-        <input type="search" class="filter-input" placeholder="Search prompts…" aria-label="Filter prompts"
-               data-list-filter-target="query" data-action="input->list-filter#filter keydown->list-filter#clear">
-      </div>
-      <nav class="drill-pane-body drill-list" aria-label="prompt files">
-        <% if @prompt_files.empty? %>
-          <div class="empty">No prompt files yet — create the first one.</div>
-        <% else %>
-          <% @prompt_files.each do |pf| %>
-            <a class="drill-item<%== ' active' if @prompt_selected == pf[:name] %>"
-               href="<%= agent_path(@agent.id) %>/prompts/<%= Rack::Utils.escape(pf[:name]) %>#prompts"
-               data-list-filter-target="item" data-filter-text="<%= pf[:name] %>">
-              <div class="drill-item-name"><span class="txt"><%= pf[:name] %></span></div>
-              <div class="drill-item-sub"><%= pf[:versions].size %> version<%= 's' unless pf[:versions].size == 1 %></div>
-            </a>
-          <% end %>
-          <div class="empty" data-list-filter-target="empty" hidden>No prompts match your filter.</div>
-        <% end %>
-      </nav>
-    </aside>
-
-    <section class="drill-pane drill-detail">
-      <% if @prompt_selected.nil? %>
-        <div class="drill-empty">
-          <div>
-            <h2>Prompts</h2>
-            <p>Pick a prompt file on the left to edit it — or <a href="<%= agent_path(@agent.id) %>/prompts/new#prompts">create a new one</a>.</p>
-          </div>
-        </div>
-      <% else %>
-        <% new = @prompt_selected == "" %>
-        <% pf = new ? nil : @prompt_files.find { |f| f[:name] == @prompt_selected } %>
-        <div class="drill-pane-head">
-          <div class="title">
-            <strong class="mono"><%= new ? "New prompt file" : @prompt_selected %></strong>
-          </div>
-          <button type="submit" form="prompt-form" class="btn primary" data-turbo-submits-with="Saving…"><%= new ? "Create prompt" : "Save prompt" %></button>
+        <div class="title">
+          <strong class="mono"><%= @agent.id %></strong>
+          <span class="count"><%= @agent.model %><%== " · #{h(@agent.provider)}" if @agent.provider %></span>
         </div>
-        <div class="drill-pane-body">
-          <form id="prompt-form" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/prompts" data-controller="dirty-guard">
-            <%== csrf_tag %>
-            <% if new %>
-              <label>file name <span class="muted">(e.g. <code>IDENTITY.md</code>)</span>
-                <input type="text" name="file" placeholder="IDENTITY.md" required>
-              </label>
-            <% else %>
-              <input type="hidden" name="file" value="<%= @prompt_selected %>">
-            <% end %>
-            <label>content <span class="muted">(markdown — the agent's identity/voice)</span></label>
-            <div data-controller="code-editor" data-code-editor-language-value="markdown" data-code-editor-preview-value="true">
-              <textarea name="content" data-code-editor-target="source" rows="18"><%= new ? "" : (pf ? pf[:content] : "") %></textarea>
-            </div>
-          </form>
-
-          <% if !new && pf %>
-            <% unless pf[:versions].empty? %>
-              <div class="drill-section">
-                <div class="drill-section-head">
-                  <h3>Versions</h3>
-                  <span class="muted">store-backed history — restore replaces the current content.</span>
-                </div>
-                <ul class="versions-list">
-                  <% pf[:versions].each_with_index do |v, i| %>
-                    <li>
-                      <span class="muted mono"><%= v["at"] %></span>
-                      <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/prompts/restore">
-                        <%== csrf_tag %>
-                        <input type="hidden" name="file" value="<%= pf[:name] %>">
-                        <input type="hidden" name="version" value="<%= i %>">
-                        <button type="submit" class="ghost">Restore</button>
-                      </form>
-                    </li>
-                  <% end %>
-                </ul>
-              </div>
-            <% end %>
-
-            <div class="drill-section">
-              <div class="drill-section-head">
-                <h3>Remove</h3>
-                <span class="muted">deletes the file and drops it from <code>prompt_files</code> — the agent falls back to the deployment default.</span>
-              </div>
-              <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/prompts/delete" data-turbo-confirm="Remove prompt file &quot;<%= pf[:name] %>&quot;? This can't be undone.">
-                <%== csrf_tag %>
-                <input type="hidden" name="file" value="<%= pf[:name] %>">
-                <div class="actions"><button type="submit" class="danger" data-turbo-submits-with="Removing…">Remove this file</button></div>
-              </form>
-            </div>
-          <% end %>
+        <a class="btn btn-sm" href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>" data-turbo-frame="_top">Test in playground</a>
+      </div>
+      <div class="drill-pane-body">
+        <div class="tabs-page" data-controller="tabs" data-tabs-default-value="<%= @active_tab %>">
+          <nav class="subnav" aria-label="agent sections">
+            <%# data-turbo="false": these are plain in-page hash links. Without
+                the opt-out, Turbo intercepts them as frame navigations (they sit
+                inside turbo-frame#agent-detail), dropping the #fragment and
+                re-fetching the frame instead of letting the browser set
+                location.hash — which is the only thing tabs_controller reads. %>
+            <a href="#config" data-tabs-target="tab" data-turbo="false">config</a>
+            <a href="#prompts" data-tabs-target="tab" data-turbo="false">prompts</a>
+            <a href="#skills" data-tabs-target="tab" data-turbo="false">skills</a>
+            <a href="#memory" data-tabs-target="tab" data-turbo="false">memory</a>
+            <a href="#outcomes" data-tabs-target="tab" data-turbo="false">outcomes</a>
+            <a href="#loops" data-tabs-target="tab" data-turbo="false">loops</a>
+            <a href="#cache" data-tabs-target="tab" data-turbo="false">cache</a>
+            <a href="#history" data-tabs-target="tab" data-turbo="false">history</a>
+          </nav>
+
+          <%== render("_agent_tab_config") %>
+          <%== render("_agent_tab_prompts") %>
+          <%== render("_agent_tab_skills") %>
+          <%== render("_agent_tab_memory") %>
+          <%== render("_agent_tab_loops") %>
+          <%== render("_agent_tab_outcomes") %>
+          <%== render("_agent_tab_cache") %>
+          <%== render("_agent_tab_history") %>
         </div>
-      <% end %>
-    </section>
-  </div>
-</section>
-
-<!-- ── Agent skills ──────────────────────────────────────────────────────── -->
-<section class="section" id="skills" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>Skills</h2>
-    <p class="muted">which catalog skills this agent may load (<code>load_skill</code>).</p>
-  </div>
-  <form class="card" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/skills" data-controller="toggle-counter">
-    <%== csrf_tag %>
-    <div class="matrix-topline">
-      <% if @all_skills.empty? %>
-        <span class="muted">No skills in the catalog yet — create one under <a href="/studio/skills/new">skills → new</a>.</span>
-      <% else %>
-        <span class="count-badge mono" data-toggle-counter-target="count"><%= @agent_skills.nil? ? "all" : "#{@agent_skills.size}/#{@all_skills.size} on" %></span>
-        <label class="switch" title="open allowlist — every catalog skill flows through">
-          <input type="checkbox" name="all_skills" value="1"<%== " checked" if @agent_skills.nil? %>
-                 data-toggle-counter-target="all" data-action="change->toggle-counter#update">
-          <span class="switch-track" aria-hidden="true"></span>
-          <span class="switch-label">all skills</span>
-        </label>
-      <% end %>
-    </div>
-    <% unless @all_skills.empty? %>
-      <div class="check-grid tool-grid" data-toggle-counter-target="grid">
-        <% @all_skills.sort_by(&:name).each do |s| %>
-          <label class="check tool-check">
-            <input type="checkbox" name="skills[]" value="<%= s.name %>"<%== " checked" if @agent_skills&.include?(s.name) %>
-                   data-toggle-counter-target="tool" data-locked="false" data-action="change->toggle-counter#update">
-            <span class="mono"><%= s.name %></span>
-          </label>
-        <% end %>
       </div>
-    <% end %>
-    <div class="actions">
-      <button type="submit" class="primary" data-turbo-submits-with="Saving…">Save skills</button>
-      <a class="btn ghost" href="/studio/tools">Edit tools →</a>
-    </div>
-  </form>
-</section>
-
-<!-- ── Agent memory (tenant = id) ────────────────────────────────────────── -->
-<section class="section" id="memory" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>Memory</h2>
-    <p class="muted">facts and notes the agent reads each turn (tenant <code><%= @agent.id %></code>).</p>
-  </div>
-  <div class="card">
-    <h3>Facts</h3>
-    <% if @facts.empty? %>
-      <p class="muted">No facts.</p>
-    <% else %>
-      <ul class="kv">
-        <% @facts.each do |f| %>
-          <li>
-            <span class="k mono"><%= f.key %></span>
-            <span class="v"><%= f.value %></span>
-            <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/memory/forget" data-turbo-confirm="Forget &quot;<%= f.key %>&quot;? The agent loses this fact from the next turn on.">
-              <%== csrf_tag %>
-              <input type="hidden" name="key" value="<%= f.key %>">
-              <button type="submit" class="ghost danger" data-turbo-submits-with="Forgetting…">Forget</button>
-            </form>
-          </li>
-        <% end %>
-      </ul>
-    <% end %>
-    <form class="inline-form" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/memory/fact">
-      <%== csrf_tag %>
-      <input type="text" name="key" placeholder="key (e.g. customer_name)" required>
-      <input type="text" name="value" placeholder="value" required>
-      <button type="submit" class="primary" data-turbo-submits-with="Saving…">Save fact</button>
-    </form>
-  </div>
-
-  <div class="card">
-    <h3>Notes <span class="muted">(recent)</span></h3>
-    <% if @notes.empty? %>
-      <p class="muted">No notes.</p>
-    <% else %>
-      <ul class="notes">
-        <% @notes.each do |n| %>
-          <li><span class="muted mono"><%= n.created_at %></span> <%= n.text %></li>
-        <% end %>
-      </ul>
-    <% end %>
-    <form class="inline-form" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/memory/note">
-      <%== csrf_tag %>
-      <input type="text" name="text" placeholder="free-form note…" required>
-      <button type="submit" class="primary" data-turbo-submits-with="Adding…">Add note</button>
-    </form>
+    </turbo-frame>
+<% unless frame_only %>
   </div>
-</section>
-
-<!-- ── Automatic loops ─────────────────────────────────────────────────────── -->
-<section class="section" id="loops" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>Automatic loops</h2>
-    <p class="muted">each loop runs on its own worker fiber when this agent declares it — no cron, no restart. The buttons ask for a pass NOW, without waiting for the window; the loops that need a human (facts, skills, edits) always stop at the gate.</p>
-  </div>
-
-  <% distill_on = Insika::Coercion.truthy?((@agent.distill || {})["enabled"]) %>
-  <% harvest_on = Insika::Coercion.truthy?((@agent.harvest || {})["enabled"]) %>
-  <div class="card">
-    <div class="section-head">
-      <h3>Distillation <span class="muted">— idle conversations → fact proposals</span></h3>
-      <span class="pill <%= distill_on ? 'ok' : 'info' %>"><%= distill_on ? "active · idle #{(@agent.distill["idle_hours"] || 6)}h" : "off" %></span>
-    </div>
-    <p class="muted">Proposals land on the <a href="/studio/facts">Facts page</a> — nothing is ever applied without your click. Runs automatically on the engine's window.</p>
-    <% if distill_on && insika[:command_bus].registered?(:run_distillation) %>
-      <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/distill" class="actions">
-        <%== csrf_tag %>
-        <button type="submit" class="primary" data-turbo-submits-with="Distilling…">Run distillation now</button>
-        <span class="muted">the due sessions (idle, long enough, undistilled)</span>
-      </form>
-    <% end %>
-  </div>
-
-  <div class="card">
-    <div class="section-head">
-      <h3>Harvest <span class="muted">— idle traffic → skill candidates</span></h3>
-      <span class="pill <%= harvest_on ? 'ok' : 'info' %>"><%= harvest_on ? "active · idle #{(@agent.harvest["idle_hours"] || 24)}h" : "off" %></span>
-    </div>
-    <p class="muted">Candidates are double-gated and promoted by a human on the <a href="/studio/harvest?agent=<%= Rack::Utils.escape(@agent.id) %>">Harvest page</a>. Runs automatically on the engine's window.</p>
-    <% if harvest_on && insika[:command_bus].registered?(:run_harvest) %>
-      <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/harvest" class="actions">
-        <%== csrf_tag %>
-        <button type="submit" class="primary" data-turbo-submits-with="Mining…">Run harvest now</button>
-        <span class="muted">mines one window of this agent's finished traffic</span>
-      </form>
-    <% end %>
-  </div>
-
-  <div class="card">
-    <div class="section-head">
-      <h3>Refinement <span class="muted">— traffic → ranked findings</span></h3>
-      <span class="pill info"><%= @agent.refinement ? "configured · #{(@agent.refinement["mode"] || "report")}" : "report-only" %></span>
-    </div>
-    <p class="muted">A run reads this agent's own traffic and records what broke, ranked. It never edits the agent unless <span class="mono">auto_apply</span> is declared. Results on the <a href="/studio/refinement?agent=<%= Rack::Utils.escape(@agent.id) %>">Refinement page</a>.</p>
-    <% if insika[:command_bus].registered?(:run_refinement) %>
-      <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/refinement" class="actions">
-        <%== csrf_tag %>
-        <button type="submit" class="primary" data-turbo-submits-with="Reading traffic…">Run refinement now</button>
-        <span class="muted">no model call — the collector reads stores only</span>
-      </form>
-    <% end %>
-  </div>
-</section>
-
-<!-- ── Outcomes (WS7) ────────────────────────────────────────────────────── -->
-<section class="section" id="outcomes" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>Outcomes</h2>
-    <p class="muted">business results recorded via <code>POST /v1/outcomes</code> — last outcome and per-day series. The engine transports them; it does not interpret them.</p>
-  </div>
-  <div class="card">
-    <% if @latest_outcome %>
-      <p>last
-        <span class="pill <%= @latest_outcome[:outcome] == "conversion" ? "ok" : "warn" %>"><%= @latest_outcome[:outcome] %><%== format(" · R$ %0.2f", @latest_outcome[:value]) if @latest_outcome[:value] && @latest_outcome[:value].positive? %></span>
-        <span class="muted mono"><%= @latest_outcome[:at] %></span>
-      </p>
-    <% end %>
-    <% if @outcome_series.nil? || @outcome_series.empty? %>
-      <p class="muted">No outcomes recorded.</p>
-    <% else %>
-      <ul class="kv">
-        <% @outcome_series.sort.reverse.each do |day, by_outcome| %>
-          <li>
-            <span class="k mono"><%= day %></span>
-            <span class="v"><%= by_outcome.map { |name, cell|
-              bits = ["#{name} ×#{cell[:count]}"]
-              bits << format("R$ %0.2f", cell[:value]) if cell[:value].to_f.positive?
-              bits.join(" · ")
-            }.join(" · ") %></span>
-          </li>
-        <% end %>
-      </ul>
-    <% end %>
-  </div>
-</section>
-
-<!-- ── Cache  ─────────────────────────────────────────────────── -->
-<section class="section" id="cache" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>Cache</h2>
-    <p class="muted">prefix cache-hit per turn (provider-reported) — the invalidation reason names the first block whose bytes changed vs the previous turn.</p>
-  </div>
-  <div class="card">
-    <% if @cache_series.empty? %>
-      <p class="muted">No turns recorded.</p>
-    <% else %>
-      <ul class="kv">
-        <% @cache_series.last(20).reverse.each do |c| %>
-          <li>
-            <span class="k mono"><%= c["at"] %></span>
-            <span class="v">
-              <%== c["hit_pct"].nil? ? "—" : "#{c['hit_pct']}% cached" %>
-              · <%= c["cached_tokens"] %>/<%= c["prompt_tokens"] %> tokens
-              <% if c["invalidation_reason"] %><span class="lat">broke: <%= c["invalidation_reason"] %></span><% end %>
-            </span>
-          </li>
-        <% end %>
-      </ul>
-    <% end %>
-  </div>
-</section>
-
-<!-- ── History ───────────────────────────────────────────────────────────── -->
-<section class="section" id="history" data-tabs-target="panel">
-  <div class="section-head">
-    <h2>History</h2>
-    <p class="muted">recent conversations (all agents — a session doesn't stamp its author).</p>
-  </div>
-  <% if @recent_sessions.empty? %>
-    <div class="empty">No conversations yet. Start one in the <a href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>">playground</a>.</div>
-  <% else %>
-    <div class="card">
-      <ul class="history">
-        <% @recent_sessions.each do |s| %>
-          <li>
-            <a href="/studio/sessions/<%= Rack::Utils.escape(s.id) %>">
-              <span class="mono"><%= s.id[0, 12] %></span>
-            </a>
-            <span class="muted"><%= Array(s.messages).size %> msg · <%= s.updated_at %></span>
-            <% if (p = session_preview(s)) %><span class="preview muted"><%= p[0, 80] %></span><% end %>
-          </li>
-        <% end %>
-      </ul>
-    </div>
-  <% end %>
-</section>
-</div>
+<% end %>