insika 0.2.0 → 0.3.0

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

@@ -1,26 +1,66 @@
 <header class="page-head">
   <div>
     <nav class="crumbs"><a href="/studio/agents">agents</a> / <span><%= @agent.id %></span></nav>
-    <h1><span class="avatar sm"><%= @agent.id[0, 2].upcase %></span><%= @agent.id %>
+    <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>
 
-<nav class="subnav">
-  <a href="#config">config</a>
-  <a href="#prompts">prompts</a>
-  <a href="#skills">skills</a>
-  <a href="#memory">memory</a>
-  <a href="#history">history</a>
+<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">
-  <div class="section-head"><h2>Configuration</h2><p class="muted">model, provider, memory, limits, generation params and the model fence — saved via <code>update_agent</code>.</p></div>
-  <form class="card" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/config">
-    <%== csrf_tag %>
+<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">
@@ -46,7 +86,7 @@
     </div>
     <label class="check">
       <input type="checkbox" name="memory" value="1"<%== " checked" if @agent.memory %>>
-      cross-session memory (the BIA remembers across conversations)
+      cross-session memory (the agent remembers across conversations)
     </label>
 
     <fieldset class="subgroup">
@@ -67,7 +107,9 @@
     <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">
@@ -106,95 +148,482 @@
         </div>
       </details>
     </fieldset>
+          </div>
 
-    <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Saving…">Save config</button></div>
-  </form>
+          <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 (island code-editor) ───────────────────────────── -->
-<section class="section" id="prompts">
+<!-- ── 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 BIA's own identity (store-backed, versioned). Empty = uses the deployment default.</p>
+    <p class="muted">the agent's own identity (store-backed, versioned). Empty = uses the deployment default.</p>
   </div>
 
-  <% if @prompt_files.empty? %>
-    <div class="empty">No authored prompts. Create a file below (e.g. <code>IDENTITY.md</code>) to give this agent its own identity.</div>
-  <% end %>
-
-  <% @prompt_files.each do |pf| %>
-    <div class="card promptfile">
-      <div class="promptfile-head">
-        <strong class="mono"><%= pf[:name] %></strong>
-        <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] %>">
-          <button type="submit" class="ghost danger" data-turbo-submits-with="Removing…">Remove</button>
-        </form>
+  <div class="drill" data-controller="list-filter">
+    <aside class="drill-pane drill-master">
+      <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>
-      <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/prompts" data-controller="dirty-guard">
-        <%== csrf_tag %>
-        <input type="hidden" name="file" value="<%= pf[:name] %>">
-        <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="10"><%= pf[:content] %></textarea>
+      <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>
-        <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Saving…">Save prompt</button></div>
-      </form>
-      <% unless pf[:versions].empty? %>
-        <details class="versions">
-          <summary><%= pf[:versions].size %> previous version(s)</summary>
-          <ul>
-            <% 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>
+      <% 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>
+        <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 %>
-          </ul>
-        </details>
-      <% end %>
-    </div>
-  <% 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>
 
-  <details class="card newfile">
-    <summary>+ new prompt file</summary>
-    <form method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/prompts" data-controller="dirty-guard">
-      <%== csrf_tag %>
-      <label>file name
-        <input type="text" name="file" placeholder="IDENTITY.md" required>
-      </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="8" placeholder="# Identity&#10;You are..."></textarea>
-      </div>
-      <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Creating…">Create prompt</button></div>
-    </form>
-  </details>
+          <% 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 %>
+        </div>
+      <% end %>
+    </section>
+  </div>
 </section>
 
 <!-- ── Agent skills ──────────────────────────────────────────────────────── -->
-<section class="section" id="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">
+  <form class="card" method="post" action="/studio/agents/<%= Rack::Utils.escape(@agent.id) %>/skills" data-controller="toggle-counter">
     <%== csrf_tag %>
-    <label class="check">
-      <input type="checkbox" name="all_skills" value="1"<%== " checked" if @agent_skills.nil? %>>
-      all skills (open allowlist)
-    </label>
-    <% if @all_skills.empty? %>
-      <p class="muted">No skills in the catalog. Create one under <a href="/studio/skills/new">skills → new</a>.</p>
-    <% else %>
-      <div class="check-grid">
+    <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">
-            <input type="checkbox" name="skills[]" value="<%= s.name %>"<%== " checked" if @agent_skills&.include?(s.name) %>>
+          <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 %>
@@ -208,10 +637,10 @@
 </section>
 
 <!-- ── Agent memory (tenant = id) ────────────────────────────────────────── -->
-<section class="section" id="memory">
+<section class="section" id="memory" data-tabs-target="panel">
   <div class="section-head">
     <h2>Memory</h2>
-    <p class="muted">facts and notes the BIA reads each turn (tenant <code><%= @agent.id %></code>).</p>
+    <p class="muted">facts and notes the agent reads each turn (tenant <code><%= @agent.id %></code>).</p>
   </div>
   <div class="card">
     <h3>Facts</h3>
@@ -259,8 +688,121 @@
   </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">
+<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>
@@ -283,3 +825,4 @@
     </div>
   <% end %>
 </section>
+</div>