lkzwieder/botino
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chat: layout 3 columnas + fix URL WooCommerce API

Browse Source 
- Rediseño de la vista Chat: lista de conversaciones a la izquierda,
  burbujas al centro, inspector+simulador apilados a la derecha
- chat-simulator pasa a layout vertical con config 2×2 más compacto
- Fix: construir base URL con /wp-json/{api_version} en los tres
  clientes Woo (wooSnapshot, wooOrders, woo.js) — antes llamaba a
  /products en vez de /wp-json/wc/v3/products
- Fix: syncFromWoo y syncProducts usan safeFetch (con credentials)
  en vez de fetch directo, evitando 401/404 por cookie de sesión faltante

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lucas Tettamanti
2026-05-17 22:56:50 -03:00
parent c0916c3050
commit c786e47160
7 changed files with 43 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/components/ops-shell.js
View File

@@ -75,12 +75,11 @@ class OpsShell extends HTMLElement {
box-shadow: 0 0 0 2px var(--panel);
}
/* Layout para chat activo (2 columnas: burbujas + inspector) */
.layout-chat { height:100%; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 310px; min-height:0; overflow:hidden; }
.col { border-right:1px solid var(--border); min-height:0; overflow:hidden; }
.chatTop { grid-column:1; grid-row:1; border-bottom:1px solid var(--border); }
.chatBottom { grid-column:1 / 3; grid-row:2; overflow:hidden; border-top:1px solid var(--border); }
.inspectorTop { grid-column:2; grid-row:1; border-right:none; }
/* Layout para chat activo (3 columnas: lista | burbujas | inspector+sim) */
.layout-chat { height:100%; display:grid; grid-template-columns:280px 1fr 360px; min-height:0; overflow:hidden; }
.chatLeft { border-right:1px solid var(--border); min-height:0; overflow-y:auto; }
.chatCenter { display:flex; flex-direction:column; min-height:0; overflow:hidden; border-right:1px solid var(--border); }
.chatRight { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
/* Layout para CRUDs */
.layout-crud { height:100%; display:block; min-height:0; overflow:hidden; }
@@ -126,9 +125,12 @@ class OpsShell extends HTMLElement {
<div id="viewChat" class="view">
<div class="layout-chat">
<div class="col chatTop"><run-timeline></run-timeline></div>
<div class="col inspectorTop"><conversation-inspector></conversation-inspector></div>
<div class="col chatBottom"><chat-simulator></chat-simulator></div>
<div class="chatLeft"><conversation-list></conversation-list></div>
<div class="chatCenter"><run-timeline></run-timeline></div>
<div class="chatRight">
<conversation-inspector style="flex:1;min-height:0;overflow:hidden;"></conversation-inspector>
<chat-simulator style="flex:0 0 auto;border-top:1px solid var(--border);"></chat-simulator>
</div>
</div>
</div>