pi-studio 0.1.9 → 0.2.1

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 All notable changes to `pi-studio` are documented here.
 
+## [0.2.1] — 2026-03-02
+
+### Added
+- **Language-aware syntax highlighting**: selectable `Lang:` dropdown (Markdown, JavaScript, TypeScript, Python, Bash, JSON, Rust, C, C++, Julia, Fortran, R, MATLAB).
+- Language auto-detected from file extension when loading files; manually overridable via dropdown.
+- Full-document code highlighting in editor Raw view when a non-markdown language is selected (reuses fenced-block tokenizer across entire content).
+- Code-aware Preview: when a code language is selected, Preview renders syntax-highlighted `<pre>` instead of sending to pandoc.
+- Language preference persisted to `localStorage` across sessions.
+- New tokenizer patterns for Rust, C/C++, Julia, Fortran, R, and MATLAB (keywords, strings, comments, numbers).
+- Expanded file-accept list for Load file content (`.h`, `.hpp`, `.jl`, `.f90`, `.f95`, `.f03`, `.f`, `.for`, `.r`, `.R`, `.m`, `.lua`).
+
+### Changed
+- Renamed "Load file in editor" → "Load file content" (clarifies that file content is copied, not edited in-place).
+- Lang selector visibility: shown when syntax highlight is On (Raw view) or in Preview mode; hidden otherwise.
+- Updated README with comprehensive screenshot gallery (markdown, math, mermaid, code mode, fenced code).
+
+## [0.2.0] — 2026-03-02
+
+### Added
+- Luminance-based canvas color derivation from theme surface colors — proper bg/panel/panel2 tiers instead of flat mid-tone mapping.
+- Dedicated `--editor-bg` CSS variable — editor text box pushed toward white (light) for a crisp paper feel.
+- `Cmd/Ctrl+Enter` keyboard shortcut to trigger "Run editor text" when editor pane is active.
+
+### Changed
+- Renamed "Highlight markdown: On/Off" → "Syntax highlight: On/Off".
+- Renamed "Editor: Markdown" / "Response: Markdown" → "Editor: Raw" / "Response: Raw" (future-proofing for non-markdown formats).
+- Active pane indicator simplified to subtle border color change (removed thick top accent bar).
+- Panel shadows, button hierarchy (filled accent for primary actions), heading scale, blockquote/table styling improvements.
+
 ## [Unreleased]
 
 ### Added
@@ -39,6 +68,10 @@ All notable changes to `pi-studio` are documented here.
 - Studio still live-updates latest response when assistant output arrives outside studio requests (e.g., manual send from pi editor).
 - Preview pane typography/style now follows the higher-fidelity `/preview-browser` rendering style more closely.
 - Preview mode now uses pandoc code highlighting output for syntax-colored code blocks.
+- Preview markdown styling now maps markdown (`md*`) and syntax (`syntax*`) theme tokens for closer parity with terminal rendering.
+- Theme surface mapping now uses theme-export backgrounds when available (`pageBg`, `cardBg`, `infoBg`) for clearer depth across `bg/panel/panel2`.
+- Mermaid preview now uses palette-driven Mermaid defaults (base theme + theme variables) for better visual fit with active pi themes.
+- Studio chrome was refined for a cleaner visual hierarchy (subtle panel shadows, primary action emphasis, lighter active-pane accent bar, softer heading scale, table striping, and tinted blockquotes).
 - Hardened Studio preview HTTP handling and added client-side preview-request timeout to avoid stuck "Rendering preview…" states.
 
 ### Fixed

package/README.md

@@ -6,21 +6,37 @@ Status: experimental alpha.
 
 ## Screenshots
 
-**Dark workspace**
+**Markdown workspace — dark** (syntax-highlighted editor + rendered preview with code blocks, inline math, blockquotes)
 
 ![Dark workspace](./assets/screenshots/dark-workspace.png)
 
-**Dark critique flow**
+**Markdown workspace — light**
 
-![Dark critique flow](./assets/screenshots/dark-critique.png)
+![Light workspace](./assets/screenshots/light-workspace.png)
 
-**Light workspace**
+**Math rendering** (LaTeX source → MathML: PDEs, matrices, display equations)
 
