Files
tolaria/design/change-note-type.pen
lucaronin 4c6a0d4606 feat: replace read-only Type field with editable dropdown selector
The Type field in the Properties panel was read-only. Now it uses a
Radix Select dropdown that lists all vault types (entries where
isA === "Type"), plus a "None" option to clear the type. Wired to
the existing onUpdateProperty('type', ...) flow.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-24 14:00:34 +01:00

1 line
2.5 KiB
Plaintext

{"children":[{"type":"frame","id":"typePicker1","x":0,"y":0,"name":"Type Picker — Dropdown Open","clip":true,"width":280,"height":300,"fill":"#ffffff","layout":"vertical","padding":[16,16],"gap":12,"children":[{"type":"text","id":"heading1","text":"Properties Panel — Type Selector","fontSize":14,"fontWeight":600,"fill":"#1a1a1a"},{"type":"frame","id":"typeRow1","name":"Type Row","width":"fill_container","height":32,"alignItems":"center","justifyContent":"space-between","children":[{"type":"text","id":"typeLabel1","text":"TYPE","fontSize":10,"fontWeight":600,"letterSpacing":1.2,"fill":"#8b8b8b","fontFamily":"IBM Plex Mono"},{"type":"frame","id":"typeTrigger1","name":"Select Trigger","height":26,"padding":[2,8],"gap":4,"alignItems":"center","fill":"#e8f0fe","cornerRadius":6,"children":[{"type":"text","id":"typeValue1","text":"Note","fontSize":12,"fontWeight":500,"fill":"#4285f4"},{"type":"text","id":"chevron1","text":"▾","fontSize":10,"fill":"#4285f4"}]}]},{"type":"frame","id":"dropdown1","name":"Dropdown Menu (Open)","width":160,"fill":"#ffffff","cornerRadius":8,"padding":[4,4],"gap":2,"stroke":{"align":"outside","thickness":1,"fill":"#e0e0e0"},"children":[{"type":"frame","id":"optNone","name":"Option: None","width":"fill_container","height":28,"padding":[0,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"text","id":"optNoneText","text":"None","fontSize":13,"fill":"#8b8b8b"}]},{"type":"frame","id":"separator1","name":"Separator","width":"fill_container","height":1,"fill":"#e0e0e0"},{"type":"frame","id":"optProject","name":"Option: Project","width":"fill_container","height":28,"padding":[0,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"text","id":"optProjectText","text":"Project","fontSize":13,"fill":"#1a1a1a"}]},{"type":"frame","id":"optPerson","name":"Option: Person","width":"fill_container","height":28,"padding":[0,8],"alignItems":"center","cornerRadius":4,"fill":"#f0f0f0","children":[{"type":"text","id":"optPersonText","text":"Person","fontSize":13,"fill":"#1a1a1a"}]},{"type":"frame","id":"optTopic","name":"Option: Topic","width":"fill_container","height":28,"padding":[0,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"text","id":"optTopicText","text":"Topic","fontSize":13,"fill":"#1a1a1a"}]},{"type":"frame","id":"optExperiment","name":"Option: Experiment","width":"fill_container","height":28,"padding":[0,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"text","id":"optExpText","text":"Experiment","fontSize":13,"fill":"#1a1a1a"}]}]}]}],"variables":{}}