用 Claude Code mod 做一個「工作佇列」面板：哪條線在跑、誰剛交件、什麼在等我決定

echo '{"ev":"start","id":"t7","lane":"docs","task":"update FAQ","at":"'"$(date -u +%Y-%m-%dT%H:%M:%SZ)"'"}' >> .work-queue/queue.jsonl

{
  "items": [
    { "id": "d1", "lane": "backend", "title": "Rate limit value",
      "ask": "Allow 5 or 10 login attempts per minute?",
      "rec": "10, then lower it if abuse shows up in logs" }
  ]
}

export const register: Register = (on, options) => {
  const queueFile = String(options.queueFile ?? '.work-queue/queue.jsonl')
  const decisionsFile = String(options.decisionsFile ?? '.work-queue/decisions.json')
  const refreshMs = Math.max(5, Number(options.refreshSeconds ?? 15)) * 1000

  on('session.start', async ($, e, next) => {
    await $.command.register({
      name: COMMAND,
      description: '打開工作佇列面板：各工作線在跑什麼、等你決定的事',
    })
    await reload($, queueFile, decisionsFile)
    $.clock.every(refreshMs, () => reload($, queueFile, decisionsFile))
    return next(e)
  })
  // ……其餘 hook
}

on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
  const { Box, Text } = $.ui.resolve(e)
  const list = await read($, runs)
  const asks = await read($, decisions)
  const now = await $.clock.now()
  const running = list.filter(r => r.endedAt === null)

  return (
    <Box flexDirection="column">
      <Text bold>工作線</Text>
      {running.map(r => (
        <Text>
          <Text color="green">● {r.lane}</Text> {r.task}
          <Text dimColor>  {ago(r.startedAt, now)}</Text>
        </Text>
      ))}
      {/* ……最近完成、等你決定 */}
    </Box>
  )
})

on('command.run', { command: COMMAND }, async $ => {
  await reload($, queueFile, decisionsFile)
  try {
    await $.ui.open({ id: PANE, title: TITLE })
  } catch {
    // 沒有畫面的 session（claude -p、雲端）開不了面板；文字結果照樣回。
  }
  const now = await $.clock.now()
  return { text: summaryText(await read($, runs), await read($, decisions), now, await read($, missing)) }
})

Validating plugin manifest: work-queue-pane/.claude-plugin/plugin.json

  ❯ types ./types/index.d.ts declares on $: nothing (no EngineInterface member)
  ❯ types ./types/index.d.ts declares state: work-queue-pane.runs, work-queue-pane.decisions, work-queue-pane.missing

Validating hooks: work-queue-pane/hooks/hooks.json

  ❯ ./register.tsx hooks: session.start, command.run{command=queue}, ui.render{component=Pane, requestId=work-queue}, ui.render{component=AbovePrompt}
  ❯ ./register.tsx gating hook without .catch: command.run{command=queue}
  ❯ ./register.tsx calls: $.clock.every, $.clock.now, $.command.register, $.fs.read (via reload), $.state.get, $.state.set, $.ui.open, $.ui.resolve
  ❯ ./register.tsx state writes: work-queue-pane.decisions, work-queue-pane.missing, work-queue-pane.runs
  ❯ ./register.tsx state reads: work-queue-pane.decisions, work-queue-pane.missing, work-queue-pane.runs

ℹ Advice (does not change the verdict):

  ❯ work-queue-pane/README.md: This README has no line that installs "work-queue-pane" from a marketplace. Add the install line, which works in one step on Claude Code 2.1.275 or later. Validate the folder that holds its marketplace.json to have <owner>/<repo> filled in, and the name its marketplace lists it under.
      /plugin install work-queue-pane --marketplace <owner>/<repo>

✔ Validation passed

shasum -a 256 work-queue-pane-0.1.0.zip
# 576144e65fb89ea24372fc73ded52baa2ee460e2ec01d4cc8483fcdfabc62dff

unzip work-queue-pane-0.1.0.zip

claude plugin validate ./work-queue-pane

mkdir queue-demo
cp -R work-queue-pane/examples/.work-queue queue-demo/
cd queue-demo

claude --plugin-dir ../work-queue-pane