// The three surfaces: transcript content + side panel per surface. const { Composer, StatusLine, ApprovalCard, Badge, Segmented, Card, Thinking, IconButton: SIconButton, Button: SButton } = window.UnknotDesignSystem_fb2a11; const I = window.UnknotDesignSystem_fb2a11.Icon; function Column({ children, footer }) { const ref = React.useRef(null); React.useEffect(() => { if (ref.current) ref.current.scrollTop = ref.current.scrollHeight; }); return (
{children}
{footer}
); } /* ---------------- Project ---------------- */ const DIFF = [ ['h', '', '', '@@ -10,9 +10,12 @@ export function invoiceTotal'], ['', '10', '10', 'import { Money } from "../money";'], ['-', '11', '', 'import { round } from "../math";'], ['+', '', '11', 'import { roundHalfEven, toMinor } from "../math";'], ['', '12', '12', ''], ['', '13', '13', 'export function invoiceTotal(lines: Line[], taxRate: number) {'], ['-', '14', '', ' const subtotal = lines.reduce((s, l) => s + l.qty * l.unitPrice, 0);'], ['-', '15', '', ' return round(subtotal * (1 + taxRate), 2);'], ['+', '', '14', ' const minor = lines.reduce('], ['+', '', '15', ' (s, l) => s + toMinor(l.qty * l.unitPrice), 0);'], ['+', '', '16', ' const tax = roundHalfEven(minor * taxRate);'], ['+', '', '17', ' return Money.fromMinor(minor + tax);'], ['', '16', '18', '}'], ]; function ProjectPanel({ onClose }) { const [tab, setTab] = React.useState('changes'); const [view, setView] = React.useState('inline'); const [file, setFile] = React.useState(0); const files = [['src/invoice/totals.ts', '+6', '-3'], ['src/invoice/totals.test.ts', '+18', ''], ['src/math.ts', 'pending approval', '']]; return ( <> {tab !== 'changes' ?
This pane is not part of the UI kit recreation.
: (
{files.map((f, i) => ( ))}
totals.ts
{DIFF.map((d, i) => (
{d[1]} {d[2]} {d[0] === '+' || d[0] === '-' ? d[0] : ''} {d[3]}
))}
)}
unknot/fix-rounding · own worktree · uncommitted
); } function ProjectSession({ setStatus }) { const [decision, setDecision] = React.useState(window.__shot && window.__shot.approved ? { d: 'allow' } : null); const [queued, setQueued] = React.useState(['also check credit notes use the same helper']); const [extra, setExtra] = React.useState([]); const decide = (d, grant) => { setDecision({ d, grant }); setStatus(d === 'allow' ? 'running' : 'running'); }; return ( setQueued(queued.filter((_, j) => j !== i))} onSend={(t) => setQueued([...queued, t])} /> }> round( · 7 matches in 4 files FAIL{' src/invoice/totals.test.ts > invoiceTotal > rounds multi-line invoices\nAssertionError: expected 10.02 to be 10.03\n❯ src/invoice/totals.test.ts:41:32\nTests '}1 failed{' | '}11 passed{' (12)'}} /> The subtotal is summed in floating point and rounded once at the end, so per-line fractions accumulate. I'll sum in integer minor units and round tax half-even. Handing the edit and a regression test to helpers. {decision ? ( Write · src/math.ts{decision.grant ? ' · always for this session' : ''} ) : ( )} {decision ? : null} ); } /* ---------------- Ask ---------------- */ const TABLE = [['Belgium', '1 Jan 2026', '1 Jan 2026'], ['France', '1 Sep 2026', 'Sep 2026 large and mid-size; Sep 2027 small'], ['Germany', '1 Jan 2025', '2027 above €800k turnover; 2028 all'], ['Poland', '1 Feb 2026', 'Feb 2026 large; Apr 2026 others']]; function AskSession() { return ( }> When does mandatory B2B e-invoicing start in Belgium, France, Germany and Poland? Check the official sources. e-invoicing mandate start dates · 8 results {['finances.belgium.be', 'impots.gouv.fr', 'bundesfinanzministerium.de', 'ksef.podatki.gov.pl'].map((x, i) => {i + 1} · {x})}

Mandatory B2B e-invoicing: start dates

{['Country', 'Must receive', 'Must issue'].map((h) => )}{TABLE.map((r, i) => {r.map((c, j) => )})}
{h}
{c}{j === 2 ? {i + 1} : null}
France and Germany phase issuing in by company size. The numbers link to each country's official guidance. Turn this into a slide for Monday's board meeting. A slide is a file, so this is work for a Task.Task builds the slide, keeps versions and exports to PowerPoint. This conversation and its sources go with it. Not nowStart a Task ); } /* ---------------- Task ---------------- */ function MemoPreview() { const ref = React.useRef(null); const [k, setK] = React.useState(0.6); React.useEffect(() => { const el = ref.current; const ro = new ResizeObserver(() => setK(el.clientWidth / 794)); ro.observe(el); return () => ro.disconnect(); }, []); return (