{
  "id": "expert-lens-panel-queue",
  "name": "Panel Queue",
  "theme": "expert-lens",
  "category": "Dashboard",
  "description": "A chair's view of a review round: who has what, who is late, and where two reviewers disagree enough to need a third.",
  "layout": "A load strip of reviewer avatars with progress rings across the top, then a submission table whose spread column is a small two-dot plot rather than a number.",
  "modules": [
    {
      "key": "load",
      "name": "Reviewer load",
      "html": "\n<div class=\"load\">\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:100%\">6/6</span><b>K. Adeyemi</b><em>Done</em></div>\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:66%\">4/6</span><b>R. Vasquez</b><em>On track</em></div>\n  <div class=\"rv late\"><span class=\"ring\" style=\"--p:16%\">1/6</span><b>T. Okonkwo</b><em>4 days late</em></div>\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:83%\">5/6</span><b>M. Feng</b><em>On track</em></div>\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:50%\">3/6</span><b>S. Halvorsen</b><em>On track</em></div>\n</div>"
    },
    {
      "key": "table",
      "name": "Submission table",
      "html": "\n<div class=\"tw\">\n  <div class=\"tw-h\"><h2>Round 3 · 24 submissions</h2><label class=\"only\"><input type=\"checkbox\" checked> Needs a decision</label></div>\n  <table>\n    <thead><tr><th scope=\"col\">ID</th><th scope=\"col\">Title</th><th scope=\"col\">Reviews</th><th scope=\"col\">Spread</th><th scope=\"col\">State</th></tr></thead>\n    <tbody>\n      <tr><td class=\"id\">#0412</td><td>Adaptive sampling under drift</td><td class=\"num\">3 / 3</td><td><div class=\"sp\"><i style=\"left:22%\"></i><i style=\"left:78%\"></i></div></td><td><span class=\"st warn\">Split</span></td></tr>\n      <tr><td class=\"id\">#0418</td><td>A note on partial identification</td><td class=\"num\">2 / 3</td><td><div class=\"sp\"><i style=\"left:60%\"></i><i style=\"left:70%\"></i></div></td><td><span class=\"st\">Waiting</span></td></tr>\n      <tr><td class=\"id\">#0421</td><td>Reproducibility of the 2024 panel</td><td class=\"num\">3 / 3</td><td><div class=\"sp\"><i style=\"left:80%\"></i><i style=\"left:88%\"></i></div></td><td><span class=\"st ok\">Accept</span></td></tr>\n      <tr><td class=\"id\">#0404</td><td>Cost curves in cold storage</td><td class=\"num\">3 / 3</td><td><div class=\"sp\"><i style=\"left:14%\"></i><i style=\"left:24%\"></i></div></td><td><span class=\"st bad\">Reject</span></td></tr>\n      <tr><td class=\"id\">#0399</td><td>On the failure of held-out splits</td><td class=\"num\">1 / 3</td><td><div class=\"sp\"><i style=\"left:44%\"></i></div></td><td><span class=\"st\">Waiting</span></td></tr>\n    </tbody>\n  </table>\n</div>"
    },
    {
      "key": "action",
      "name": "Chair actions",
      "html": "\n<footer class=\"ca\"><span>1 submission needs a third reviewer. 1 reviewer is 4 days late.</span><div><button type=\"button\">Send reminders</button><button type=\"button\" class=\"pri\">Assign third reviewer</button></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "expert-lens-panel-queue",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:34:32+09:00",
    "updatedAt": "2026-08-29T18:34:32+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/expert-lens-panel-queue.json",
  "structure": "A load strip of reviewer avatars with progress rings across the top, then a submission table whose spread column is a small two-dot plot rather than a number.",
  "html": "<div class=\"dz dz-expert-lens-panel-queue\" data-design=\"expert-lens-panel-queue\" data-theme=\"expert-lens\">\n<section class=\"dz-mod\" data-mod=\"load\" aria-label=\"Reviewer load\">\n<div class=\"load\">\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:100%\">6/6</span><b>K. Adeyemi</b><em>Done</em></div>\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:66%\">4/6</span><b>R. Vasquez</b><em>On track</em></div>\n  <div class=\"rv late\"><span class=\"ring\" style=\"--p:16%\">1/6</span><b>T. Okonkwo</b><em>4 days late</em></div>\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:83%\">5/6</span><b>M. Feng</b><em>On track</em></div>\n  <div class=\"rv\"><span class=\"ring\" style=\"--p:50%\">3/6</span><b>S. Halvorsen</b><em>On track</em></div>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"table\" aria-label=\"Submission table\">\n<div class=\"tw\">\n  <div class=\"tw-h\"><h2>Round 3 · 24 submissions</h2><label class=\"only\"><input type=\"checkbox\" checked> Needs a decision</label></div>\n  <table>\n    <thead><tr><th scope=\"col\">ID</th><th scope=\"col\">Title</th><th scope=\"col\">Reviews</th><th scope=\"col\">Spread</th><th scope=\"col\">State</th></tr></thead>\n    <tbody>\n      <tr><td class=\"id\">#0412</td><td>Adaptive sampling under drift</td><td class=\"num\">3 / 3</td><td><div class=\"sp\"><i style=\"left:22%\"></i><i style=\"left:78%\"></i></div></td><td><span class=\"st warn\">Split</span></td></tr>\n      <tr><td class=\"id\">#0418</td><td>A note on partial identification</td><td class=\"num\">2 / 3</td><td><div class=\"sp\"><i style=\"left:60%\"></i><i style=\"left:70%\"></i></div></td><td><span class=\"st\">Waiting</span></td></tr>\n      <tr><td class=\"id\">#0421</td><td>Reproducibility of the 2024 panel</td><td class=\"num\">3 / 3</td><td><div class=\"sp\"><i style=\"left:80%\"></i><i style=\"left:88%\"></i></div></td><td><span class=\"st ok\">Accept</span></td></tr>\n      <tr><td class=\"id\">#0404</td><td>Cost curves in cold storage</td><td class=\"num\">3 / 3</td><td><div class=\"sp\"><i style=\"left:14%\"></i><i style=\"left:24%\"></i></div></td><td><span class=\"st bad\">Reject</span></td></tr>\n      <tr><td class=\"id\">#0399</td><td>On the failure of held-out splits</td><td class=\"num\">1 / 3</td><td><div class=\"sp\"><i style=\"left:44%\"></i></div></td><td><span class=\"st\">Waiting</span></td></tr>\n    </tbody>\n  </table>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"action\" aria-label=\"Chair actions\">\n<footer class=\"ca\"><span>1 submission needs a third reviewer. 1 reviewer is 4 days late.</span><div><button type=\"button\">Send reminders</button><button type=\"button\" class=\"pri\">Assign third reviewer</button></div></footer></section>\n</div>",
  "css": "\n.dz-expert-lens-panel-queue { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 24px 30px 22px; display: flex; flex-direction: column; min-height: 500px; }\n.dz-expert-lens-panel-queue .load { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }\n.dz-expert-lens-panel-queue .rv { background: var(--card); border-radius: var(--pv-radius); padding: 14px 16px; }\n.dz-expert-lens-panel-queue .ring { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; font-family: var(--pv-mono); font-size: 11px; background: conic-gradient(var(--primary) var(--p), var(--muted) 0); position: relative; margin-bottom: 10px; }\n.dz-expert-lens-panel-queue .ring::before { content: \"\"; position: absolute; inset: 4px; border-radius: 50%; background: var(--card); }\n.dz-expert-lens-panel-queue .ring { color: var(--foreground); }\n.dz-expert-lens-panel-queue .rv b { position: relative; display: block; font-size: 13.5px; font-weight: 600; }\n.dz-expert-lens-panel-queue .rv em { font-style: normal; font-size: 11.5px; color: var(--muted-foreground); }\n.dz-expert-lens-panel-queue .rv.late em { color: var(--destructive); }\n.dz-expert-lens-panel-queue .rv .ring > * { position: relative; }\n.dz-expert-lens-panel-queue .tw { margin-top: 18px; flex: 1; }\n.dz-expert-lens-panel-queue .tw-h { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 10px; box-shadow: inset 0 -1px 0 var(--border); }\n.dz-expert-lens-panel-queue .tw-h h2 { font-family: var(--pv-display); font-size: 14px; letter-spacing: .1em; text-transform: uppercase; font-weight: 500; margin: 0; }\n.dz-expert-lens-panel-queue .only { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted-foreground); cursor: pointer; }\n.dz-expert-lens-panel-queue .only input { accent-color: var(--primary); }\n.dz-expert-lens-panel-queue table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin-top: 4px; }\n.dz-expert-lens-panel-queue th { text-align: left; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-foreground); font-weight: 500; padding: 10px 12px 10px 0; }\n.dz-expert-lens-panel-queue td { padding: 11px 12px 11px 0; box-shadow: inset 0 -1px 0 var(--border); }\n.dz-expert-lens-panel-queue tbody tr { transition: background var(--dur) var(--ease); }\n.dz-expert-lens-panel-queue tbody tr:hover td { background: var(--card); }\n.dz-expert-lens-panel-queue .id { font-family: var(--pv-mono); color: var(--primary); }\n.dz-expert-lens-panel-queue .num { font-family: var(--pv-mono); color: var(--muted-foreground); }\n.dz-expert-lens-panel-queue .sp { position: relative; width: 90px; height: 14px; background: var(--muted); border-radius: var(--pv-radius-xl); }\n.dz-expert-lens-panel-queue .sp i { position: absolute; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); }\n.dz-expert-lens-panel-queue .st { font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-expert-lens-panel-queue .st.ok { color: var(--chart-1); }\n.dz-expert-lens-panel-queue .st.bad { color: var(--destructive); }\n.dz-expert-lens-panel-queue .st.warn { color: var(--chart-4); }\n.dz-expert-lens-panel-queue .ca { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; padding-top: 14px; box-shadow: inset 0 1px 0 var(--border); font-size: 12.5px; color: var(--muted-foreground); }\n.dz-expert-lens-panel-queue .ca div { display: flex; gap: 8px; }\n.dz-expert-lens-panel-queue .ca button { font: inherit; font-size: 12.5px; padding: 8px 16px; border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-sm); background: var(--card); color: var(--foreground); cursor: pointer; }\n.dz-expert-lens-panel-queue .ca .pri { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); }\n@media (prefers-reduced-motion: reduce) { .dz-expert-lens-panel-queue *, .dz-expert-lens-panel-queue *::before, .dz-expert-lens-panel-queue *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/expert-lens.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}