agentwire-dev 1.29.2__tar.gz → 1.29.3__tar.gz

{agentwire_dev-1.29.2 → agentwire_dev-1.29.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: agentwire-dev
-Version: 1.29.2
+Version: 1.29.3
 Summary: Multi-session voice web interface for AI coding agents
 Project-URL: Homepage, https://agentwire.dev
 Project-URL: Repository, https://github.com/dotdevdotdev/agentwire-dev

{agentwire_dev-1.29.2 → agentwire_dev-1.29.3}/agentwire/__init__.py

@@ -1,3 +1,3 @@
 """AgentWire - Multi-session voice web interface for AI coding agents."""
 
-__version__ = "1.29.2"
+__version__ = "1.29.3"

{agentwire_dev-1.29.2 → agentwire_dev-1.29.3}/agentwire/static/css/desktop.css

@@ -4706,171 +4706,3 @@ body.sidebar-pinned .sidebar-tab {
 }
 
 
-/* =========================================================================
-   Pinned Message Panel — floating, draggable, resizable
-   ========================================================================= */
-
-/* Pin affordance on chat messages — visible on hover, top-right corner. */
-.chat-message {
-    position: relative;
-    padding-right: 32px;
-}
-
-.chat-message-pin-btn {
-    position: absolute;
-    top: 4px;
-    right: 4px;
-    width: 22px;
-    height: 22px;
-    padding: 0;
-    border: 1px solid var(--chrome-border);
-    border-radius: 4px;
-    background: var(--chrome);
-    color: var(--text-muted);
-    font-size: 12px;
-    line-height: 1;
-    cursor: pointer;
-    opacity: 0;
-    transition: opacity 120ms ease, color 120ms ease, background 120ms ease;
-}
-
-.chat-message:hover .chat-message-pin-btn,
-.chat-message:focus-within .chat-message-pin-btn,
-.chat-message-pin-btn:focus-visible {
-    opacity: 0.9;
-}
-
-.chat-message-pin-btn:hover {
-    background: var(--hover);
-    color: var(--accent);
-    opacity: 1;
-}
-
-.chat-message-pin-btn[data-pinned="true"] {
-    opacity: 1;
-    color: var(--accent);
-    border-color: var(--accent);
-}
-
-/* The floating panel itself. position: fixed keeps it above all winboxes
-   regardless of scroll, typing, or which session window is active. */
-.pinned-message-panel {
-    position: fixed;
-    display: flex;
-    flex-direction: column;
-    background: var(--chrome);
-    color: var(--text);
-    border: 1px solid var(--chrome-border);
-    border-radius: 8px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--primary-subtle);
-    z-index: 99998;
-    min-width: 200px;
-    min-height: 140px;
-    overflow: hidden;
-    user-select: text;
-}
-
-.pinned-message-panel.dragging,
-.pinned-message-panel.resizing {
-    user-select: none;
-}
-
-.pinned-message-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 6px 10px;
-    background: var(--background);
-    border-bottom: 1px solid var(--chrome-border);
-    cursor: grab;
-    flex-shrink: 0;
-}
-
-.pinned-message-panel.dragging .pinned-message-header {
-    cursor: grabbing;
-}
-
-.pinned-message-role {
-    font-size: 11px;
-    text-transform: uppercase;
-    letter-spacing: 0.06em;
-    padding: 2px 6px;
-    border-radius: 4px;
-    background: var(--chrome);
-    color: var(--text-muted);
-    border: 1px solid var(--chrome-border);
-    flex-shrink: 0;
-}
-
-.pinned-message-role[data-role="user"] {
-    color: var(--accent);
-    border-color: var(--primary-subtle);
-}
-
-.pinned-message-title {
-    flex: 1;
-    font-size: 12px;
-    color: var(--text-muted);
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.pinned-message-unpin {
-    width: 22px;
-    height: 22px;
-    padding: 0;
-    border: 1px solid var(--chrome-border);
-    border-radius: 4px;
-    background: transparent;
-    color: var(--text-muted);
-    font-size: 14px;
-    line-height: 1;
-    cursor: pointer;
-    transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
-    flex-shrink: 0;
-}
-
-.pinned-message-unpin:hover {
-    color: var(--error);
-    border-color: var(--error);
-    background: var(--hover);
-}
-
-.pinned-message-body {
-    flex: 1;
-    overflow: auto;
-    padding: 10px 12px;
-    font-size: 14px;
-    line-height: 1.45;
-    color: var(--text);
-    white-space: pre-wrap;
-    word-break: break-word;
-}
-
-/* Corner resize handle — visible on hover. */
-.pinned-message-resize-handle {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    width: 16px;
-    height: 16px;
-    cursor: nwse-resize;
-    opacity: 0;
-    transition: opacity 120ms ease;
-    /* Diagonal grip lines drawn with two thin gradients. */
-    background:
-        linear-gradient(135deg, transparent 0 45%, var(--text-muted) 45% 55%, transparent 55% 100%) no-repeat,
-        linear-gradient(135deg, transparent 0 70%, var(--text-muted) 70% 80%, transparent 80% 100%) no-repeat;
-    background-size: 10px 10px, 6px 6px;
-    background-position: bottom 3px right 3px, bottom 3px right 3px;
-}
-
-.pinned-message-panel:hover .pinned-message-resize-handle,
-.pinned-message-panel.resizing .pinned-message-resize-handle {
-    opacity: 0.85;
-}
-
-

{agentwire_dev-1.29.2 → agentwire_dev-1.29.3}/agentwire/static/js/windows/chat-window.js

@@ -11,7 +11,6 @@
 
 import { desktop } from '../desktop-manager.js';
 import { sessionIcons } from '../icon-manager.js';
-import { pinnedMessage } from '../pinned-message.js';
 
 /** @type {ChatWindow|null} */
 let chatWindowInstance = null;
@@ -446,15 +445,9 @@ class ChatWindow {
         const msgEl = document.createElement('div');
         msgEl.className = `chat-message ${role}`;
         msgEl.innerHTML = `
-            <button class="chat-message-pin-btn" title="Pin this message" aria-label="Pin message">📌</button>
             <div class="message-text">${this._escapeHtml(text)}</div>
             <div class="timestamp">${message.timestamp.toLocaleTimeString()}</div>
         `;
-        const pinBtn = msgEl.querySelector('.chat-message-pin-btn');
-        pinBtn.addEventListener('click', (e) => {
-            e.stopPropagation();
-            pinnedMessage.pin({ role, text });
-        });
         this.messagesEl.appendChild(msgEl);
         this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
     }

agentwire_dev-1.29.2/agentwire/static/js/pinned-message.js

@@ -1,232 +0,0 @@
-/**
- * Pinned Message Panel — floating, draggable, resizable panel that displays a
- * pinned message body. Anchored to document.body so it survives switching
- * between conversation windows / sessions.
- *
- * v1 scope: one pinned panel at a time. Pinning a new message replaces the
- * existing one. State is in-memory only (per portal session).
- */
-
-const MIN_WIDTH = 200;
-const MIN_HEIGHT = 140;
-const DEFAULT_WIDTH = 320;
-const DEFAULT_HEIGHT = 220;
-const EDGE_PADDING = 8;
-
-class PinnedMessagePanel {
-    constructor() {
-        this.panel = null;
-        this.headerEl = null;
-        this.bodyEl = null;
-        this.resizeHandleEl = null;
-        this.roleLabelEl = null;
-        this.unpinBtnEl = null;
-
-        // Current pinned message ({ role, text, html })
-        this.current = null;
-
-        // Geometry (px). Initial null -> placed near top-right on first pin.
-        this.x = null;
-        this.y = null;
-        this.width = DEFAULT_WIDTH;
-        this.height = DEFAULT_HEIGHT;
-
-        // Drag state
-        this._dragging = false;
-        this._dragOffsetX = 0;
-        this._dragOffsetY = 0;
-        // Resize state
-        this._resizing = false;
-        this._resizeStartX = 0;
-        this._resizeStartY = 0;
-        this._resizeStartWidth = 0;
-        this._resizeStartHeight = 0;
-
-        this._onPointerMove = this._onPointerMove.bind(this);
-        this._onPointerUp = this._onPointerUp.bind(this);
-        this._onViewportResize = this._onViewportResize.bind(this);
-    }
-
-    /**
-     * Pin a message. If a panel is already shown, replaces its content
-     * while keeping position/size.
-     * @param {{ role?: string, text?: string, html?: string }} message
-     */
-    pin(message) {
-        if (!message) return;
-        this.current = {
-            role: message.role || 'message',
-            text: message.text || '',
-            html: message.html || null,
-        };
-
-        if (!this.panel) {
-            this._createPanel();
-            this._placeInitial();
-        }
-
-        this._renderContent();
-        this.panel.style.display = 'flex';
-        this._applyGeometry();
-    }
-
-    /**
-     * Unpin and remove the panel from the DOM.
-     */
-    unpin() {
-        if (!this.panel) return;
-        this.panel.remove();
-        this.panel = null;
-        this.headerEl = null;
-        this.bodyEl = null;
-        this.resizeHandleEl = null;
-        this.roleLabelEl = null;
-        this.unpinBtnEl = null;
-        this.current = null;
-        window.removeEventListener('resize', this._onViewportResize);
-    }
-
-    /**
-     * True if a message is currently pinned.
-     */
-    isPinned() {
-        return this.current !== null;
-    }
-
-    _createPanel() {
-        const panel = document.createElement('div');
-        panel.className = 'pinned-message-panel';
-        panel.setAttribute('role', 'dialog');
-        panel.setAttribute('aria-label', 'Pinned message');
-        panel.innerHTML = `
-            <div class="pinned-message-header" data-drag-handle>
-                <span class="pinned-message-role"></span>
-                <span class="pinned-message-title">Pinned</span>
-                <button class="pinned-message-unpin" title="Unpin (remove)" aria-label="Unpin">×</button>
-            </div>
-            <div class="pinned-message-body"></div>
-            <div class="pinned-message-resize-handle" title="Drag to resize" aria-hidden="true"></div>
-        `;
-
-        this.panel = panel;
-        this.headerEl = panel.querySelector('.pinned-message-header');
-        this.bodyEl = panel.querySelector('.pinned-message-body');
-        this.resizeHandleEl = panel.querySelector('.pinned-message-resize-handle');
-        this.roleLabelEl = panel.querySelector('.pinned-message-role');
-        this.unpinBtnEl = panel.querySelector('.pinned-message-unpin');
-
-        this.unpinBtnEl.addEventListener('click', (e) => {
-            e.stopPropagation();
-            this.unpin();
-        });
-
-        this.headerEl.addEventListener('pointerdown', (e) => this._onDragStart(e));
-        this.resizeHandleEl.addEventListener('pointerdown', (e) => this._onResizeStart(e));
-
-        window.addEventListener('resize', this._onViewportResize);
-
-        document.body.appendChild(panel);
-    }
-
-    _renderContent() {
-        if (!this.current) return;
-        this.roleLabelEl.textContent = this.current.role || 'message';
-        this.roleLabelEl.dataset.role = this.current.role || 'message';
-
-        if (this.current.html) {
-            this.bodyEl.innerHTML = this.current.html;
-        } else {
-            this.bodyEl.textContent = this.current.text || '';
-        }
-    }
-
-    _placeInitial() {
-        if (this.x !== null && this.y !== null) return;
-        const viewportW = window.innerWidth;
-        const viewportH = window.innerHeight;
-        // Default position: upper-right inside the viewport.
-        this.x = Math.max(EDGE_PADDING, viewportW - this.width - 24);
-        this.y = 24;
-        this._clampGeometry(viewportW, viewportH);
-    }
-
-    _applyGeometry() {
-        if (!this.panel) return;
-        this.panel.style.left = `${this.x}px`;
-        this.panel.style.top = `${this.y}px`;
-        this.panel.style.width = `${this.width}px`;
-        this.panel.style.height = `${this.height}px`;
-    }
-
-    _clampGeometry(viewportW, viewportH) {
-        const w = viewportW ?? window.innerWidth;
-        const h = viewportH ?? window.innerHeight;
-        this.width = Math.max(MIN_WIDTH, Math.min(this.width, w - EDGE_PADDING * 2));
-        this.height = Math.max(MIN_HEIGHT, Math.min(this.height, h - EDGE_PADDING * 2));
-        this.x = Math.max(EDGE_PADDING, Math.min(this.x, w - this.width - EDGE_PADDING));
-        this.y = Math.max(EDGE_PADDING, Math.min(this.y, h - this.height - EDGE_PADDING));
-    }
-
-    _onDragStart(e) {
-        // Ignore drags that start on the unpin button or other interactive children
-        if (e.target.closest('.pinned-message-unpin')) return;
-        if (!this.panel) return;
-        this._dragging = true;
-        this._dragOffsetX = e.clientX - this.x;
-        this._dragOffsetY = e.clientY - this.y;
-        this.panel.classList.add('dragging');
-        this.headerEl.setPointerCapture?.(e.pointerId);
-        document.addEventListener('pointermove', this._onPointerMove);
-        document.addEventListener('pointerup', this._onPointerUp);
-        e.preventDefault();
-    }
-
-    _onResizeStart(e) {
-        if (!this.panel) return;
-        this._resizing = true;
-        this._resizeStartX = e.clientX;
-        this._resizeStartY = e.clientY;
-        this._resizeStartWidth = this.width;
-        this._resizeStartHeight = this.height;
-        this.panel.classList.add('resizing');
-        this.resizeHandleEl.setPointerCapture?.(e.pointerId);
-        document.addEventListener('pointermove', this._onPointerMove);
-        document.addEventListener('pointerup', this._onPointerUp);
-        e.preventDefault();
-        e.stopPropagation();
-    }
-
-    _onPointerMove(e) {
-        if (this._dragging) {
-            this.x = e.clientX - this._dragOffsetX;
-            this.y = e.clientY - this._dragOffsetY;
-            this._clampGeometry();
-            this._applyGeometry();
-        } else if (this._resizing) {
-            const dx = e.clientX - this._resizeStartX;
-            const dy = e.clientY - this._resizeStartY;
-            this.width = this._resizeStartWidth + dx;
-            this.height = this._resizeStartHeight + dy;
-            this._clampGeometry();
-            this._applyGeometry();
-        }
-    }
-
-    _onPointerUp() {
-        if (this._dragging || this._resizing) {
-            this._dragging = false;
-            this._resizing = false;
-            this.panel?.classList.remove('dragging', 'resizing');
-            document.removeEventListener('pointermove', this._onPointerMove);
-            document.removeEventListener('pointerup', this._onPointerUp);
-        }
-    }
-
-    _onViewportResize() {
-        if (!this.panel) return;
-        this._clampGeometry();
-        this._applyGeometry();
-    }
-}
-
-export const pinnedMessage = new PinnedMessagePanel();