[ToothyDev]

What this does

Three UI changes, one per issue:

• Movable business cards (Movable business trackers #30). On the Businesses tab, a card's title bar is its drag handle. It works like moving apps on a phone: the card lifts and follows the pointer (mouse, pen or touch), and its slot stays outlined. Once the pointer is well inside another card (20% in from each side), the two swap and nothing else moves. Because of that margin, a pointer resting on a border doesn't flick the cards back and forth. On release, the card glides into its slot. With a title bar focused, the arrow keys and Home/End move the card. The order is saved as property ids: state version 5, with a migration from version 4 and a test. Businesses bought later go after the ones you placed. Logic in src/lib/order.ts, Panel gets an optional move prop. Decision 014.
• Segmented, draggable bars (Business bars: five segments like in game, drag to resync #32). In edit mode, the stock and supplies bars show five segments like in game. Each segment is its own box with a visible edge (--track-edge, 3.4:1 on the panel). Sources: gta.wiki Business Supplies for the MC businesses; the Bunker's segments were seen in play. Collapsed cards keep the plain bar. Each bar is also a slider. A drag rounds to whole percent and snaps to a segment edge from up to 1.5% away. Arrow keys step 1%, Page Up/Down jump to the next segment edge, Home/End go to 0/100%. A run of drags and key steps on one bar is a single Undo. Typing still works for exact values. Decision 010 is updated.
• Ownership toggle (Settings: ownership as a labelled toggle instead of an "Own …" checkbox #31). Settings → Properties and the Businesses gear show the property name as the row label, with an Owned (filled accent) / Not owned (muted outline) toggle button next to it. The button sets aria-pressed. Decision 011 and #/kit are updated.

Closes #30
Closes #31
Closes #32

How to check it

• Settings: switch a few businesses between Owned and Not owned. Upgrades appear only when owned.
• Businesses: drag a card by its title bar onto another card. Only those two trade places, and resting on a border doesn't flicker. Reload; the order stays. Tab to a title bar and press the arrow keys. On a phone, drag a title bar.
• Businesses → Edit on a card: drag the stock or supplies handle. It snaps near 20/40/60/80%. Try the arrow and Page Up/Down keys on the focused bar, then Undo, which takes back the whole adjustment.
• #/kit in dev shows the toggle buttons, a segmented meter, and draggable bars and cards.

Checklist

• npm run verify passes
• Game data added or changed here has a source (see docs/decisions/004-game-data.md) (BAR_SEGMENTS in src/data/business-events.ts)
• README / CLAUDE.md updated if usage or workflow changed (CLAUDE.md map line for decision 014)

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying lsos with    Cloudflare Pages

Latest commit:	8bfbd26
Status:	✅  Deploy successful!
Preview URL:	https://b2d86dad.lsos-2qs.pages.dev
Branch Preview URL:	https://claude-31-owned-toggle.lsos-2qs.pages.dev

View logs