working-memory

import type { Register } from 'claude-code'

// Drawn like working-memory by Hangghost (pane), as modscode read it from the mod's code:
// https://modscode.com/gallery/hangghost-working-memory/
// 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: "工作記憶 · Working Memory" })
  on('ui.render', { component: 'Pane', requestId: 'my-pane' }, async ($, e) => {
    const { Box, Text } = $.ui.resolve(e)
    const pct = '…'
    const fmt = '…'
    const mood = '…'
    const text = '…'
    const text2 = '…'
    const text3 = '…'
    const text4 = '…'
    const text5 = '…'
    const text6 = '…'
    const text7 = '…'
    const text8 = '…'
    const text9 = '…'
    const name = '…'
    const role = '…'
    const name2 = '…'
    const role2 = '…'
    const name3 = '…'
    const role3 = '…'
    const name4 = '…'
    const role4 = '…'
    const name5 = '…'
    const role5 = '…'
    const name6 = '…'
    const role6 = '…'
    const name7 = '…'
    const role7 = '…'
    const name8 = '…'
    const role8 = '…'
    const name9 = '…'
    const role9 = '…'
    const name10 = '…'
    const tool = '…'
    const detail = '…'
    const name11 = '…'
    const tool2 = '…'
    const detail2 = '…'
    const name12 = '…'
    const tool3 = '…'
    const detail3 = '…'
    return (
      <Box flexDirection="column">
        <Box>
          <Text bold>
            {"工作記憶 "}
          </Text>
          <Text>
            ████████
          </Text>
          <Text dimColor>
            ░░░░░░░░
          </Text>
          <Text bold>
            {" "}
            {pct}
            %
          </Text>
          <Text dimColor>
            {" "}
            {`${fmt}/${fmt}`}
          </Text>
        </Box>
        <Text dimColor>
          狀態：
          {mood}
        </Text>
        <Text>
          {" "}
        </Text>
        <Box>
          <Text>
            {text}
          </Text>
          <Text>
            {text2}
          </Text>
          <Text>
            {text3}
          </Text>
        </Box>
        <Box>
          <Text>
            {text4}
          </Text>
          <Text>
            {text5}
          </Text>
          <Text>
            {text6}
          </Text>
        </Box>
        <Box>
          <Text>
            {text7}
          </Text>
          <Text>
            {text8}
          </Text>
          <Text>
            {text9}
          </Text>
        </Box>
        <Text>
          {" "}
        </Text>
        <Box flexDirection="column">
          <Box>
            <Text>
              {"● "}
              {name}
              ·
              {role}
              {"   "}
            </Text>
            <Text>
              {"● "}
              {name2}
              ·
              {role2}
              {"   "}
            </Text>
            <Text>
              {"● "}
              {name3}
              ·
              {role3}
              {"   "}
            </Text>
          </Box>
          <Box>
            <Text>
              {"● "}
              {name4}
              ·
              {role4}
              {"   "}
            </Text>
            <Text>
              {"● "}
              {name5}
              ·
              {role5}
              {"   "}
            </Text>
            <Text>
              {"● "}
              {name6}
              ·
              {role6}
              {"   "}
            </Text>
          </Box>
          <Box>
            <Text>
              {"● "}
              {name7}
              ·
              {role7}
              {"   "}
            </Text>
            <Text>
              {"● "}
              {name8}
              ·
              {role8}
              {"   "}
            </Text>
            <Text>
              {"● "}
              {name9}
              ·
              {role9}
              {"   "}
            </Text>
          </Box>
        </Box>
        <Text>
          {" "}
        </Text>
        <Text dimColor>
          最近的神經活動
        </Text>
        <Text dimColor>
          （還沒有活動）
        </Text>
        <Box>
          <Text>
            {"▸ "}
            {name10}
          </Text>
          <Text>
            {" "}
            {tool}
          </Text>
          <Text dimColor>
            {" "}
            {detail}
          </Text>
        </Box>
        <Box>
          <Text>
            {"▸ "}
            {name11}
          </Text>
          <Text>
            {" "}
            {tool2}
          </Text>
          <Text dimColor>
            {" "}
            {detail2}
          </Text>
        </Box>
        <Box>
          <Text>
            {"▸ "}
            {name12}
          </Text>
          <Text>
            {" "}
            {tool3}
          </Text>
          <Text dimColor>
            {" "}
            {detail3}
          </Text>
        </Box>
      </Box>
    )
  })
}