jev-conventions

import type { Register } from 'claude-code'

// Drawn like jev-conventions by mako-code (pane, toast), as modscode read it from the mod's code:
// https://modscode.com/gallery/mako-code-jev-conventions/
// Written by modscode from that reading, not copied from the mod: use it as you like.
// Each value below stands for one the mod works out at run time; put in your own.
export const register: Register = on => {
  // the pane: open it with $.ui.open({ id: 'my-pane', title: "Conventions" })
  on('ui.render', { component: 'Pane', requestId: 'my-pane' }, async ($, e) => {
    const { Box, Text, Button } = $.ui.resolve(e)
    const mode = '…'
    const plural = '…'
    const fmtP = '…'
    const fmtP2 = '…'
    const phase = '…'
    const note = '…'
    const ledgerLine = '…'
    const hhmm = '…'
    const file = '…'
    const severity = '…'
    const rule = '…'
    const fmtP3 = '…'
    const hhmm2 = '…'
    const file2 = '…'
    const severity2 = '…'
    const rule2 = '…'
    const fmtP4 = '…'
    const hhmm3 = '…'
    const file3 = '…'
    const severity3 = '…'
    const rule3 = '…'
    const fmtP5 = '…'
    const severity4 = '…'
    const checks = '…'
    const flags = '…'
    const fmtP6 = '…'
    const fmtP7 = '…'
    const rule4 = '…'
    const appliesTo = '…'
    const source = '…'
    const id = '…'
    const severity5 = '…'
    const checks2 = '…'
    const flags2 = '…'
    const fmtP8 = '…'
    const fmtP9 = '…'
    const rule5 = '…'
    const appliesTo2 = '…'
    const source2 = '…'
    const id2 = '…'
    const severity6 = '…'
    const checks3 = '…'
    const flags3 = '…'
    const fmtP10 = '…'
    const fmtP11 = '…'
    const rule6 = '…'
    const appliesTo3 = '…'
    const source3 = '…'
    const id3 = '…'
    const length = '…'
    const rule7 = '…'
    const appliesTo4 = '…'
    const why = '…'
    const rule8 = '…'
    const appliesTo5 = '…'
    const rule9 = '…'
    const appliesTo6 = '…'
    return (
      <Box flexDirection="column">
        <Text bold>
          Jev conventions
          {" "}
          <Text dimColor>
            {"· "}
            {mode}
            {" · "}
            {plural}
            {" · threshold "}
            {fmtP}
            {" (must "}
            {fmtP2}
            )
          </Text>
        </Text>
        <Text dimColor wrap="wrap">
          {phase}
        </Text>
        <Text dimColor wrap="wrap">
          {note}
        </Text>
        <Text dimColor>
          {ledgerLine}
        </Text>
        <Text>
          {" "}
        </Text>
        <Text bold>
          Violations
        </Text>
        <Text dimColor>
          None yet.
        </Text>
        <Box gap={1}>
          <Box flexShrink={1} flexGrow={1}>
            <Text color="red" wrap="wrap">
              {hhmm}
              {" "}
              {file}
              {" ["}
              {severity}
              {"] "}
              {rule}
              {" p="}
              {fmtP3}
              {" · refused"}
            </Text>
          </Box>
          <Button label="False positive" />
        </Box>
        <Box gap={1}>
          <Box flexShrink={1} flexGrow={1}>
            <Text color="red" wrap="wrap">
              {hhmm2}
              {" "}
              {file2}
              {" ["}
              {severity2}
              {"] "}
              {rule2}
              {" p="}
              {fmtP4}
              {" · refused"}
            </Text>
          </Box>
          <Button label="False positive" />
        </Box>
        <Box gap={1}>
          <Box flexShrink={1} flexGrow={1}>
            <Text color="red" wrap="wrap">
              {hhmm3}
              {" "}
              {file3}
              {" ["}
              {severity3}
              {"] "}
              {rule3}
              {" p="}
              {fmtP5}
              {" · refused"}
            </Text>
          </Box>
          <Button label="False positive" />
        </Box>
        <Text>
          {" "}
        </Text>
        <Text bold>
          Rules
        </Text>
        <Text dimColor>
          {"No conventions found. Add a CLAUDE.md or AGENTS.md, run /conventions add \"<rule>\", or press Learn."}
        </Text>
        <Text dimColor>
          sev     checks flags avg p   thr  rule · applies to · source [id]
        </Text>
        <Text wrap="wrap">
          {severity4}
          {checks}
          {flags}
          {fmtP6}
          {fmtP7}
          {" "}
          {rule4}
          {" · "}
          {appliesTo}
          {" · "}
          {source}
          {" ["}
          {id}
          ]
        </Text>
        <Text wrap="wrap">
          {severity5}
          {checks2}
          {flags2}
          {fmtP8}
          {fmtP9}
          {" "}
          {rule5}
          {" · "}
          {appliesTo2}
          {" · "}
          {source2}
          {" ["}
          {id2}
          ]
        </Text>
        <Text wrap="wrap">
          {severity6}
          {checks3}
          {flags3}
          {fmtP10}
          {fmtP11}
          {" "}
          {rule6}
          {" · "}
          {appliesTo3}
          {" · "}
          {source3}
          {" ["}
          {id3}
          ]
        </Text>
        <Text dimColor>
          +
          {length}
          {" more"}
        </Text>
        <Text>
          {" "}
        </Text>
        <Text bold>
          Proposed by /conventions learn
        </Text>
        <Box gap={1}>
          <Box flexShrink={1} flexGrow={1}>
            <Text wrap="wrap">
              {rule7}
              {" "}
              <Text dimColor>
                (
                {appliesTo4}
                {` · ${why}`}
                )
              </Text>
            </Text>
          </Box>
          <Button label="Accept" />
          <Button label="Reject" />
        </Box>
        <Box gap={1}>
          <Box flexShrink={1} flexGrow={1}>
            <Text wrap="wrap">
              {rule8}
              {" "}
              <Text dimColor>
                (
                {appliesTo5}
                {` · ${why}`}
                )
              </Text>
            </Text>
          </Box>
          <Button label="Accept" />
          <Button label="Reject" />
        </Box>
        <Box gap={1}>
          <Box flexShrink={1} flexGrow={1}>
            <Text wrap="wrap">
              {rule9}
              {" "}
              <Text dimColor>
                (
                {appliesTo6}
                {` · ${why}`}
                )
              </Text>
            </Text>
          </Box>
          <Button label="Accept" />
          <Button label="Reject" />
        </Box>
        <Text>
          {" "}
        </Text>
        <Box gap={1}>
          <Button hotkey="r" label="Recompile" />
          <Button hotkey="l" label="Learn" />
          <Button hotkey="x" role="dismiss" label="Close" />
        </Box>
      </Box>
    )
  })

  on('session.start', async ($, e, next) => {
    const error = '…'
    const plural = '…'
    await $.ui.toast(`Off: ${error}`)
    await $.ui.toast(`${plural} from ${plural}. /conventions to review`)
    return next(e)
  })
}