-![Light workspace](./assets/screenshots/light-workspace.png)
+![Dark math](./assets/screenshots/dark-math.png)
+
+**Math rendering — light**
+
+![Light math](./assets/screenshots/light-math.png)
+
+**Mermaid diagrams** (fenced mermaid block → rendered flowchart with theme-aware colors)
+
+![Dark mermaid](./assets/screenshots/dark-mermaid.png)
+
+**Code mode — dark** (TypeScript file with language-aware syntax highlighting, auto-detected from file extension)
+
+![Dark code mode](./assets/screenshots/dark-code-mode.png)
+
+**Code mode — light**
+
+![Light code mode](./assets/screenshots/light-code-mode.png)
 
-**Dark annotation editing**
+**Fenced code highlighting** (Julia code block inside markdown with token coloring)
 
-![Dark annotation editing](./assets/screenshots/dark-annotation.png)
+![Dark Julia fenced](./assets/screenshots/dark-julia-fenced.png)
 
 ## Features
 
@@ -31,11 +47,18 @@ Status: experimental alpha.
 - Response load helpers:
   - non-critique: **Load response into editor**
   - critique: **Load critique (notes)** / **Load critique (full)**
-- File actions: **Save As…**, **Save file**, **Load file in editor**
-- View toggles: `Editor: Markdown|Preview`, `Response: Markdown|Preview`
+- File actions: **Save As…**, **Save file**, **Load file content**
+- View toggles: `Editor: Raw|Preview`, `Response: Raw|Preview`
 - Preview mode supports MathML equations and Mermaid fenced diagrams
-- Optional markdown highlighting toggles for editor and response markdown views (including fenced-code token colors for common languages)
-- Theme-aware browser UI based on current pi theme
+- **Language-aware syntax highlighting** with selectable language mode:
+  - Markdown (default): headings, links, code fences, lists, quotes, inline code
+  - Code languages: JavaScript, TypeScript, Python, Bash, JSON, Rust, C, C++, Julia, Fortran, R, MATLAB
+  - Keywords, strings, comments, numbers, and variables highlighted using theme syntax color tokens
+  - Language auto-detected from file extension on file load; manually selectable via `Lang:` dropdown
+  - Applies to both editor Raw view (highlight overlay) and fenced code blocks in markdown
+  - Preview mode renders syntax-highlighted code when a non-markdown language is selected
+- Separate syntax highlight toggles for editor and response Raw views, with local preference persistence
+- Theme-aware browser UI based on current pi theme, with refined surface depth and lighter visual chrome
 
 ## Commands
 
@@ -73,15 +96,15 @@ pi -e https://github.com/omaclaren/pi-studio
 
 - Local-only server (`127.0.0.1`) with rotating session tokens.
 - One studio request at a time.
-- Pi Studio is currently optimized for markdown workflows (model responses, plans, and notes), including fenced code blocks. Pure code files are supported, but highlighting is tuned for markdown and fenced blocks rather than full-file language mode.
+- Pi Studio supports both markdown workflows (model responses, plans, and notes) and code file editing with language-aware syntax highlighting.
 - Studio URLs include a token query parameter; avoid sharing full Studio URLs.
 - Preview panes render markdown via `pandoc` (`gfm+tex_math_dollars` → HTML5 + MathML), including pandoc code syntax highlighting, sanitized in-browser with `dompurify`.
-- Mermaid fenced `mermaid` code blocks are rendered client-side in preview mode (Mermaid v11 loaded from jsDelivr).
+- Preview markdown/code colors are mapped from active theme markdown (`md*`) and syntax (`syntax*`) tokens for closer terminal-vs-browser parity.
+- Mermaid fenced `mermaid` code blocks are rendered client-side in preview mode (Mermaid v11 loaded from jsDelivr), with palette-driven defaults for better theme fit.
 - If Mermaid cannot load or a diagram fails to render, preview shows an inline warning and keeps source text visible.
 - Preview rendering normalizes Obsidian wiki-image syntax (`![[path]]`, `![[path|alt]]`) into standard markdown images.
 - Install pandoc for full preview rendering (`brew install pandoc` on macOS).
 - If `pandoc` is unavailable, preview falls back to plain markdown text with an inline warning.
-- Some screenshots may show the Grammarly browser widget. Grammarly is a separate browser extension and is not part of pi-studio, but it works alongside it.
 
 ## License