Phuriwaj

Daily Journal — 2026-06-01

Freewrite

Heavy dev day — most energy went into the Mantine Web App project: received the full mock data layer (Todo + Calendar TypeScript types), diagnosed a persistent AppShell layout bug, and set up Playwright testing with a Definition of Done baked into CLAUDE.md. Also did research on Claude Code remote-control alternatives, and circled back to Quartz custom component development.

Big Things Today

  • Fix AppShell blank-column layout bug in web-mantine-app (Cause B or C most likely — run diagnostic prompt)
  • Try OpenACP for CC-Remote Control — self-hosted multi-platform bridge for Claude Code

Conversations

Web Application Project

App-Todo&Calendar — AppShell Layout Fix

Debugging a persistent blank white column on the left of all pages in the Mantine app. Produced a detailed diagnostic prompt for Claude Code covering five possible causes (double AppShell, empty navbar prop, icon rail outside AppShell, hardcoded CSS offset, width mismatch). Next step: run the diagnostic in the actual codebase. → See web-mantine-app | mantine-appshell-layout

App-Front Mantine — Mock Data Files

Received finalized src/mocks/todo.ts and src/mocks/calendar.ts. Todo types include Task, TaskList, TodoUser, Priority, TaskStatus with full mock data across 5 lists and 17 tasks. Calendar types use @mantine/schedule ScheduleEventData<CalendarEventPayload> with one-off events, recurring series (rrule), and override events. → See web-mantine-app

App-Testing — Playwright Setup

Set up Playwright E2E testing for the Next.js app with a Definition of Done in CLAUDE.md requiring build + Playwright pass before any task can be called complete. Key config: webServer block in playwright.config.ts auto-starts dev server before tests. → See playwright-nextjs-setup

Claude Code Remote Control

CC-Remote Control — Third-Party Tools Research

Surveyed the landscape of Claude Code remote control tools beyond the official feature. Top picks: OpenACP (multi-platform Telegram/Discord/Slack, one-command install), TeleClaw (Telegram, production-grade, session management), remote-cli (Claude Code SDK-based, /plan mode). For the LiteLLM proxy + Discord setup, OpenACP is the recommended first try. → See cc-remote-control | claude-code-remote-control

CC-OpenACP — Reinstall Procedure

Quick reinstall of @openacp/cli via nvm-managed npm. Config at ~/openacp-workspace/.openacp/config.json survives reinstall.

Developer Tooling

Extending Backup Function

Extended the shell backup() function to support individual files (not just directories). Files get cp with extension preserved; dirs still get zip with exclusion list. -f / --force flag works for both branches. → See bash-backup-function

Note Taking — Quartz Custom Components

Explored how to write custom Quartz components. Best starting template: copy Footer.tsx, gut it, write JSX. Registration requires two steps: export from quartz/components/index.ts + add to layout in quartz.layout.ts. The dockerized-quartz container is confirmed running. → See quartz-pkm-setup | quartz-custom-components

Domain TLD Pricing

Quick lookup on cheap TLDs for 2026. .top/.xyz/.online/.site under $2/yr first year but renewal trap is real. Best registrars for value: Spaceship, Porkbun, Namecheap (includes free WHOIS privacy). Key rule: always check 5-year total cost, not year-1 price.

Open Tasks Surfaced

  • Run AppShell diagnostic prompt in web-mantine-app codebase (Cause B/C check)
  • Add sort + filter to Todo DataTable
  • Wire Drawer for task detail view in Todo module
  • Try OpenACP install: one-command wizard → connect to Discord bot + LiteLLM proxy
  • Write first Quartz custom component (note counter) — start from Footer.tsx copy
  • Set ALLOWED_USER_ID and PROJECT_DIR in Claude Code Discord bot config

Insights Worth Developing