bazaar-compute-node 0.2.1rc12__tar.gz → 0.2.1rc13__tar.gz

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: bazaar-compute-node
-Version: 0.2.1rc12
+Version: 0.2.1rc13
 Summary: Runtime-agnostic computer node daemon for agents and channels.
 License-Expression: AGPL-3.0-only
 License-File: LICENSE

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "bazaar-compute-node"
-version = "0.2.1rc12"
+version = "0.2.1rc13"
 description = "Runtime-agnostic computer node daemon for agents and channels."
 readme = "README.md"
 license = "AGPL-3.0-only"

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/pyproject.toml.orig

@@ -1,6 +1,6 @@
 [project]
 name = "bazaar-compute-node"
-version = "0.2.1rc12"
+version = "0.2.1rc13"
 description = "Runtime-agnostic computer node daemon for agents and channels."
 readme = "README.md"
 license = "AGPL-3.0-only"

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/src/bazaar_compute_server/resources/static/app.css

@@ -604,7 +604,7 @@ a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outlin
   .module[data-view="settings"] > [data-pane="settings"],
   .module[data-view="section"] > [data-pane="section"] { display: flex; }
   .mobile-logout { display: inline-flex; align-self: flex-start; gap: 8px; min-height: 44px; margin: 12px 16px; }
-  [data-pane="contacts"] > .switch .tab { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; }
+  [data-pane="contacts"] .switch .tab { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; }
 }
 
 /* Shared editing surfaces keep their controls within the available viewport. */
@@ -831,7 +831,9 @@ a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outlin
 .chat-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; flex: none; }
 .search-open.btn.icon { margin-left: 0; flex: none; border-color: transparent; background: transparent; }
 .search-shortcut { color: var(--muted); font-size: 10px; font-weight: 400; border: 1px solid var(--edge); border-radius: 4px; padding: 1px 4px; line-height: 1.6; }
-#agent-contacts-head .search-shortcut { display: none; }
+.contacts-toolbar { display: flex; align-items: center; gap: 8px; margin: 8px 14px 0; padding: 2px 2px 8px; border-bottom: 1px solid var(--line); flex: none; }
+.contacts-toolbar .switch { flex: 1; min-width: 0; margin: 0; padding: 0; border: 0; }
+.contacts-toolbar .search-shortcut { display: none; }
 .search-location { display: none; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 400; }
 .search-location::before { content: ''; width: 6px; height: 6px; background: var(--accent); border-radius: 50%; }
 #chat:has(.message-focus:not(.message-fade)) .search-location { display: flex; }
@@ -901,7 +903,9 @@ a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outlin
 .search-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--line); padding: 9px 20px; flex: none; color: var(--muted); font-size: 11px; }
 .search-count { margin-left: auto; }
 .search-toolbar .btn { padding: 0; border: 0; background: transparent; color: var(--muted); font-size: inherit; }
-.search-results { min-height: 0; overflow-y: auto; overflow-anchor: none; overscroll-behavior: contain; padding: 0 8px 8px; flex: 0 1 385px; max-height: 48vh; }
+.search-result-body { position: relative; display: flex; min-height: 0; flex: 0 1 385px; max-height: 48vh; }
+.search-results { min-width: 0; min-height: 0; overflow-y: auto; overflow-anchor: none; overscroll-behavior: contain; padding: 0 8px 8px; flex: 1; }
+.search-loading { position: absolute; inset: 0; min-height: 0; background: var(--panel); }
 .search-hit { display: block; border-radius: var(--r-sm); padding: 12px; }
 .search-hit { margin-bottom: 2px; }
 .search-hit:hover { background: var(--chip); }
@@ -921,8 +925,11 @@ a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outlin
 .search-foot kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; vertical-align: middle; border: 1px solid var(--edge); border-radius: 3px; padding: 0 4px; font: inherit; margin-right: 4px; }
 .search-foot kbd .i svg { width: 12px; height: 12px; }
 .search-feedback { color: var(--muted); padding: 12px 10px; }
