insika 0.3.0 → 0.8.0

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

@@ -0,0 +1,51 @@
+<!-- ── 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>
+  </div>
+</section>

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

@@ -0,0 +1,31 @@
+<!-- ── 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>

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

@@ -0,0 +1,108 @@
+<!-- ── 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>
+
+  <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" data-turbo-action="advance">+ 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-turbo-action="advance"
+               data-list-filter-target="item" data-filter-text="<%= pf[:name] %>">
+              <div class="drill-item-name"><span class="txt" title="<%= pf[:name] %>"><%= 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" data-turbo-action="advance">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>
+        <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 %>
+        </div>
+      <% end %>
+    </section>
+  </div>
+</section>

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

@@ -0,0 +1,38 @@
+<!-- ── 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" data-turbo-frame="_top">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" data-turbo-frame="_top">Edit tools →</a>
+    </div>
+  </form>
+</section>

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

@@ -0,0 +1,44 @@
+<%# Master column of the Agents miller shell — rendered by the
+    index (agents.erb) and the detail (agent_detail.erb). Rows target the
+    agent-detail turbo-frame with data-turbo-action="advance": the detail
+    loads beside the list while the URL moves, so refresh/deep-link render the
+    same screen. Locals: active_id lights the current row (nil on the index);
+    show_outcomes renders the last-outcome pills (index only — the detail's
+    outcomes tab is THAT agent's series, so foreign pills would blur it). %>
+<aside class="drill-pane drill-master">
+  <div class="drill-pane-head">
+    <div class="title"><strong>Agents <span class="count"><%= @agents.size %></span></strong></div>
+    <a class="btn primary btn-sm" href="/studio/agents" data-turbo-frame="_top">+ new</a>
+  </div>
+  <div class="drill-search">
+    <input type="search" class="filter-input" placeholder="Filter agents by id, model or provider…" aria-label="Filter agents"
+           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="agents" data-controller="active-link">
+    <% active_id = defined?(active_id) ? active_id : nil %>
+    <% show_outcomes = defined?(show_outcomes) ? show_outcomes : false %>
+    <% if @agents.empty? %>
+      <div class="empty">No agents yet. Create your first agent from the pane on the right.</div>
+    <% else %>
+      <% @agents.each do |a| %>
+        <a class="drill-item<%== ' active' if a.id == active_id %>"
+           href="/studio/agents/<%= Rack::Utils.escape(a.id) %>"
+           data-turbo-frame="agent-detail" data-turbo-action="advance"
+           data-list-filter-target="item" data-filter-text="<%= a.id %> <%= a.model %> <%= a.provider %>"
+           data-active-link-target="item" data-action="click->active-link#select">
+          <div class="drill-item-name">
+            <span class="avatar sm <%= avatar_class(a.id) %>"><%= a.id[0, 2].upcase %></span>
+            <span class="txt" title="<%= a.id %>"><%= a.id %></span>
+            <% if a.memory %><span class="pill plain">mem</span><% end %>
+            <% if show_outcomes && (latest = @latest_outcomes&.dig(a.id)) %>
+              <span class="pill <%= latest[:outcome] == "conversion" ? "ok" : "warn" %>"
+                    title="last outcome recorded via /v1/outcomes"><%= latest[:outcome] %><%== format(" · R$ %0.2f", latest[:value]) if latest[:value] && latest[:value].positive? %></span>
+            <% end %>
+          </div>
+          <div class="drill-item-sub"><%= a.model %><%== " · #{h(a.provider)}" if a.provider %></div>
+        </a>
+      <% end %>
+      <div class="empty" data-list-filter-target="empty" hidden>No agents match your filter.</div>
+    <% end %>
+  </nav>
+</aside>

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

@@ -1,44 +1,61 @@
-<%# Shared transcript bubble/tool-card — one visual language for the
-    playground history, the optimistic echo and the read-only session viewer.
-    Locals: m = stored message hash {"role","content","at"}; prev = the message before
-    it in the thread, or nil (used only to spot a steered message). `content` may be a
-    String or a structured payload (rendered as pretty JSON, never #inspect).
+<%# Shared transcript bubble/tool-chip — one visual language for the
+    playground history, the optimistic echo and the read-only session viewer
+    (transcript as product). Locals: m = stored message hash
+    {"role","content","at"}; prev = the message before it in the thread, or nil
+    (used only to spot a steered message). `content` may be a String or a
+    structured payload (rendered as pretty JSON, never #inspect).
     Assistant bubbles carry data-controller="markdown" (markdown.js re-escapes
-    before markup — safe under the strict CSP). %>
+    before markup — safe under the strict CSP). The markup contract here is
+    mirrored by live_transcript_controller.js — change both or neither. %>
 <% role = m["role"].to_s %>
 <% at = short_time(m["at"]) %>
 <% if role == "tool" %>
+  <% artifact_url = artifact_link_in(m["content"]) %>
+  <% if artifact_url %>
+    <p class="artifact-chip"><%== chip_icon(:artifact) %><a class="btn sm" href="<%= artifact_url %>" target="_blank" rel="noopener">open artifact</a></p>
+  <% end %>
   <details class="toolcard result">
-    <summary><span class="arrow">←</span><strong>tool result</strong><% unless at.empty? %><time class="stamp" datetime="<%= m["at"] %>"><%= at %></time><% end %></summary>
+    <summary><%== chip_icon(:result) %><strong>tool result</strong><% unless at.empty? %><time class="stamp" datetime="<%= m["at"] %>"><%= at %></time><% end %></summary>
     <pre><%= message_content(m["content"]) %></pre>
   </details>
 <% else %>
+  <%# `role` says where a message sits; `origin` says who wrote it, and the two
+      come apart (the engine delivering a subagent result as a "user" turn, a
+      guardrail's canned reply, a human operator after a handoff). Shown only
+      when it is NOT the natural producer for the role — otherwise every bubble
+      would carry a label that says nothing. %>
+  <% origin = Insika::MessageOrigin.origin_of(m) unless Insika::MessageOrigin.customer?(m) || Insika::MessageOrigin.agent?(m) %>
+  <%# STEERED: a customer message sitting right after a tool result arrived
+      while the turn was running and was appended at a tool-batch boundary. Derived
+      from position, not from a field — a steered message declares no origin, and it
+      is right not to: a person typed it. Nothing else in the engine ever puts a user
+      message after a tool result. Without the marker an operator reads two customer
+      messages in one turn with no explanation. %>
+  <% steered = role == "user" && prev && prev["role"].to_s == "tool" %>
+  <% calls = Array(m["tool_calls"]) %>
+  <%# A tool-call step with no prose renders no bubble at all — only its chips.
+      An empty bubble would be noise between "the model spoke" and "it called". %>
+  <% show_bubble = !(m["content"].to_s.empty? && calls.any?) %>
   <div class="msg <%= role %>">
-    <div class="who"><%= role[0, 1].upcase %></div>
-    <div class="bubble">
-      <%# `role` says where a message sits; `origin` says who wrote it, and the two
-          come apart (the engine delivering a subagent result as a "user" turn, a
-          guardrail's canned reply, a human operator after a handoff). Shown only
-          when it is NOT the natural producer for the role — otherwise every bubble
-          would carry a label that says nothing. %>
-      <% origin = Insika::MessageOrigin.origin_of(m) unless Insika::MessageOrigin.customer?(m) || Insika::MessageOrigin.agent?(m) %>
-      <%# STEERED: a customer message sitting right after a tool result arrived
-          while the turn was running and was appended at a tool-batch boundary. Derived
-          from position, not from a field — a steered message declares no origin, and it
-          is right not to: a person typed it. Nothing else in the engine ever puts a user
-          message after a tool result. Without the marker an operator reads two customer
-          messages in one turn with no explanation. %>
-      <% steered = role == "user" && prev && prev["role"].to_s == "tool" %>
-      <div class="role-tag"><%= role %><% if origin %> · <span class="origin"><%= origin %></span><% end %><% if steered %> · <span class="origin">steered</span><% end %><% unless at.empty? %> · <time class="stamp" datetime="<%= m["at"] %>"><%= at %></time><% end %></div>
-      <% unless m["content"].to_s.empty? && Array(m["tool_calls"]).any? %>
-        <div class="content<%== ' md' if role == 'assistant' %>"<%== ' data-controller="markdown"' if role == 'assistant' %>><%= message_content(m["content"]) %></div>
-      <% end %>
-      <% Array(m["tool_calls"]).each do |tc| %>
-        <details class="toolcard">
-          <summary><span class="arrow">→</span><strong><%= tc["name"] %></strong></summary>
-          <pre><%= message_content(tc["arguments"]) %></pre>
-        </details>
-      <% end %>
+    <div class="msg-meta">
+      <span class="msg-role"><%= role %></span>
+      <% if origin %><span class="origin"><%= origin %></span><% end %>
+      <% if steered %><span class="origin">steered</span><% end %>
+      <% unless at.empty? %><time class="stamp" datetime="<%= m["at"] %>"><%= at %></time><% end %>
     </div>
+    <% if show_bubble %>
+      <div class="bubble">
+        <div class="content<%== ' md' if role == 'assistant' %>"<%== ' data-controller="markdown"' if role == 'assistant' %>><%= message_content(m["content"]) %></div>
+      </div>
+    <% end %>
   </div>
+  <%# Tool calls render BETWEEN bubbles (chips), not inside them — the same
+      reading order the live SSE stream shows: prose → call → result. %>
+  <% calls.each do |tc| %>
+    <% preview = message_content(tc["arguments"]).to_s.gsub(/\s+/, " ").strip %>
+    <details class="toolcard call">
+      <summary><%== chip_icon(:call) %><strong><%= tc["name"] %></strong><span class="chip-sub"><%= preview[0, 60] %><%== "…" if preview.size > 60 %></span></summary>
+      <pre><%= message_content(tc["arguments"]) %></pre>
+    </details>
+  <% end %>
 <% end %>