project-graph-mcp 2.3.1 → 2.4.0

package/vendor/symbiote-node/toolbar/QuickToolbar/QuickToolbar.css.js

@@ -1,86 +0,0 @@
-/**
- * QuickToolbar styles
- * @module symbiote-node/toolbar/QuickToolbar.css
- */
-import { css } from '@symbiotejs/symbiote';
-
-export const styles = css`
-quick-toolbar {
-  position: absolute;
-  z-index: 150;
-  pointer-events: all;
-  transform-origin: center bottom;
-
-  &[hidden] {
-    display: none;
-  }
-
-  & .toolbar {
-    display: flex;
-    gap: 2px;
-    padding: 4px;
-    border-radius: 10px;
-    background: var(--sn-toolbar-bg, rgba(22, 33, 62, 0.92));
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
-    border: 1px solid var(--sn-toolbar-border, rgba(255, 255, 255, 0.1));
-    box-shadow: 0 8px 32px var(--sn-shadow-color, rgba(0, 0, 0, 0.45)), 0 0 0 1px var(--sn-shadow-color, rgba(0, 0, 0, 0.1));
-    transform: translateX(-50%);
-    animation: toolbar-in 0.2s ease-out;
-  }
-}
-
-@keyframes toolbar-in {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(6px) scale(0.92);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0) scale(1);
-  }
-}
-
-.tb-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--sn-toolbar-color, #c0c8d8);
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s, transform 0.12s;
-
-  &[hidden] {
-    display: none;
-  }
-
-  &:hover {
-    background: var(--sn-toolbar-hover, rgba(74, 158, 255, 0.2));
-    color: var(--sn-toolbar-active, #e2e8f0);
-    transform: scale(1.1);
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-}
-
-.tb-btn--danger:hover {
-  background: var(--sn-toolbar-danger, rgba(255, 107, 107, 0.25));
-  color: var(--sn-toolbar-danger-color, #ff6b6b);
-}
-
-.tb-btn--enter:hover {
-  background: color-mix(in srgb, var(--sn-cat-data, #a78bfa) 25%, transparent);
-  color: var(--sn-cat-data, #a78bfa);
-}
-
-.tb-icon {
-  font-size: 18px;
-  pointer-events: none;
-}
-`;

package/vendor/symbiote-node/toolbar/QuickToolbar/QuickToolbar.js

