@countermeasure-platform/web-components 0.2.0

package/dist/visualization/flow-diagram/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/visualization/flow-diagram/index.ts"],"sourcesContent":["/**\n * FlowDiagram - SVG-based flow diagram with auto-layout and interactive zoom/pan\n * @countermeasure/web-components/visualization/flow-diagram\n */\n\nimport type { FlowDiagramConfig, FlowEdge, FlowNode } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { FlowDiagramConfig, FlowEdge, FlowNode } from './types'\n\nconst SVG_NS = 'http://www.w3.org/2000/svg'\n\nconst DEFAULT_NODE_WIDTH = 140\nconst DEFAULT_NODE_HEIGHT = 50\nconst LAYER_GAP_TB = 100\nconst LAYER_GAP_LR = 180\nconst NODE_GAP = 60\nconst ARROWHEAD_SIZE = 8\n\n/** Internal positioned node used after layout */\ninterface LayoutNode {\n  id: string\n  label: string\n  type: 'start' | 'end' | 'process' | 'decision' | 'io'\n  x: number\n  y: number\n  width: number\n  height: number\n  color: string | undefined\n  icon: string | undefined\n  data: Record<string, string> | undefined\n  layer: number\n  order: number\n  original: FlowNode\n}\n\nexport class FlowDiagram {\n  public readonly el: HTMLDivElement\n\n  private readonly diagramId: string\n  private readonly direction: 'TB' | 'LR'\n  private readonly zoomable: boolean\n  private readonly pannable: boolean\n  private readonly onNodeClick: ((node: FlowNode) => void) | undefined\n  private readonly onEdgeClick: ((edge: FlowEdge) => void) | undefined\n  private svg: SVGSVGElement\n  private mainGroup: SVGGElement\n  private defsEl: SVGDefsElement\n  private nodes: FlowNode[]\n  private edges: FlowEdge[]\n  private layoutNodes: LayoutNode[] = []\n  private selectedNodeId: string | null = null\n\n  // Zoom/pan state\n  private viewBox: { x: number; y: number; w: number; h: number }\n  private isPanning = false\n  private panStart: { x: number; y: number } = { x: 0, y: 0 }\n  private panOrigin: { x: number; y: number } = { x: 0, y: 0 }\n\n  // Bound handlers for cleanup\n  private readonly boundWheel: (e: WheelEvent) => void\n  private readonly boundMouseDown: (e: MouseEvent) => void\n  private readonly boundMouseMove: (e: MouseEvent) => void\n  private readonly boundMouseUp: () => void\n\n  constructor(config: FlowDiagramConfig) {\n    this.diagramId = uniqueId('cmm-flow-diagram')\n    this.direction = config.direction ?? 'TB'\n    this.zoomable = config.zoomable !== false\n    this.pannable = config.pannable !== false\n    this.onNodeClick = config.onNodeClick\n    this.onEdgeClick = config.onEdgeClick\n    this.nodes = [...config.nodes]\n    this.edges = [...config.edges]\n    this.viewBox = { x: 0, y: 0, w: 800, h: 600 }\n\n    // Build DOM\n    this.el = document.createElement('div')\n    this.el.id = this.diagramId\n    this.el.className = this.buildClassName(config.className)\n\n    this.svg = document.createElementNS(SVG_NS, 'svg')\n    this.svg.classList.add('cmm-flow-diagram__svg')\n\n    this.defsEl = document.createElementNS(SVG_NS, 'defs')\n    this.svg.appendChild(this.defsEl)\n\n    this.mainGroup = document.createElementNS(SVG_NS, 'g')\n    this.svg.appendChild(this.mainGroup)\n    this.el.appendChild(this.svg)\n\n    // Create arrowhead marker\n    this.createArrowMarker()\n\n    // Mount\n    const parent = resolveContainer(config.container)\n    parent.appendChild(this.el)\n\n    // Get container dimensions for initial viewbox\n    const rect = this.el.getBoundingClientRect()\n    if (rect.width > 0 && rect.height > 0) {\n      this.viewBox.w = rect.width\n      this.viewBox.h = rect.height\n    }\n\n    // Bind handlers\n    this.boundWheel = (e: WheelEvent): void => {\n      this.handleWheel(e)\n    }\n    this.boundMouseDown = (e: MouseEvent): void => {\n      this.handleMouseDown(e)\n    }\n    this.boundMouseMove = (e: MouseEvent): void => {\n      this.handleMouseMove(e)\n    }\n    this.boundMouseUp = (): void => {\n      this.handleMouseUp()\n    }\n\n    if (this.zoomable) {\n      this.el.addEventListener('wheel', this.boundWheel, { passive: false })\n    }\n    if (this.pannable) {\n      this.el.addEventListener('mousedown', this.boundMouseDown)\n      document.addEventListener('mousemove', this.boundMouseMove)\n      document.addEventListener('mouseup', this.boundMouseUp)\n    }\n\n    this.render()\n    this.zoomToFit()\n  }\n\n  /** Replace nodes and edges and re-render */\n  update(nodes: FlowNode[], edges: FlowEdge[]): void {\n    this.nodes = [...nodes]\n    this.edges = [...edges]\n    this.selectedNodeId = null\n    this.render()\n    this.zoomToFit()\n  }\n\n  /** Auto-fit the diagram content in the viewport */\n  zoomToFit(): void {\n    if (this.layoutNodes.length === 0) return\n\n    let minX = Infinity\n    let minY = Infinity\n    let maxX = -Infinity\n    let maxY = -Infinity\n\n    for (const n of this.layoutNodes) {\n      if (n.x < minX) minX = n.x\n      if (n.y < minY) minY = n.y\n      if (n.x + n.width > maxX) maxX = n.x + n.width\n      if (n.y + n.height > maxY) maxY = n.y + n.height\n    }\n\n    const padding = 40\n    this.viewBox = {\n      x: minX - padding,\n      y: minY - padding,\n      w: maxX - minX + padding * 2,\n      h: maxY - minY + padding * 2,\n    }\n    this.applyViewBox()\n  }\n\n  /** Tear down and remove from DOM */\n  destroy(): void {\n    if (this.zoomable) {\n      this.el.removeEventListener('wheel', this.boundWheel)\n    }\n    if (this.pannable) {\n      this.el.removeEventListener('mousedown', this.boundMouseDown)\n      document.removeEventListener('mousemove', this.boundMouseMove)\n      document.removeEventListener('mouseup', this.boundMouseUp)\n    }\n    this.el.remove()\n  }\n\n  // ---------------------------------------------------------------------------\n  // Layout\n  // ---------------------------------------------------------------------------\n\n  private computeLayout(): void {\n    // Check if all nodes have explicit positions\n    const allPositioned = this.nodes.every(n => n.x !== undefined && n.y !== undefined)\n\n    if (allPositioned) {\n      this.layoutNodes = this.nodes.map(n => ({\n        id: n.id,\n        label: n.label,\n        type: n.type ?? 'process',\n        x: n.x ?? 0,\n        y: n.y ?? 0,\n        width: n.width ?? DEFAULT_NODE_WIDTH,\n        height: n.height ?? DEFAULT_NODE_HEIGHT,\n        color: n.color,\n        icon: n.icon,\n        data: n.data,\n        layer: 0,\n        order: 0,\n        original: n,\n      }))\n      return\n    }\n\n    // Auto-layout via topological layering\n    const adjacency = new Map<string, string[]>()\n    const inDegree = new Map<string, number>()\n\n    for (const node of this.nodes) {\n      adjacency.set(node.id, [])\n      inDegree.set(node.id, 0)\n    }\n\n    for (const edge of this.edges) {\n      const adj = adjacency.get(edge.source)\n      if (adj !== undefined) {\n        adj.push(edge.target)\n      }\n      const deg = inDegree.get(edge.target)\n      if (deg !== undefined) {\n        inDegree.set(edge.target, deg + 1)\n      }\n    }\n\n    // Assign layers using longest-path (Kahn's-like)\n    const layers = new Map<string, number>()\n    const queue: string[] = []\n\n    for (const [id, deg] of inDegree) {\n      if (deg === 0) {\n        queue.push(id)\n        layers.set(id, 0)\n      }\n    }\n\n    // Fallback: if no roots, pick first node\n    if (queue.length === 0 && this.nodes.length > 0) {\n      const first = this.nodes[0]\n      if (first !== undefined) {\n        queue.push(first.id)\n        layers.set(first.id, 0)\n      }\n    }\n\n    while (queue.length > 0) {\n      const current = queue.shift()\n      if (current === undefined) continue\n      const currentLayer = layers.get(current) ?? 0\n      const neighbors = adjacency.get(current)\n      if (neighbors === undefined) continue\n\n      for (const neighbor of neighbors) {\n        const existingLayer = layers.get(neighbor)\n        const newLayer = currentLayer + 1\n        if (existingLayer === undefined || newLayer > existingLayer) {\n          layers.set(neighbor, newLayer)\n        }\n        const deg = inDegree.get(neighbor)\n        if (deg !== undefined) {\n          inDegree.set(neighbor, deg - 1)\n          const updatedDeg = deg - 1\n          if (updatedDeg <= 0) {\n            queue.push(neighbor)\n          }\n        }\n      }\n    }\n\n    // Assign unvisited nodes to layer 0\n    for (const node of this.nodes) {\n      if (!layers.has(node.id)) {\n        layers.set(node.id, 0)\n      }\n    }\n\n    // Group by layer\n    const layerGroups = new Map<number, FlowNode[]>()\n    for (const node of this.nodes) {\n      const l = layers.get(node.id) ?? 0\n      const group = layerGroups.get(l)\n      if (group !== undefined) {\n        group.push(node)\n      } else {\n        layerGroups.set(l, [node])\n      }\n    }\n\n    // Compute positions\n    const isTB = this.direction === 'TB'\n    const layerGap = isTB ? LAYER_GAP_TB : LAYER_GAP_LR\n\n    this.layoutNodes = []\n\n    for (const [layerIdx, group] of layerGroups) {\n      for (let i = 0; i < group.length; i++) {\n        const node = group[i]\n        if (node === undefined) continue\n        const w = node.width ?? DEFAULT_NODE_WIDTH\n        const h = node.height ?? DEFAULT_NODE_HEIGHT\n\n        let x: number\n        let y: number\n        if (isTB) {\n          x = i * (w + NODE_GAP)\n          y = layerIdx * (h + layerGap)\n        } else {\n          x = layerIdx * (w + layerGap)\n          y = i * (h + NODE_GAP)\n        }\n\n        this.layoutNodes.push({\n          id: node.id,\n          label: node.label,\n          type: node.type ?? 'process',\n          x,\n          y,\n          width: w,\n          height: h,\n          color: node.color,\n          icon: node.icon,\n          data: node.data,\n          layer: layerIdx,\n          order: i,\n          original: node,\n        })\n      }\n    }\n\n    // Center layers (align to widest/tallest layer)\n    if (isTB) {\n      this.centerLayersTB()\n    } else {\n      this.centerLayersLR()\n    }\n  }\n\n  private centerLayersTB(): void {\n    const layerWidths = new Map<number, { min: number; max: number }>()\n    for (const n of this.layoutNodes) {\n      const existing = layerWidths.get(n.layer)\n      const nodeRight = n.x + n.width\n      if (existing !== undefined) {\n        if (n.x < existing.min) existing.min = n.x\n        if (nodeRight > existing.max) existing.max = nodeRight\n      } else {\n        layerWidths.set(n.layer, { min: n.x, max: nodeRight })\n      }\n    }\n\n    let globalMax = 0\n    for (const bounds of layerWidths.values()) {\n      const w = bounds.max - bounds.min\n      if (w > globalMax) globalMax = w\n    }\n\n    for (const n of this.layoutNodes) {\n      const bounds = layerWidths.get(n.layer)\n      if (bounds !== undefined) {\n        const layerW = bounds.max - bounds.min\n        const offset = (globalMax - layerW) / 2\n        n.x += offset - bounds.min\n      }\n    }\n  }\n\n  private centerLayersLR(): void {\n    const layerHeights = new Map<number, { min: number; max: number }>()\n    for (const n of this.layoutNodes) {\n      const existing = layerHeights.get(n.layer)\n      const nodeBottom = n.y + n.height\n      if (existing !== undefined) {\n        if (n.y < existing.min) existing.min = n.y\n        if (nodeBottom > existing.max) existing.max = nodeBottom\n      } else {\n        layerHeights.set(n.layer, { min: n.y, max: nodeBottom })\n      }\n    }\n\n    let globalMax = 0\n    for (const bounds of layerHeights.values()) {\n      const h = bounds.max - bounds.min\n      if (h > globalMax) globalMax = h\n    }\n\n    for (const n of this.layoutNodes) {\n      const bounds = layerHeights.get(n.layer)\n      if (bounds !== undefined) {\n        const layerH = bounds.max - bounds.min\n        const offset = (globalMax - layerH) / 2\n        n.y += offset - bounds.min\n      }\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Rendering\n  // ---------------------------------------------------------------------------\n\n  private render(): void {\n    // Clear previous content but preserve defs\n    while (this.mainGroup.firstChild !== null) {\n      this.mainGroup.removeChild(this.mainGroup.firstChild)\n    }\n\n    this.computeLayout()\n\n    const nodeMap = new Map<string, LayoutNode>()\n    for (const n of this.layoutNodes) {\n      nodeMap.set(n.id, n)\n    }\n\n    // Render edges first (behind nodes)\n    for (const edge of this.edges) {\n      const source = nodeMap.get(edge.source)\n      const target = nodeMap.get(edge.target)\n      if (source === undefined || target === undefined) continue\n      this.renderEdge(edge, source, target)\n    }\n\n    // Render nodes\n    for (const node of this.layoutNodes) {\n      this.renderNode(node)\n    }\n\n    this.applyViewBox()\n  }\n\n  private renderNode(node: LayoutNode): void {\n    const g = document.createElementNS(SVG_NS, 'g')\n    g.classList.add('cmm-flow-diagram__node')\n    if (node.id === this.selectedNodeId) {\n      g.classList.add('cmm-flow-diagram__node--selected')\n    }\n    g.setAttribute('data-node-id', node.id)\n\n    const shape = this.createNodeShape(node)\n    g.appendChild(shape)\n\n    // Label\n    const text = document.createElementNS(SVG_NS, 'text')\n    text.classList.add('cmm-flow-diagram__label')\n    text.setAttribute('x', String(node.x + node.width / 2))\n    text.setAttribute('y', String(node.y + node.height / 2))\n    text.textContent = node.label\n    g.appendChild(text)\n\n    // Click handler\n    g.addEventListener('click', (e: MouseEvent) => {\n      e.stopPropagation()\n      this.selectedNodeId = node.id\n      this.render()\n      this.onNodeClick?.(node.original)\n    })\n\n    this.mainGroup.appendChild(g)\n  }\n\n  private createNodeShape(node: LayoutNode): SVGElement {\n    const { x, y, width: w, height: h } = node\n\n    let shape: SVGElement\n\n    switch (node.type) {\n      case 'start':\n      case 'end': {\n        // Ellipse\n        const ellipse = document.createElementNS(SVG_NS, 'ellipse')\n        ellipse.setAttribute('cx', String(x + w / 2))\n        ellipse.setAttribute('cy', String(y + h / 2))\n        ellipse.setAttribute('rx', String(w / 2))\n        ellipse.setAttribute('ry', String(h / 2))\n        shape = ellipse\n        break\n      }\n      case 'decision': {\n        // Diamond (rotated rect via polygon)\n        const cx = x + w / 2\n        const cy = y + h / 2\n        const polygon = document.createElementNS(SVG_NS, 'polygon')\n        polygon.setAttribute(\n          'points',\n          `${String(cx)},${String(y)} ${String(x + w)},${String(cy)} ${String(cx)},${String(y + h)} ${String(x)},${String(cy)}`\n        )\n        shape = polygon\n        break\n      }\n      case 'io': {\n        // Parallelogram\n        const skew = w * 0.15\n        const polygon = document.createElementNS(SVG_NS, 'polygon')\n        polygon.setAttribute(\n          'points',\n          `${String(x + skew)},${String(y)} ${String(x + w)},${String(y)} ${String(x + w - skew)},${String(y + h)} ${String(x)},${String(y + h)}`\n        )\n        shape = polygon\n        break\n      }\n      default: {\n        // Rounded rectangle for 'process'\n        const rect = document.createElementNS(SVG_NS, 'rect')\n        rect.setAttribute('x', String(x))\n        rect.setAttribute('y', String(y))\n        rect.setAttribute('width', String(w))\n        rect.setAttribute('height', String(h))\n        rect.setAttribute('rx', '8')\n        rect.setAttribute('ry', '8')\n        shape = rect\n        break\n      }\n    }\n\n    shape.classList.add('cmm-flow-diagram__node-shape')\n\n    if (node.color !== undefined) {\n      shape.setAttribute('fill', node.color)\n    }\n\n    return shape\n  }\n\n  private renderEdge(edge: FlowEdge, source: LayoutNode, target: LayoutNode): void {\n    const g = document.createElementNS(SVG_NS, 'g')\n    g.classList.add('cmm-flow-diagram__edge')\n\n    const edgeType = edge.type ?? 'solid'\n    if (edgeType === 'dashed') {\n      g.classList.add('cmm-flow-diagram__edge--dashed')\n    } else if (edgeType === 'dotted') {\n      g.classList.add('cmm-flow-diagram__edge--dotted')\n    }\n\n    if (edge.animated === true) {\n      g.classList.add('cmm-flow-diagram__edge--animated')\n    }\n\n    g.setAttribute('data-edge-id', edge.id)\n\n    // Compute connection points\n    const srcPt = this.getNodePort(source, 'out')\n    const tgtPt = this.getNodePort(target, 'in')\n\n    // Path with a smooth curve\n    const path = document.createElementNS(SVG_NS, 'path')\n    path.classList.add('cmm-flow-diagram__edge-path')\n\n    const isTB = this.direction === 'TB'\n    let d: string\n    if (isTB) {\n      const cpDist = Math.abs(tgtPt.y - srcPt.y) / 2\n      d = `M ${String(srcPt.x)} ${String(srcPt.y)} C ${String(srcPt.x)} ${String(srcPt.y + cpDist)}, ${String(tgtPt.x)} ${String(tgtPt.y - cpDist)}, ${String(tgtPt.x)} ${String(tgtPt.y)}`\n    } else {\n      const cpDist = Math.abs(tgtPt.x - srcPt.x) / 2\n      d = `M ${String(srcPt.x)} ${String(srcPt.y)} C ${String(srcPt.x + cpDist)} ${String(srcPt.y)}, ${String(tgtPt.x - cpDist)} ${String(tgtPt.y)}, ${String(tgtPt.x)} ${String(tgtPt.y)}`\n    }\n    path.setAttribute('d', d)\n    path.setAttribute('marker-end', `url(#${this.diagramId}-arrow)`)\n\n    if (edge.color !== undefined) {\n      path.setAttribute('stroke', edge.color)\n    }\n\n    g.appendChild(path)\n\n    // Edge label\n    if (edge.label !== undefined) {\n      const midX = (srcPt.x + tgtPt.x) / 2\n      const midY = (srcPt.y + tgtPt.y) / 2\n      const text = document.createElementNS(SVG_NS, 'text')\n      text.classList.add('cmm-flow-diagram__edge-label')\n      text.setAttribute('x', String(midX))\n      text.setAttribute('y', String(midY - 6))\n      text.textContent = edge.label\n      g.appendChild(text)\n    }\n\n    // Click\n    g.addEventListener('click', (e: MouseEvent) => {\n      e.stopPropagation()\n      this.onEdgeClick?.(edge)\n    })\n\n    this.mainGroup.appendChild(g)\n  }\n\n  private getNodePort(node: LayoutNode, direction: 'in' | 'out'): { x: number; y: number } {\n    const cx = node.x + node.width / 2\n    const cy = node.y + node.height / 2\n\n    if (this.direction === 'TB') {\n      return direction === 'out' ? { x: cx, y: node.y + node.height } : { x: cx, y: node.y }\n    }\n    // LR\n    return direction === 'out' ? { x: node.x + node.width, y: cy } : { x: node.x, y: cy }\n  }\n\n  private createArrowMarker(): void {\n    const marker = document.createElementNS(SVG_NS, 'marker')\n    marker.setAttribute('id', `${this.diagramId}-arrow`)\n    marker.setAttribute('markerWidth', String(ARROWHEAD_SIZE))\n    marker.setAttribute('markerHeight', String(ARROWHEAD_SIZE))\n    marker.setAttribute('refX', String(ARROWHEAD_SIZE))\n    marker.setAttribute('refY', String(ARROWHEAD_SIZE / 2))\n    marker.setAttribute('orient', 'auto-start-reverse')\n    marker.setAttribute('markerUnits', 'userSpaceOnUse')\n\n    const polyline = document.createElementNS(SVG_NS, 'polygon')\n    polyline.classList.add('cmm-flow-diagram__arrowhead')\n    polyline.setAttribute(\n      'points',\n      `0 0, ${String(ARROWHEAD_SIZE)} ${String(ARROWHEAD_SIZE / 2)}, 0 ${String(ARROWHEAD_SIZE)}`\n    )\n    marker.appendChild(polyline)\n    this.defsEl.appendChild(marker)\n  }\n\n  // ---------------------------------------------------------------------------\n  // Zoom / Pan\n  // ---------------------------------------------------------------------------\n\n  private applyViewBox(): void {\n    this.svg.setAttribute(\n      'viewBox',\n      `${String(this.viewBox.x)} ${String(this.viewBox.y)} ${String(this.viewBox.w)} ${String(this.viewBox.h)}`\n    )\n  }\n\n  private handleWheel(e: WheelEvent): void {\n    e.preventDefault()\n    const factor = e.deltaY > 0 ? 1.1 : 0.9\n\n    const rect = this.el.getBoundingClientRect()\n    const mx = ((e.clientX - rect.left) / rect.width) * this.viewBox.w + this.viewBox.x\n    const my = ((e.clientY - rect.top) / rect.height) * this.viewBox.h + this.viewBox.y\n\n    const newW = this.viewBox.w * factor\n    const newH = this.viewBox.h * factor\n\n    this.viewBox.x = mx - (mx - this.viewBox.x) * (newW / this.viewBox.w)\n    this.viewBox.y = my - (my - this.viewBox.y) * (newH / this.viewBox.h)\n    this.viewBox.w = newW\n    this.viewBox.h = newH\n\n    this.applyViewBox()\n  }\n\n  private handleMouseDown(e: MouseEvent): void {\n    // Only pan on background clicks (button 0)\n    if (e.button !== 0) return\n    const target = e.target as Element | null\n    if (\n      target !== null &&\n      target.closest('.cmm-flow-diagram__node, .cmm-flow-diagram__edge') !== null\n    ) {\n      return\n    }\n\n    this.isPanning = true\n    this.panStart = { x: e.clientX, y: e.clientY }\n    this.panOrigin = { x: this.viewBox.x, y: this.viewBox.y }\n  }\n\n  private handleMouseMove(e: MouseEvent): void {\n    if (!this.isPanning) return\n\n    const rect = this.el.getBoundingClientRect()\n    const scaleX = this.viewBox.w / rect.width\n    const scaleY = this.viewBox.h / rect.height\n\n    this.viewBox.x = this.panOrigin.x - (e.clientX - this.panStart.x) * scaleX\n    this.viewBox.y = this.panOrigin.y - (e.clientY - this.panStart.y) * scaleY\n\n    this.applyViewBox()\n  }\n\n  private handleMouseUp(): void {\n    this.isPanning = false\n  }\n\n  // ---------------------------------------------------------------------------\n  // Helpers\n  // ---------------------------------------------------------------------------\n\n  private buildClassName(extra: string | undefined): string {\n    const classes = ['cmm-flow-diagram']\n    if (extra !== undefined) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n}\n"],"mappings":"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"}

package/dist/visualization/flow-diagram/types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Flow diagram type definitions
+ * @countermeasure/web-components/visualization/flow-diagram
+ */
+export interface FlowNode {
+    id: string;
+    label: string;
+    type?: 'start' | 'end' | 'process' | 'decision' | 'io';
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    color?: string;
+    icon?: string;
+    data?: Record<string, string>;
+}
+export interface FlowEdge {
+    id: string;
+    source: string;
+    target: string;
+    label?: string;
+    type?: 'solid' | 'dashed' | 'dotted';
+    color?: string;
+    animated?: boolean;
+}
+export interface FlowDiagramConfig {
+    container: HTMLElement | string;
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+    direction?: 'TB' | 'LR';
+    zoomable?: boolean;
+    pannable?: boolean;
+    onNodeClick?: (node: FlowNode) => void;
+    onEdgeClick?: (edge: FlowEdge) => void;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/visualization/flow-diagram/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/visualization/flow-diagram/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAA;IACtD,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/visualization/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Visualization - Complex visualization components
+ * @countermeasure/web-components/visualization
+ */
+export { Timeline } from './timeline/index';
+export type { TimelineConfig, TimelineEvent } from './timeline/types';
+export { FlowDiagram } from './flow-diagram/index';
+export type { FlowDiagramConfig, FlowNode, FlowEdge } from './flow-diagram/types';
+export { NetworkGraph } from './network-graph/index';
+export type { NetworkGraphConfig, GraphNode, GraphEdge } from './network-graph/types';
+export { ThreatMap } from './map/index';
+export type { MapConfig, MapMarker, MapRegion } from './map/types';
+export { FileTree } from './file-tree/index';
+export type { FileTreeConfig, FileTreeNode } from './file-tree/types';
+export { Terminal } from './terminal/index';
+export type { TerminalConfig } from './terminal/types';
+export { Kanban } from './kanban/index';
+export type { KanbanConfig, KanbanColumn, KanbanCard } from './kanban/types';
+export { JsonPathBrowser } from './json-path-browser/index';
+export type { JsonPathBrowserConfig } from './json-path-browser/types';
+export { RuleEditor } from './rule-editor/index';
+export type { RuleEditorConfig, RuleGroup, RuleCondition, FieldDefinition, } from './rule-editor/types';
+export { MermaidDiagram, renderMermaidToString } from './mermaid-diagram/index';
+export type { MermaidDiagramConfig, MermaidDiagramType, MermaidTheme, } from './mermaid-diagram/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/visualization/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/visualization/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGjF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGrF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG5E,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,YAAY,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,eAAe,GAChB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/E,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,YAAY,GACb,MAAM,yBAAyB,CAAA"}

package/dist/visualization/index.js

@@ -0,0 +1,11 @@
+import { Timeline as e } from "./timeline/index.js";
+import { FlowDiagram as t } from "./flow-diagram/index.js";
+import { NetworkGraph as n } from "./network-graph/index.js";
+import { ThreatMap as r } from "./map/index.js";
+import { FileTree as i } from "./file-tree/index.js";
+import { Terminal as a } from "./terminal/index.js";
+import { Kanban as o } from "./kanban/index.js";
+import { JsonPathBrowser as s } from "./json-path-browser/index.js";
+import { RuleEditor as c } from "./rule-editor/index.js";
+import { MermaidDiagram as l, renderMermaidToString as u } from "./mermaid-diagram/index.js";
+export { i as FileTree, t as FlowDiagram, s as JsonPathBrowser, o as Kanban, l as MermaidDiagram, n as NetworkGraph, c as RuleEditor, a as Terminal, r as ThreatMap, e as Timeline, u as renderMermaidToString };

package/dist/visualization/json-path-browser/index.d.ts

@@ -0,0 +1,48 @@
+import { JsonPathBrowserConfig } from './types';
+export type { JsonPathBrowserConfig } from './types';
+export declare class JsonPathBrowser {
+    private readonly container;
+    private readonly config;
+    private readonly instanceId;
+    private data;
+    private pathBarEl;
+    private searchInputEl;
+    private treeEl;
+    private nodeStates;
+    private searchQuery;
+    private selectedPath;
+    constructor(config: JsonPathBrowserConfig);
+    /** Replace the JSON data and re-render */
+    update(data: unknown): void;
+    /** Expand all nodes */
+    expandAll(): void;
+    /** Collapse all nodes */
+    collapseAll(): void;
+    /** Set the search query and highlight matches */
+    search(query: string): void;
+    /** Remove the component from the DOM and clean up */
+    destroy(): void;
+    /** Recursively set all composite nodes as expanded */
+    private initExpandedStates;
+    /** Expand paths that contain matching keys or values */
+    private expandMatchingPaths;
+    /** Whether a node is expanded */
+    private isExpanded;
+    /** Toggle the expanded state of a node */
+    private toggleNode;
+    /** Check if a key or value matches the search */
+    private matchesSearch;
+    /** Render the entire component */
+    private render;
+    /** Render only the tree portion */
+    private renderTree;
+    /** Build a tree node element recursively */
+    private buildNode;
+    /** Build a composite (object/array) node */
+    private buildCompositeNode;
+    /** Build a leaf (primitive) node */
+    private buildLeafNode;
+    /** Select a node path and update the path bar */
+    private selectPath;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/visualization/json-path-browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visualization/json-path-browser/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAkEpD,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuB;IAC9C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAK;gBAEb,MAAM,EAAE,qBAAqB;IAazC,0CAA0C;IAC1C,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAa3B,uBAAuB;IACvB,SAAS,IAAI,IAAI;IAKjB,yBAAyB;IACzB,WAAW,IAAI,IAAI;IAKnB,iDAAiD;IACjD,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAe3B,qDAAqD;IACrD,OAAO,IAAI,IAAI;IAQf,sDAAsD;IACtD,OAAO,CAAC,kBAAkB;IAoB1B,wDAAwD;IACxD,OAAO,CAAC,mBAAmB;IAoC3B,iCAAiC;IACjC,OAAO,CAAC,UAAU;IAKlB,0CAA0C;IAC1C,OAAO,CAAC,UAAU;IAUlB,iDAAiD;IACjD,OAAO,CAAC,aAAa;IAiBrB,kCAAkC;IAClC,OAAO,CAAC,MAAM;IA6Ed,mCAAmC;IACnC,OAAO,CAAC,UAAU;IAUlB,4CAA4C;IAC5C,OAAO,CAAC,SAAS;IAiBjB,4CAA4C;IAC5C,OAAO,CAAC,kBAAkB;IA4E1B,oCAAoC;IACpC,OAAO,CAAC,aAAa;IA8DrB,iDAAiD;IACjD,OAAO,CAAC,UAAU;CASnB"}

package/dist/visualization/json-path-browser/index.js

@@ -0,0 +1,189 @@
+import { t as e } from "../../sanitize-tXExwlw-.js";
+import { n as t, t as n } from "../../utils-Cn_W3h3f.js";
+//#region src/visualization/json-path-browser/index.ts
+function r(e) {
+	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
+}
+function i(t) {
+	return t === null ? "null" : typeof t == "string" ? `"${e(t)}"` : typeof t == "number" || typeof t == "boolean" ? String(t) : "";
+}
+function a(e) {
+	return e === null ? "null" : Array.isArray(e) ? `[${String(e.length)}]` : typeof e == "object" ? `{${String(Object.keys(e).length)}}` : typeof e == "string" ? "str" : typeof e == "number" ? "123" : typeof e == "boolean" ? "bool" : typeof e;
+}
+function o(e) {
+	return typeof e == "object" && !!e;
+}
+function s(e) {
+	navigator.clipboard.writeText(e).catch(() => {});
+}
+var c = class {
+	container;
+	config;
+	instanceId;
+	data;
+	pathBarEl = null;
+	searchInputEl = null;
+	treeEl = null;
+	nodeStates = /* @__PURE__ */ new Map();
+	searchQuery = "";
+	selectedPath = "";
+	constructor(e) {
+		this.container = n(e.container), this.config = e, this.instanceId = t("cmm-json-path"), this.data = e.data, e.expanded === !0 && this.initExpandedStates(this.data, "$"), this.render();
+	}
+	update(e) {
+		this.data = e, this.nodeStates.clear(), this.searchQuery = "", this.selectedPath = "", this.config.expanded === !0 && this.initExpandedStates(this.data, "$"), this.render();
+	}
+	expandAll() {
+		this.initExpandedStates(this.data, "$"), this.renderTree();
+	}
+	collapseAll() {
+		this.nodeStates.clear(), this.renderTree();
+	}
+	search(e) {
+		this.searchQuery = e.toLowerCase(), this.searchInputEl !== null && (this.searchInputEl.value = e), this.searchQuery.length > 0 && this.expandMatchingPaths(this.data, "$"), this.renderTree();
+	}
+	destroy() {
+		this.container.innerHTML = "", this.pathBarEl = null, this.searchInputEl = null, this.treeEl = null, this.nodeStates.clear();
+	}
+	initExpandedStates(e, t) {
+		if (o(e)) if (this.nodeStates.set(t, { expanded: !0 }), Array.isArray(e)) for (let n = 0; n < e.length; n++) {
+			let r = e[n];
+			this.initExpandedStates(r, `${t}[${String(n)}]`);
+		}
+		else {
+			let n = Object.entries(e);
+			for (let [e, r] of n) this.initExpandedStates(r, `${t}.${e}`);
+		}
+	}
+	expandMatchingPaths(e, t) {
+		if (!o(e)) return i(e).toLowerCase().includes(this.searchQuery);
+		let n = !1;
+		if (Array.isArray(e)) for (let r = 0; r < e.length; r++) {
+			let i = e[r], a = `${t}[${String(r)}]`;
+			this.expandMatchingPaths(i, a) && (n = !0);
+		}
+		else {
+			let r = Object.entries(e);
+			for (let [e, i] of r) {
+				let r = `${t}.${e}`;
+				e.toLowerCase().includes(this.searchQuery) && (n = !0), this.expandMatchingPaths(i, r) && (n = !0);
+			}
+		}
+		return n && this.nodeStates.set(t, { expanded: !0 }), n;
+	}
+	isExpanded(e) {
+		return this.nodeStates.get(e)?.expanded === !0;
+	}
+	toggleNode(e) {
+		let t = this.nodeStates.get(e);
+		t === void 0 ? this.nodeStates.set(e, { expanded: !0 }) : t.expanded = !t.expanded, this.renderTree();
+	}
+	matchesSearch(e, t) {
+		return this.searchQuery.length === 0 ? !1 : e.toLowerCase().includes(this.searchQuery) ? !0 : o(t) ? !1 : i(t).toLowerCase().includes(this.searchQuery);
+	}
+	render() {
+		this.container.innerHTML = "";
+		let e = document.createElement("div");
+		e.className = "cmm-json-path", e.id = this.instanceId, this.config.className !== void 0 && e.classList.add(this.config.className);
+		let t = document.createElement("div");
+		t.className = "cmm-json-path__toolbar";
+		let n = document.createElement("button");
+		n.className = "cmm-json-path__btn", n.textContent = "Expand All", n.addEventListener("click", () => {
+			this.expandAll();
+		}), t.appendChild(n);
+		let r = document.createElement("button");
+		if (r.className = "cmm-json-path__btn", r.textContent = "Collapse All", r.addEventListener("click", () => {
+			this.collapseAll();
+		}), t.appendChild(r), this.config.searchable !== !1) {
+			let e = document.createElement("input");
+			e.className = "cmm-json-path__search", e.type = "text", e.placeholder = "Search keys or values...", e.value = this.searchQuery, e.addEventListener("input", () => {
+				this.search(e.value);
+			}), this.searchInputEl = e, t.appendChild(e);
+		}
+		if (e.appendChild(t), this.config.showPath !== !1) {
+			let t = document.createElement("div");
+			t.className = "cmm-json-path__path-bar", t.textContent = this.selectedPath.length > 0 ? this.selectedPath : "$", t.addEventListener("click", () => {
+				s(this.selectedPath.length > 0 ? this.selectedPath : "$"), t.classList.add("cmm-json-path__path-bar--copied"), setTimeout(() => {
+					t.classList.remove("cmm-json-path__path-bar--copied");
+				}, 1e3);
+			}), t.title = "Click to copy path", this.pathBarEl = t, e.appendChild(t);
+		}
+		let i = document.createElement("div");
+		i.className = "cmm-json-path__tree", this.treeEl = i, e.appendChild(i), this.container.appendChild(e), this.renderTree();
+	}
+	renderTree() {
+		if (this.treeEl === null) return;
+		this.treeEl.innerHTML = "";
+		let e = this.buildNode("$", "", this.data, 0);
+		this.treeEl.appendChild(e);
+	}
+	buildNode(e, t, n, r) {
+		let i = document.createElement("div");
+		return i.className = "cmm-json-path__node", i.style.paddingLeft = `${String(r * 16)}px`, this.matchesSearch(t, n) && i.classList.add("cmm-json-path__node--highlight"), o(n) ? this.buildCompositeNode(i, e, t, n, r) : this.buildLeafNode(i, e, t, n);
+	}
+	buildCompositeNode(e, t, n, i, o) {
+		let s = this.isExpanded(t), c = document.createElement("div");
+		c.className = "cmm-json-path__row cmm-json-path__row--composite";
+		let l = document.createElement("span");
+		if (l.className = "cmm-json-path__arrow", l.classList.add(s ? "cmm-json-path__arrow--expanded" : "cmm-json-path__arrow--collapsed"), l.textContent = s ? "▾" : "▸", l.addEventListener("click", () => {
+			this.toggleNode(t);
+		}), c.appendChild(l), n.length > 0) {
+			let e = document.createElement("span");
+			e.className = "cmm-json-path__key", e.textContent = n, e.addEventListener("click", () => {
+				this.selectPath(t, i);
+			}), c.appendChild(e);
+			let r = document.createElement("span");
+			r.className = "cmm-json-path__colon", r.textContent = ": ", c.appendChild(r);
+		}
+		if (this.config.showTypes !== !1) {
+			let e = document.createElement("span");
+			e.className = "cmm-json-path__type-badge cmm-json-path__type-badge--" + r(i), e.textContent = a(i), c.appendChild(e);
+		}
+		if (e.appendChild(c), s) {
+			let n = document.createElement("div");
+			if (n.className = "cmm-json-path__children", Array.isArray(i)) for (let e = 0; e < i.length; e++) {
+				let r = i[e], a = `${t}[${String(e)}]`;
+				n.appendChild(this.buildNode(a, String(e), r, o + 1));
+			}
+			else {
+				let e = Object.entries(i);
+				for (let [r, i] of e) {
+					let e = `${t}.${r}`;
+					n.appendChild(this.buildNode(e, r, i, o + 1));
+				}
+			}
+			e.appendChild(n);
+		}
+		return e;
+	}
+	buildLeafNode(e, t, n, o) {
+		let c = document.createElement("div");
+		c.className = "cmm-json-path__row cmm-json-path__row--leaf";
+		let l = document.createElement("span");
+		if (l.className = "cmm-json-path__arrow-spacer", c.appendChild(l), n.length > 0) {
+			let e = document.createElement("span");
+			e.className = "cmm-json-path__key", e.textContent = n, e.addEventListener("click", () => {
+				this.selectPath(t, o);
+			}), c.appendChild(e);
+			let r = document.createElement("span");
+			r.className = "cmm-json-path__colon", r.textContent = ": ", c.appendChild(r);
+		}
+		let u = r(o), d = document.createElement("span");
+		if (d.className = `cmm-json-path__value cmm-json-path__value--${u}`, d.textContent = i(o), d.addEventListener("click", () => {
+			this.selectPath(t, o), s(typeof o == "object" ? JSON.stringify(o) : String(o)), d.classList.add("cmm-json-path__value--copied"), setTimeout(() => {
+				d.classList.remove("cmm-json-path__value--copied");
+			}, 800);
+		}), d.title = "Click to copy value", c.appendChild(d), this.config.showTypes !== !1) {
+			let e = document.createElement("span");
+			e.className = `cmm-json-path__type-badge cmm-json-path__type-badge--${u}`, e.textContent = a(o), c.appendChild(e);
+		}
+		return e.appendChild(c), e;
+	}
+	selectPath(e, t) {
+		this.selectedPath = e, this.pathBarEl !== null && (this.pathBarEl.textContent = e), this.config.onSelect?.(e, t);
+	}
+};
+//#endregion
+export { c as JsonPathBrowser };
+
+//# sourceMappingURL=index.js.map

package/dist/visualization/json-path-browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/visualization/json-path-browser/index.ts"],"sourcesContent":["/**\n * JsonPathBrowser - Interactive JSON tree browser with JSONPath support\n * @countermeasure/web-components/visualization/json-path-browser\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport { escapeHtml } from '../../utils/sanitize'\nimport type { JsonPathBrowserConfig } from './types'\n\nexport type { JsonPathBrowserConfig } from './types'\n\n/** Determine the display type of a value */\nfunction getValueType(value: unknown): string {\n  if (value === null) {\n    return 'null'\n  }\n  if (Array.isArray(value)) {\n    return 'array'\n  }\n  return typeof value\n}\n\n/** Format a value for display */\nfunction formatValue(value: unknown): string {\n  if (value === null) {\n    return 'null'\n  }\n  if (typeof value === 'string') {\n    return `\"${escapeHtml(value)}\"`\n  }\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return String(value)\n  }\n  return ''\n}\n\n/** Get the type badge text */\nfunction getTypeBadge(value: unknown): string {\n  if (value === null) {\n    return 'null'\n  }\n  if (Array.isArray(value)) {\n    return `[${String(value.length)}]`\n  }\n  if (typeof value === 'object') {\n    return `{${String(Object.keys(value).length)}}`\n  }\n  if (typeof value === 'string') {\n    return 'str'\n  }\n  if (typeof value === 'number') {\n    return '123'\n  }\n  if (typeof value === 'boolean') {\n    return 'bool'\n  }\n  return typeof value\n}\n\n/** Check whether a value is a composite (object or array) */\nfunction isComposite(value: unknown): value is Record<string, unknown> | unknown[] {\n  return value !== null && typeof value === 'object'\n}\n\n/** Safely copy text to clipboard */\nfunction copyText(text: string): void {\n  void navigator.clipboard.writeText(text).catch(() => {\n    // Fallback: silent fail in non-secure contexts\n  })\n}\n\ninterface TreeNodeState {\n  expanded: boolean\n}\n\nexport class JsonPathBrowser {\n  private readonly container: HTMLElement\n  private readonly config: JsonPathBrowserConfig\n  private readonly instanceId: string\n  private data: unknown\n  private pathBarEl: HTMLElement | null = null\n  private searchInputEl: HTMLInputElement | null = null\n  private treeEl: HTMLElement | null = null\n  private nodeStates = new Map<string, TreeNodeState>()\n  private searchQuery = ''\n  private selectedPath = ''\n\n  constructor(config: JsonPathBrowserConfig) {\n    this.container = resolveContainer(config.container)\n    this.config = config\n    this.instanceId = uniqueId('cmm-json-path')\n    this.data = config.data\n\n    if (config.expanded === true) {\n      this.initExpandedStates(this.data, '$')\n    }\n\n    this.render()\n  }\n\n  /** Replace the JSON data and re-render */\n  update(data: unknown): void {\n    this.data = data\n    this.nodeStates.clear()\n    this.searchQuery = ''\n    this.selectedPath = ''\n\n    if (this.config.expanded === true) {\n      this.initExpandedStates(this.data, '$')\n    }\n\n    this.render()\n  }\n\n  /** Expand all nodes */\n  expandAll(): void {\n    this.initExpandedStates(this.data, '$')\n    this.renderTree()\n  }\n\n  /** Collapse all nodes */\n  collapseAll(): void {\n    this.nodeStates.clear()\n    this.renderTree()\n  }\n\n  /** Set the search query and highlight matches */\n  search(query: string): void {\n    this.searchQuery = query.toLowerCase()\n\n    if (this.searchInputEl !== null) {\n      this.searchInputEl.value = query\n    }\n\n    // Auto-expand nodes that contain matches\n    if (this.searchQuery.length > 0) {\n      this.expandMatchingPaths(this.data, '$')\n    }\n\n    this.renderTree()\n  }\n\n  /** Remove the component from the DOM and clean up */\n  destroy(): void {\n    this.container.innerHTML = ''\n    this.pathBarEl = null\n    this.searchInputEl = null\n    this.treeEl = null\n    this.nodeStates.clear()\n  }\n\n  /** Recursively set all composite nodes as expanded */\n  private initExpandedStates(value: unknown, path: string): void {\n    if (!isComposite(value)) {\n      return\n    }\n\n    this.nodeStates.set(path, { expanded: true })\n\n    if (Array.isArray(value)) {\n      for (let i = 0; i < value.length; i++) {\n        const child = value[i]\n        this.initExpandedStates(child, `${path}[${String(i)}]`)\n      }\n    } else {\n      const entries = Object.entries(value)\n      for (const [key, child] of entries) {\n        this.initExpandedStates(child, `${path}.${key}`)\n      }\n    }\n  }\n\n  /** Expand paths that contain matching keys or values */\n  private expandMatchingPaths(value: unknown, path: string): boolean {\n    if (!isComposite(value)) {\n      const valStr = formatValue(value).toLowerCase()\n      return valStr.includes(this.searchQuery)\n    }\n\n    let hasMatch = false\n\n    if (Array.isArray(value)) {\n      for (let i = 0; i < value.length; i++) {\n        const child = value[i]\n        const childPath = `${path}[${String(i)}]`\n        if (this.expandMatchingPaths(child, childPath)) {\n          hasMatch = true\n        }\n      }\n    } else {\n      const entries = Object.entries(value)\n      for (const [key, child] of entries) {\n        const childPath = `${path}.${key}`\n        if (key.toLowerCase().includes(this.searchQuery)) {\n          hasMatch = true\n        }\n        if (this.expandMatchingPaths(child, childPath)) {\n          hasMatch = true\n        }\n      }\n    }\n\n    if (hasMatch) {\n      this.nodeStates.set(path, { expanded: true })\n    }\n\n    return hasMatch\n  }\n\n  /** Whether a node is expanded */\n  private isExpanded(path: string): boolean {\n    const state = this.nodeStates.get(path)\n    return state?.expanded === true\n  }\n\n  /** Toggle the expanded state of a node */\n  private toggleNode(path: string): void {\n    const current = this.nodeStates.get(path)\n    if (current !== undefined) {\n      current.expanded = !current.expanded\n    } else {\n      this.nodeStates.set(path, { expanded: true })\n    }\n    this.renderTree()\n  }\n\n  /** Check if a key or value matches the search */\n  private matchesSearch(key: string, value: unknown): boolean {\n    if (this.searchQuery.length === 0) {\n      return false\n    }\n\n    if (key.toLowerCase().includes(this.searchQuery)) {\n      return true\n    }\n\n    if (!isComposite(value)) {\n      const valStr = formatValue(value).toLowerCase()\n      return valStr.includes(this.searchQuery)\n    }\n\n    return false\n  }\n\n  /** Render the entire component */\n  private render(): void {\n    this.container.innerHTML = ''\n\n    const wrapper = document.createElement('div')\n    wrapper.className = 'cmm-json-path'\n    wrapper.id = this.instanceId\n\n    if (this.config.className !== undefined) {\n      wrapper.classList.add(this.config.className)\n    }\n\n    // Toolbar\n    const toolbar = document.createElement('div')\n    toolbar.className = 'cmm-json-path__toolbar'\n\n    // Expand / collapse buttons\n    const expandBtn = document.createElement('button')\n    expandBtn.className = 'cmm-json-path__btn'\n    expandBtn.textContent = 'Expand All'\n    expandBtn.addEventListener('click', () => {\n      this.expandAll()\n    })\n    toolbar.appendChild(expandBtn)\n\n    const collapseBtn = document.createElement('button')\n    collapseBtn.className = 'cmm-json-path__btn'\n    collapseBtn.textContent = 'Collapse All'\n    collapseBtn.addEventListener('click', () => {\n      this.collapseAll()\n    })\n    toolbar.appendChild(collapseBtn)\n\n    // Search input\n    if (this.config.searchable !== false) {\n      const searchInput = document.createElement('input')\n      searchInput.className = 'cmm-json-path__search'\n      searchInput.type = 'text'\n      searchInput.placeholder = 'Search keys or values...'\n      searchInput.value = this.searchQuery\n      searchInput.addEventListener('input', () => {\n        this.search(searchInput.value)\n      })\n      this.searchInputEl = searchInput\n      toolbar.appendChild(searchInput)\n    }\n\n    wrapper.appendChild(toolbar)\n\n    // Path bar\n    if (this.config.showPath !== false) {\n      const pathBar = document.createElement('div')\n      pathBar.className = 'cmm-json-path__path-bar'\n      pathBar.textContent = this.selectedPath.length > 0 ? this.selectedPath : '$'\n      pathBar.addEventListener('click', () => {\n        const pathText = this.selectedPath.length > 0 ? this.selectedPath : '$'\n        copyText(pathText)\n        pathBar.classList.add('cmm-json-path__path-bar--copied')\n        setTimeout(() => {\n          pathBar.classList.remove('cmm-json-path__path-bar--copied')\n        }, 1000)\n      })\n      pathBar.title = 'Click to copy path'\n      this.pathBarEl = pathBar\n      wrapper.appendChild(pathBar)\n    }\n\n    // Tree container\n    const treeEl = document.createElement('div')\n    treeEl.className = 'cmm-json-path__tree'\n    this.treeEl = treeEl\n    wrapper.appendChild(treeEl)\n\n    this.container.appendChild(wrapper)\n\n    this.renderTree()\n  }\n\n  /** Render only the tree portion */\n  private renderTree(): void {\n    if (this.treeEl === null) {\n      return\n    }\n\n    this.treeEl.innerHTML = ''\n    const rootNode = this.buildNode('$', '', this.data, 0)\n    this.treeEl.appendChild(rootNode)\n  }\n\n  /** Build a tree node element recursively */\n  private buildNode(path: string, key: string, value: unknown, depth: number): HTMLElement {\n    const nodeEl = document.createElement('div')\n    nodeEl.className = 'cmm-json-path__node'\n    nodeEl.style.paddingLeft = `${String(depth * 16)}px`\n\n    const isMatch = this.matchesSearch(key, value)\n    if (isMatch) {\n      nodeEl.classList.add('cmm-json-path__node--highlight')\n    }\n\n    if (isComposite(value)) {\n      return this.buildCompositeNode(nodeEl, path, key, value, depth)\n    }\n\n    return this.buildLeafNode(nodeEl, path, key, value)\n  }\n\n  /** Build a composite (object/array) node */\n  private buildCompositeNode(\n    nodeEl: HTMLElement,\n    path: string,\n    key: string,\n    value: Record<string, unknown> | unknown[],\n    depth: number\n  ): HTMLElement {\n    const expanded = this.isExpanded(path)\n\n    const rowEl = document.createElement('div')\n    rowEl.className = 'cmm-json-path__row cmm-json-path__row--composite'\n\n    // Toggle arrow\n    const arrow = document.createElement('span')\n    arrow.className = 'cmm-json-path__arrow'\n    arrow.classList.add(\n      expanded ? 'cmm-json-path__arrow--expanded' : 'cmm-json-path__arrow--collapsed'\n    )\n    arrow.textContent = expanded ? '\\u25BE' : '\\u25B8'\n    arrow.addEventListener('click', () => {\n      this.toggleNode(path)\n    })\n    rowEl.appendChild(arrow)\n\n    // Key label\n    if (key.length > 0) {\n      const keyEl = document.createElement('span')\n      keyEl.className = 'cmm-json-path__key'\n      keyEl.textContent = key\n      keyEl.addEventListener('click', () => {\n        this.selectPath(path, value)\n      })\n      rowEl.appendChild(keyEl)\n\n      const colonEl = document.createElement('span')\n      colonEl.className = 'cmm-json-path__colon'\n      colonEl.textContent = ': '\n      rowEl.appendChild(colonEl)\n    }\n\n    // Type badge\n    if (this.config.showTypes !== false) {\n      const badge = document.createElement('span')\n      badge.className =\n        'cmm-json-path__type-badge cmm-json-path__type-badge--' + getValueType(value)\n      badge.textContent = getTypeBadge(value)\n      rowEl.appendChild(badge)\n    }\n\n    nodeEl.appendChild(rowEl)\n\n    // Children\n    if (expanded) {\n      const childrenEl = document.createElement('div')\n      childrenEl.className = 'cmm-json-path__children'\n\n      if (Array.isArray(value)) {\n        for (let i = 0; i < value.length; i++) {\n          const child = value[i]\n          const childPath = `${path}[${String(i)}]`\n          childrenEl.appendChild(this.buildNode(childPath, String(i), child, depth + 1))\n        }\n      } else {\n        const entries = Object.entries(value)\n        for (const [childKey, childValue] of entries) {\n          const childPath = `${path}.${childKey}`\n          childrenEl.appendChild(this.buildNode(childPath, childKey, childValue, depth + 1))\n        }\n      }\n\n      nodeEl.appendChild(childrenEl)\n    }\n\n    return nodeEl\n  }\n\n  /** Build a leaf (primitive) node */\n  private buildLeafNode(\n    nodeEl: HTMLElement,\n    path: string,\n    key: string,\n    value: unknown\n  ): HTMLElement {\n    const rowEl = document.createElement('div')\n    rowEl.className = 'cmm-json-path__row cmm-json-path__row--leaf'\n\n    // Spacer for alignment with arrows\n    const spacer = document.createElement('span')\n    spacer.className = 'cmm-json-path__arrow-spacer'\n    rowEl.appendChild(spacer)\n\n    // Key\n    if (key.length > 0) {\n      const keyEl = document.createElement('span')\n      keyEl.className = 'cmm-json-path__key'\n      keyEl.textContent = key\n      keyEl.addEventListener('click', () => {\n        this.selectPath(path, value)\n      })\n      rowEl.appendChild(keyEl)\n\n      const colonEl = document.createElement('span')\n      colonEl.className = 'cmm-json-path__colon'\n      colonEl.textContent = ': '\n      rowEl.appendChild(colonEl)\n    }\n\n    // Value\n    const valueType = getValueType(value)\n    const valueEl = document.createElement('span')\n    valueEl.className = `cmm-json-path__value cmm-json-path__value--${valueType}`\n    valueEl.textContent = formatValue(value)\n    valueEl.addEventListener('click', () => {\n      this.selectPath(path, value)\n      const text =\n        typeof value === 'object'\n          ? JSON.stringify(value)\n          : String(value as string | number | boolean)\n      copyText(text)\n      valueEl.classList.add('cmm-json-path__value--copied')\n      setTimeout(() => {\n        valueEl.classList.remove('cmm-json-path__value--copied')\n      }, 800)\n    })\n    valueEl.title = 'Click to copy value'\n    rowEl.appendChild(valueEl)\n\n    // Type badge\n    if (this.config.showTypes !== false) {\n      const badge = document.createElement('span')\n      badge.className = `cmm-json-path__type-badge cmm-json-path__type-badge--${valueType}`\n      badge.textContent = getTypeBadge(value)\n      rowEl.appendChild(badge)\n    }\n\n    nodeEl.appendChild(rowEl)\n    return nodeEl\n  }\n\n  /** Select a node path and update the path bar */\n  private selectPath(path: string, value: unknown): void {\n    this.selectedPath = path\n\n    if (this.pathBarEl !== null) {\n      this.pathBarEl.textContent = path\n    }\n\n    this.config.onSelect?.(path, value)\n  }\n}\n"],"mappings":"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"}

package/dist/visualization/json-path-browser/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * JsonPathBrowser type definitions
+ * @countermeasure/web-components/visualization/json-path-browser
+ */
+export interface JsonPathBrowserConfig {
+    container: HTMLElement | string;
+    data: unknown;
+    expanded?: boolean;
+    searchable?: boolean;
+    showPath?: boolean;
+    showTypes?: boolean;
+    onSelect?: (path: string, value: unknown) => void;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/visualization/json-path-browser/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/visualization/json-path-browser/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/visualization/kanban/index.d.ts

@@ -0,0 +1,71 @@
+import { KanbanCard, KanbanColumn, KanbanConfig } from './types';
+export type { KanbanCard, KanbanColumn, KanbanConfig, KanbanAssignee, KanbanSwimlane, KanbanAction, KanbanAnimations, } from './types';
+export declare class Kanban {
+    private readonly container;
+    private readonly config;
+    private readonly instanceId;
+    private columns;
+    private wrapperEl;
+    private dragState;
+    private readonly collapsedState;
+    constructor(config: KanbanConfig);
+    /** Replace all columns and re-render */
+    update(columns: KanbanColumn[]): void;
+    /** Add a card to a specific column */
+    addCard(columnId: string, card: KanbanCard): void;
+    /** Remove a card by ID from any column */
+    removeCard(cardId: string): void;
+    /** Move a card to a target column at a specific index */
+    moveCard(cardId: string, toColumnId: string, index: number): void;
+    /** Remove the component from the DOM and clean up */
+    destroy(): void;
+    /** Deep-clone columns to avoid mutating config */
+    private cloneColumns;
+    /** Check if animations are enabled */
+    private isAnimationEnabled;
+    /** Get the max description length */
+    private getDescriptionMaxLength;
+    /** Get the max labels count */
+    private getMaxLabels;
+    /** Get the max assignee avatars count */
+    private getMaxAssigneeAvatars;
+    /** Render the entire board */
+    private render;
+    /** Render board with swimlane grouping */
+    private renderWithSwimlanes;
+    /** Render a single column */
+    private renderColumn;
+    /** Render a single card */
+    private renderCard;
+    /** Render the issue row (issueKey, issueType, storyPoints, rank) */
+    private renderIssueRow;
+    /** Render context chips (epic, sprint, parent) */
+    private renderContextChips;
+    /** Render truncated description */
+    private renderDescription;
+    /** Render subtask / completion progress bar */
+    private renderProgressBar;
+    /** Render due date with overdue/today/soon modifiers */
+    private renderDueDate;
+    /** Render comment and attachment count stats */
+    private renderStats;
+    /** Render assignee avatars (array format) or legacy single assignee */
+    private renderAssignees;
+    /** Render label pills with overflow */
+    private renderLabels;
+    /** Render quick action buttons */
+    private renderActions;
+    /** Whether drag-and-drop is enabled */
+    private isDraggable;
+    /** Set up drag events on a card element */
+    private setupDragSource;
+    /** Set up drop zone on a card list element */
+    private setupDropZone;
+    /** Calculate the index to insert the card at based on mouse Y position */
+    private calculateDropIndex;
+    /** Extract a card from its current column, returning the card and source column id */
+    private extractCard;
+    /** Perform a card move between columns, with async revert support */
+    private performMove;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/visualization/kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visualization/kanban/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAErE,YAAY,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAmBhB,qBAAa,MAAM;IACjB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;IACrC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,SAAS,CAAwD;IACzE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;gBAEhD,MAAM,EAAE,YAAY;IAgBhC,wCAAwC;IACxC,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,IAAI;IAKrC,sCAAsC;IACtC,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IASjD,0CAA0C;IAC1C,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAWhC,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIjE,qDAAqD;IACrD,OAAO,IAAI,IAAI;IAMf,kDAAkD;IAClD,OAAO,CAAC,YAAY;IAOpB,sCAAsC;IACtC,OAAO,CAAC,kBAAkB;IAW1B,qCAAqC;IACrC,OAAO,CAAC,uBAAuB;IAI/B,+BAA+B;IAC/B,OAAO,CAAC,YAAY;IAIpB,yCAAyC;IACzC,OAAO,CAAC,qBAAqB;IAQ7B,8BAA8B;IAC9B,OAAO,CAAC,MAAM;IA0Bd,0CAA0C;IAC1C,OAAO,CAAC,mBAAmB;IA8C3B,6BAA6B;IAC7B,OAAO,CAAC,YAAY;IAiGpB,2BAA2B;IAC3B,OAAO,CAAC,UAAU;IA2ClB,oEAAoE;IACpE,OAAO,CAAC,cAAc;IAiCtB,kDAAkD;IAClD,OAAO,CAAC,kBAAkB;IAiC1B,mCAAmC;IACnC,OAAO,CAAC,iBAAiB;IAazB,+CAA+C;IAC/C,OAAO,CAAC,iBAAiB;IA0BzB,wDAAwD;IACxD,OAAO,CAAC,aAAa;IAoCrB,gDAAgD;IAChD,OAAO,CAAC,WAAW;IAqBnB,uEAAuE;IACvE,OAAO,CAAC,eAAe;IAmCvB,uCAAuC;IACvC,OAAO,CAAC,YAAY;IA0BpB,kCAAkC;IAClC,OAAO,CAAC,aAAa;IAoCrB,uCAAuC;IACvC,OAAO,CAAC,WAAW;IAInB,2CAA2C;IAC3C,OAAO,CAAC,eAAe;IAyBvB,8CAA8C;IAC9C,OAAO,CAAC,aAAa;IAqCrB,0EAA0E;IAC1E,OAAO,CAAC,kBAAkB;IAyB1B,sFAAsF;IACtF,OAAO,CAAC,WAAW;IAcnB,qEAAqE;IACrE,OAAO,CAAC,WAAW;CAkDpB"}