feat: Major UI improvements for Link.Calculator#46
Conversation
Adding CLAUDE.md with task information for AI processing. This file will be removed when the task is complete. Issue: #44
- Rebrand to "Link.Calculator" with SVG logo and public domain tagline - Remove "Expression" label from input field for cleaner UI - Move interpretation section before result and rename to "Input" - Add calculate button (=) and Enter key support for on-command calculation - Replace reactive updates with explicit calculation trigger - Rename "System" theme to "Auto" for clarity - Add "Automatic" as first language option - Add preferred currency setting with fiat and crypto currencies - Show computation time from Rust worker - Handle window resize for textarea auto-resize - Disable manual resize (auto-resize only) - Update all locale files with new translations Fixes #44 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
konard
changed the title
This reverts commit 7fe41b9.
🤖 Solution Draft LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
|
Please make sure we have React.js unit tests for each updated component, and we have e2e tests (using https://github.com/link-foundation/browser-commander) for each and every typical example of input from our logic unit tests, and also section with examples in the bottom shows random 6 examples, on how our system can be used, and these examples are collected from tests, and saved as .lino document in the repository, so we can update it separately to take effect on the website. I want to establish base line for the best possible quality on the planet for expressions calculations. Also we can use our CI/CD on push and our e2e tests, to actually automatically update screenshots in README.md, also we should have USE-CASES.md with all typical use cases from .lino document to be rendered as screenshot, for our users to see and understand, also we should attach direct links for them to see each screenshot live. |
|
🤖 AI Work Session Started Starting automated work session at 2026-01-27T10:14:39.417Z The PR has been converted to draft mode while work is in progress. This comment marks the beginning of an AI work session. Please wait working session to finish, and provide your feedback. |
- Add React unit tests for App.tsx (23 new tests) - Create data/examples.lino with categorized calculator examples - Add examples module to parse examples.lino and display 6 random examples - Update E2E tests to use explicit calculation trigger (Enter key) - Create USE-CASES.md with screenshots of various calculator features - Add CI/CD workflow for auto-updating screenshots Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🤖 Solution Draft LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
|
In all screenshots I see the same examples on bottom, not random. Ensure all changes are correct, consistent and fully meet all discussed requirements. |
|
🤖 AI Work Session Started Starting automated work session at 2026-01-27T12:07:30.040Z The PR has been converted to draft mode while work is in progress. This comment marks the beginning of an AI work session. Please wait working session to finish, and provide your feedback. |
The examples.lino file was using a YAML-like format that the links-notation parser couldn't correctly parse for nested structures. This caused the parsing to fail silently and fall back to DEFAULT_EXAMPLES, resulting in all screenshots showing the same 6 examples. Changes: - Convert examples.lino to use proper S-expression format that links-notation parser handles correctly - Update parseExamplesLino() to parse the flat S-expression format - Now correctly loads 45 examples from 5 categories (arithmetic, currency, datetime, functions, integration) - Random examples are now properly selected from the full pool Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🤖 Solution Draft LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
🔄 Auto-restart 1/3Detected uncommitted changes from previous run. Starting new session to review and commit them. Uncommitted files: Auto-restart will stop after changes are committed or after 2 more iterations. Please wait until working session will end and give your feedback. |
Regenerate all USE-CASES screenshots to show random examples from examples.lino instead of the fallback DEFAULT_EXAMPLES. Each screenshot now displays a unique set of 6 random examples from the full pool of 45 examples across 5 categories. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🔄 Auto-restart 1/3 LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
🤖 Solution Draft LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
|
Make sure also to update main README.md to include links to new docs, and also make sure we have CI/CD to automatically update screenshots there as wall. Ensure all changes are correct, consistent and fully meet all discussed requirements (check issue description and all comments in issue and in pull request). |
|
🤖 AI Work Session Started Starting automated work session at 2026-01-27T12:42:32.213Z The PR has been converted to draft mode while work is in progress. This comment marks the beginning of an AI work session. Please wait working session to finish, and provide your feedback. |
- Regenerated all screenshots to show new Link.Calculator UI - Screenshots now display different random examples (not static) - Added datetime and parentheses screenshot tests - Updated README.md with link to USE-CASES.md documentation - Updated USE-CASES.md with DateTime and Parentheses sections - Updated CI/CD workflow to copy screenshots to docs/screenshots/ Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🤖 Solution Draft LogThis log file contains the complete execution trace of the AI solution draft process. 💰 Cost estimation:
Now working session is ended, feel free to review and add any feedback on the solution draft. |
1 participant
Summary
This PR implements comprehensive UI improvements as requested in #44:
Branding Updates
Input Section Improvements
Settings Improvements
Display Improvements
Examples Section (NEW)
data/examples.linofileTesting (NEW)
Documentation (NEW)
docs/USE-CASES.mdwith screenshots of all major featuresCI/CD (NEW)
Translations
Test Plan
npx tsc --noEmit)npm test -- --run) - 118 tests passingnpm run test:e2e) - 36 tests passingFixes #44
🤖 Generated with Claude Code