settled-reach/docs/design/wireframes/popups/v10-context-menu.json

{
  "name": "v10-context-menu",
  "shapes": {
    "bg": {
      "type": "Rectangle",
      "left": 0, "top": 0, "width": 1140, "height": 760,
      "fillColor": "#1a1e24",
      "strokeColor": "#1a1e24"
    },
    "bg-label": {
      "type": "Text",
      "left": 370, "top": 340,
      "text": "GAME VIEW — entity context menu\n(knowledge-unlocked options, new option glow)",
      "fontColor": "#333340",
      "fontSize": 14
    },
    "entity-dot": {
      "type": "Ellipse",
      "left": 440, "top": 300, "width": 28, "height": 28,
      "fillColor": "#e8c547",
      "strokeColor": "#c8d8f0"
    },
    "entity-bracket-tl": {
      "type": "Line",
      "left": 428, "top": 288, "width": 14, "height": 0,
      "strokeColor": "#e8c547"
    },
    "entity-bracket-tl-v": {
      "type": "Line",
      "left": 428, "top": 288, "width": 0, "height": 14,
      "strokeColor": "#e8c547"
    },
    "entity-bracket-br": {
      "type": "Line",
      "left": 466, "top": 340, "width": 14, "height": 0,
      "strokeColor": "#e8c547"
    },
    "entity-bracket-br-v": {
      "type": "Line",
      "left": 480, "top": 326, "width": 0, "height": 14,
      "strokeColor": "#e8c547"
    },
    "context-menu": {
      "type": "Rectangle",
      "left": 488, "top": 284, "width": 240, "height": 168,
      "fillColor": "#0e1118",
      "strokeColor": "#e8c547",
      "corners": [2, 2, 2, 2]
    },
    "context-menu-header": {
      "type": "Text",
      "left": 496, "top": 290,
      "text": "KAEL DAVAN",
      "fontColor": "#e8c547",
      "fontSize": 13
    },
    "context-header-sub": {
      "type": "Text",
      "left": 496, "top": 306,
      "text": "Person of Interest  //  Dock Worker",
      "fontColor": "#8899aa",
      "fontSize": 10
    },
    "context-divider": {
      "type": "Line",
      "left": 496, "top": 320, "width": 224, "height": 0,
      "strokeColor": "#2a3040"
    },
    "context-verb-1": {
      "type": "Rectangle",
      "left": 496, "top": 326, "width": 224, "height": 28,
      "fillColor": "#12181e",
      "strokeColor": "#00000000",
      "corners": [2, 2, 2, 2]
    },
    "context-verb-1-text": {
      "type": "Text",
      "left": 504, "top": 334,
      "text": "[E]  Talk",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },
    "context-verb-2": {
      "type": "Rectangle",
      "left": 496, "top": 358, "width": 224, "height": 28,
      "fillColor": "#12181e",
      "strokeColor": "#00000000",
      "corners": [2, 2, 2, 2]
    },
    "context-verb-2-text": {
      "type": "Text",
      "left": 504, "top": 366,
      "text": "[F]  Observe",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },
    "context-verb-3-new": {
      "type": "Rectangle",
      "left": 496, "top": 390, "width": 224, "height": 28,
      "fillColor": "#1a2030",
      "strokeColor": "#c8d8f0",
      "corners": [2, 2, 2, 2]
    },
    "context-verb-3-glow": {
      "type": "Rectangle",
      "left": 496, "top": 390, "width": 224, "height": 28,
      "fillColor": "#0a1020",
      "strokeColor": "#c8d8f0",
      "corners": [2, 2, 2, 2]
    },
    "context-verb-3-text": {
      "type": "Text",
      "left": 504, "top": 398,
      "text": "[G]  Confront",
      "fontColor": "#c8d8f0",
      "fontSize": 13
    },
    "context-verb-3-new-badge": {
      "type": "Rectangle",
      "left": 676, "top": 396, "width": 36, "height": 16,
      "fillColor": "#c8d8f0",
      "strokeColor": "#c8d8f0",
      "corners": [2, 2, 2, 2]
    },
    "context-verb-3-new-text": {
      "type": "Text",
      "left": 680, "top": 400,
      "text": "NEW",
      "fontColor": "#0e1118",
      "fontSize": 9
    },
    "context-verb-4": {
      "type": "Rectangle",
      "left": 496, "top": 422, "width": 224, "height": 28,
      "fillColor": "#12181e",
      "strokeColor": "#00000000",
      "corners": [2, 2, 2, 2]
    },
    "context-verb-4-text": {
      "type": "Text",
      "left": 504, "top": 430,
      "text": "[H]  Follow",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },
    "new-option-note": {
      "type": "Text",
      "left": 488, "top": 456,
      "text": "New option glow: gradient background + badge. Fires when knowledge threshold crossed. (D-057)",
      "fontColor": "#3a4455",
      "fontSize": 10
    },
    "connection-line": {
      "type": "Line",
      "left": 480, "top": 314, "width": 8, "height": 0,
      "strokeColor": "#e8c547"
    },
    "annotation-title": {
      "type": "Text",
      "left": 16, "top": 16,
      "text": "v1.0 CONTEXT MENU — ENTITY WITH UNLOCKED CONFRONT",
      "fontColor": "#556677",
      "fontSize": 11
    },
    "annotation-notes": {
      "type": "Text",
      "left": 16, "top": 30, "width": 840,
      "text": "Vertical list (D-057). 4 options. New option highlighted with glow + NEW badge — knowledge state changed, Confront became available. Frame brackets match D-033 entity color.",
      "fontColor": "#3a4455",
      "fontSize": 10,
      "wordWrap": true
    }
  }
}