+.search-error { display: flex; align-items: center; gap: 6px; }
+.search-error .btn.icon { flex: none; margin-left: 0; border: 0; background: transparent; color: inherit; }
 .search-more { display: flex; margin: 8px auto; }
 @media (max-width: 959px) {
+  .contacts-toolbar { margin-inline: 10px; }
   #chat > .hd > .sub { order: 1; }
   .search-shortcut, #chat:has(.message-focus:not(.message-fade)) .search-location { display: none; }
   .search-veil { padding: min(90px, 10vh) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/src/bazaar_compute_server/resources/static/components.js

@@ -266,6 +266,7 @@ document.addEventListener('alpine:init', () => {
       if (!this.s.query.trim() && !this.s.target && !this.s.sender && !this.s.time) {
         this.s.html = ''; this.s.items = []; this.s.ends = []; this.s.count = 0; this.s.more = false; this.s.senders = []; this.s.contactCounts = {};
         this.s.offset = 0; this.s.scroll = 0; this.s.anchor = null; this.s.selected = -1;
+        this.s.resultsVersion = this.s.version;
         this.$nextTick(() => this.rendered());
         return;
       }
@@ -325,7 +326,14 @@ document.addEventListener('alpine:init', () => {
         this.positions();
         this.$nextTick(() => this.rendered());
       } catch (error) {
-        if (error.name !== 'AbortError' && this.active && scope === this.scope && version === state.version) state.error = this.labels.failed;
+        if (error.name !== 'AbortError' && this.active && scope === this.scope && version === state.version) {
+          state.error = this.labels.failed;
+          if (!append) {
+            state.html = ''; state.items = []; state.ends = []; state.count = 0; state.more = false; state.senders = []; state.contactCounts = {};
+            state.offset = 0; state.scroll = 0; state.anchor = null; state.selected = -1; state.resultsVersion = version;
+            this.$nextTick(() => this.rendered());
+          }
+        }
       } finally {
         if (scope === this.scope && version === state.version) { state.busy = false; this.controller = null; }
       }
@@ -420,7 +428,7 @@ document.addEventListener('alpine:init', () => {
     },
     key(event) {
       if (event.target !== this.$refs.input || this.composing || event.isComposing || this.s.panel || !['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key)) return;
-      if (!this.s.count) return;
+      if (!this.s.count || this.s.resultsVersion !== this.s.version) return;
       event.preventDefault();
       if (event.key !== 'Enter') {
         this.s.selected = Math.max(0, Math.min(this.s.count - 1, this.s.selected + (event.key === 'ArrowDown' ? 1 : -1)));

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/src/bazaar_compute_server/resources/templates/agent_contacts_head.html

@@ -2,6 +2,5 @@
 <div id="agent-contacts-head" x-poll data-poll='{{ poll("agent-info", selected)|tojson }}' data-poll-url="/agents/{{ ref(selected.computer_id) }}/{{ ref(selected.id) }}/head">
   {% call c.column_header(selected.name, back="/agents") %}
     <span class="sub">{{ c.system(selected) }}{{ c.channels(selected.channels) }}</span>
-    {{ c.search_button() }}
   {% endcall %}
 </div>

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/src/bazaar_compute_server/resources/templates/agents.html

@@ -13,9 +13,12 @@
   {% include "agent_contacts_head.html" %}
   {% set base = "/agents/" ~ ref(selected.computer_id) ~ "/" ~ ref(selected.id) %}
   {% set query = ["review=pending" if pending, "selected=" ~ ref(contact.thread_id) if contact]|select|join("&") %}
-  <div class="switch text">
-    <button class="tab{% if not pending %} on{% endif %}" type="button" title="{{ t.text("contacts.tab_chats") }}" hx-get="{{ base }}" hx-target="#main" hx-push-url="true" hx-sync="#contacts:replace">{{ c.icon("message-circle") }}{{ t.text("contacts.tab_chats") }}</button>
-    <button class="tab{% if pending %} on{% endif %}" type="button" title="{{ t.text("contacts.tab_requests") }}" hx-get="{{ base }}?review=pending" hx-target="#main" hx-push-url="true" hx-sync="#contacts:replace">{{ c.icon("user-plus") }}{{ t.text("contacts.tab_requests") }}<span class="n" id="pending-review" hidden></span></button>
+  <div class="contacts-toolbar">
+    <div class="switch text">
+      <button class="tab{% if not pending %} on{% endif %}" type="button" title="{{ t.text("contacts.tab_chats") }}" hx-get="{{ base }}" hx-target="#main" hx-push-url="true" hx-sync="#contacts:replace">{{ c.icon("message-circle") }}{{ t.text("contacts.tab_chats") }}</button>
+      <button class="tab{% if pending %} on{% endif %}" type="button" title="{{ t.text("contacts.tab_requests") }}" hx-get="{{ base }}?review=pending" hx-target="#main" hx-push-url="true" hx-sync="#contacts:replace">{{ c.icon("user-plus") }}{{ t.text("contacts.tab_requests") }}<span class="n" id="pending-review" hidden></span></button>
+    </div>
+    <span class="chat-actions">{{ c.search_button() }}</span>
   </div>
   {# the conversations are the node's to list, so the page comes up first and
      the column asks for them once it is there #}

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/src/bazaar_compute_server/resources/templates/search.html

@@ -50,15 +50,18 @@
         <span>{{ t.text('search.messages') }}</span><span class="search-count" aria-live="polite" x-text="'{{ t.text('search.loaded', {'n': '{n}'}) }}'.replace('{n}', s.count)"></span>
         <button class="btn sm" type="button" x-show="s.target || s.sender || s.time" @click="clear()">{{ t.text('search.clear') }}</button>
       </div>
-      <div class="search-results" x-ref="results" @scroll="scrolled()" :aria-busy="s.busy">
-        <div class="empty" x-show="!s.count && !s.html && !s.busy && !s.error">{{ t.text('search.prompt') }}</div>
-        <div x-html="s.html"></div>
-        <div x-ref="top" aria-hidden="true"></div>
-        <div x-ref="items"></div>
-        <div x-ref="bottom" aria-hidden="true"></div>
-        <div class="search-feedback" role="status" x-show="s.error" x-text="s.error"></div>
-        <div class="loading" x-show="s.busy" role="status" aria-label="{{ t.text('app.loading') }}">{{ c.icon('loader') }}</div>
-        <button class="btn search-more" type="button" x-show="s.more && !s.busy" @click="load(true)">{{ t.text('search.more') }}</button>
+      <div class="search-result-body">
+        <div class="search-results" x-ref="results" @scroll="scrolled()" :aria-busy="s.busy" :inert="s.resultsVersion !== s.version">
+          <div class="empty" x-show="!s.count && !s.html && !s.busy && !s.error">{{ t.text('search.prompt') }}</div>
+          <div x-html="s.html"></div>
+          <div x-ref="top" aria-hidden="true"></div>
+          <div x-ref="items"></div>
+          <div x-ref="bottom" aria-hidden="true"></div>
+          <div class="search-feedback search-error" x-show="s.error"><span role="status" x-text="s.error"></span><button class="btn icon" type="button" @click="change()" title="{{ t.text('contacts.retry') }}" aria-label="{{ t.text('contacts.retry') }}">{{ c.icon('rotate-cw') }}</button></div>
+          <div class="loading" x-show="s.busy && s.resultsVersion === s.version" role="status" aria-label="{{ t.text('app.loading') }}">{{ c.icon('loader') }}</div>
+          <button class="btn search-more" type="button" x-show="s.more && !s.busy" @click="load(true)">{{ t.text('search.more') }}</button>
+        </div>
+        <div class="loading search-loading" x-show="s.busy && s.resultsVersion !== s.version" role="status" aria-label="{{ t.text('app.loading') }}">{{ c.icon('loader') }}</div>
       </div>
       <div class="search-foot"><span class="search-keys"><span><kbd role="img" aria-label="ArrowUp">{{ c.icon('arrow-up') }}</kbd><kbd role="img" aria-label="ArrowDown">{{ c.icon('arrow-down') }}</kbd>{{ t.text('search.select') }}</span><span><kbd>Enter</kbd>{{ t.text('search.open_record') }}</span></span><span><kbd>Esc</kbd>{{ t.text('search.close_key') }}</span></div>
     </section>

{bazaar_compute_node-0.2.1rc12 → bazaar_compute_node-0.2.1rc13}/src/bazaar_compute_server/resources/templates/search_results.html

@@ -1,7 +1,7 @@
 {% import "components.html" as c with context %}
 <div data-search-page='{{ descriptor|tojson }}'>
 {% if answer != "listed" %}
-<div class="empty err" role="status">{{ t.text("search.timeout" if code == "SEARCH_TIMEOUT" else "search." ~ answer) }}<button class="btn" type="button" @click="change()">{{ t.text("contacts.retry") }}</button></div>
+<div class="empty err search-error"><span role="status">{{ t.text("search.timeout" if code == "SEARCH_TIMEOUT" else "search." ~ answer) }}</span><button class="btn icon" type="button" @click="change()" title="{{ t.text('contacts.retry') }}" aria-label="{{ t.text('contacts.retry') }}">{{ c.icon('rotate-cw') }}</button></div>
 {% elif not rows %}
 <div class="empty" role="status">{{ t.text("search.empty") }}</div>
 {% else %}