@@ -1,128 +0,0 @@
-/**
- * QuickToolbar — floating action bar above selected node
- *
- * Shows contextual SVG buttons when a single node is selected:
- * Delete, Duplicate, Mute.
- * Positioned above the node and follows zoom/pan transform.
- *
- * @module symbiote-node/toolbar/QuickToolbar
- */
-
-import Symbiote from '@symbiotejs/symbiote';
-import { template } from './QuickToolbar.tpl.js';
-import { styles } from './QuickToolbar.css.js';
-
-/**
- * @typedef {object} ToolbarAction
- * @property {string} id - Action identifier
- * @property {string} icon - Material Symbols icon name
- * @property {string} label - Tooltip text
- */
-
-/** @type {ToolbarAction[]} */
-const ACTIONS = [
-  { id: 'duplicate', icon: 'content_copy', label: 'Duplicate' },
-  { id: 'mute', icon: 'visibility_off', label: 'Mute' },
-  { id: 'delete', icon: 'delete', label: 'Delete' },
-];
-
-export class QuickToolbar extends Symbiote {
-
-  init$ = {
-    items: ACTIONS,
-    visible: false,
-    onBtnClick: (/** @type {Event} */ e) => {
-      const btn = e.target.closest('[data-action]');
-      if (!btn) return;
-      const action = btn.getAttribute('data-action');
-      if (this._onAction) this._onAction(action, this._nodeId);
-    },
-  };
-
-  /** @type {string|null} */
-  _nodeId = null;
-
-  /** @type {function|null} */
-  _onAction = null;
-
-  /** @type {number} Toolbar height + gap */
-  static OFFSET_Y = 48;
-
-  /** @type {{ zoom: number, panX: number, panY: number }} */
-  _transform = { zoom: 1, panX: 0, panY: 0 };
-
-  /**
-   * Show toolbar above a node
-   * @param {string} nodeId
-   * @param {HTMLElement} nodeEl - The graph-node element
-   */
-  show(nodeId, nodeEl) {
-    this._nodeId = nodeId;
-    this._nodeEl = nodeEl;
-    this.$.visible = true;
-
-    this.#positionAtNode(nodeEl);
-
-    // Update collapse icon based on current state
-    this.#updateIcons(nodeEl);
-
-    // Show/hide enter button for subgraph nodes
-    const enterBtn = this.querySelector('[data-action="enter"]');
-    if (enterBtn) {
-      enterBtn.hidden = nodeEl.getAttribute('node-type') !== 'subgraph';
-    }
-  }
-
-  /** Hide toolbar */
-  hide() {
-    this._nodeId = null;
-    this._nodeEl = null;
-    this.$.visible = false;
-  }
-
-  renderCallback() {
-    this.sub('visible', (val) => {
-      this.toggleAttribute('hidden', !val);
-    });
-  }
-
-  /**
-   * Update position to follow node movement
-   * @param {HTMLElement} nodeEl
-   */
-  updatePosition(nodeEl) {
-    if (!this._nodeId) return;
-    this.#positionAtNode(nodeEl);
-  }
-
-  /**
-   * Position toolbar centered above a node in world-space.
-   * Since toolbar is inside .content, it inherits zoom/pan transform.
-   * @param {HTMLElement} nodeEl
-   */
-  #positionAtNode(nodeEl) {
-    const w = nodeEl.offsetWidth || nodeEl._cachedW || 180;
-    const pos = nodeEl._position || { x: 0, y: 0 };
-
-    const x = pos.x + w / 2;
-    const y = pos.y - QuickToolbar.OFFSET_Y;
-
-    this.style.transform = `translate(${x}px, ${y}px)`;
-  }
-
-  /**
-   * Update toggle icons based on node state
-   * @param {HTMLElement} nodeEl
-   */
-  #updateIcons(nodeEl) {
-    const isMuted = nodeEl.hasAttribute('data-muted');
-
-    const muteBtn = this.querySelector('[data-action="mute"] .tb-icon');
-
-    if (muteBtn) muteBtn.textContent = isMuted ? 'visibility' : 'visibility_off';
-  }
-}
-
-QuickToolbar.template = template;
-QuickToolbar.rootStyles = styles;
-QuickToolbar.reg('quick-toolbar');

package/vendor/symbiote-node/toolbar/QuickToolbar/QuickToolbar.tpl.js

@@ -1,29 +0,0 @@
-/**
- * QuickToolbar template
- * @module symbiote-node/toolbar/QuickToolbar.tpl
- */
-import { html } from '@symbiotejs/symbiote';
-
-export const template = html`
-<div class="toolbar" ${{ onclick: 'onBtnClick' }}>
-  <button class="tb-btn tb-btn--enter" data-action="enter" title="Enter Subgraph" hidden>
-    <span class="material-symbols-outlined tb-icon">login</span>
-  </button>
-  <button class="tb-btn" data-action="explore" title="Explore connections">
-    <span class="material-symbols-outlined tb-icon">hub</span>
-  </button>
-  <button class="tb-btn" data-action="view-code" title="View Code">
-    <span class="material-symbols-outlined tb-icon">code</span>
-  </button>
-  <button class="tb-btn" data-action="duplicate" title="Duplicate">
-    <span class="material-symbols-outlined tb-icon">content_copy</span>
-  </button>
-
-  <button class="tb-btn" data-action="mute" title="Mute">
-    <span class="material-symbols-outlined tb-icon">visibility_off</span>
-  </button>
-  <button class="tb-btn tb-btn--danger" data-action="delete" title="Delete">
-    <span class="material-symbols-outlined tb-icon">delete</span>
-  </button>
-</div>
-`;