WIP: Dioxus Bootstrap migration — hero_services_ui #54

Draft

mik-tf wants to merge 26 commits from development_dioxus_bootstrap into development

pull from: development_dioxus_bootstrap

merge into: lhumina_code:development

lhumina_code:development

lhumina_code:development_timur

lhumina_code:development_kristof

lhumina_code:main

Conversation 0 Commits 26 Files changed 42 +3970 -32

mik-tf commented 2026-03-14 04:21:54 +00:00

Owner

Copy link

Summary

Pure dioxus-bootstrap-css migration for hero_services_ui_wasm and hero_shrimp_ui_wasm.

Part of the full Hero OS migration tracked in hero_os #27 — see that issue for the complete plan, all PRs, merge strategy, and technical details.

This repo

• Branch: development_dioxus_bootstrap
• Crates: hero_services_ui_wasm, hero_shrimp_ui_wasm
• All Bootstrap HTML converted to dioxus-bootstrap-css components
• Custom CSS cleaned (compact sizing anti-pattern removed, utility classes used instead)
• Toast converted to library Toast/ToastContainer

DO NOT MERGE to development — see merge plan in hero_os #27.

## Summary Pure dioxus-bootstrap-css migration for hero_services_ui_wasm and hero_shrimp_ui_wasm. Part of the full Hero OS migration tracked in **[hero_os #27](https://forge.ourworld.tf/lhumina_code/hero_os/issues/27)** — see that issue for the complete plan, all PRs, merge strategy, and technical details. ### This repo - Branch: `development_dioxus_bootstrap` - Crates: hero_services_ui_wasm, hero_shrimp_ui_wasm - All Bootstrap HTML converted to dioxus-bootstrap-css components - Custom CSS cleaned (compact sizing anti-pattern removed, utility classes used instead) - Toast converted to library Toast/ToastContainer ### DO NOT MERGE to development — see merge plan in hero_os #27.

mik-tf added 1 commit 2026-03-14 04:21:54 +00:00

feat: add Dioxus WASM frontend for hero_services_ui (Phase 1) ... 4080fe4259

Migrate hero_services_ui from Askama/JS templates to Dioxus 0.7 WASM
using dioxus-bootstrap-css v0.1.6. Translates base.html, index.html,
and all partials (navbar, sidebar) plus dashboard.js (1034 lines) into
type-safe Rust RSX components with signal-driven interactivity — zero
JavaScript required.

New crate: hero_services_ui_wasm
- navbar, sidebar, services/repos/logs tabs, 5 modals, toast system
- JSON-RPC client calling /rpc proxy
- Polling via use_future (services 5s, profiles 10s, logs 2s)

Server changes: hero_services_ui
- --dist flag to serve WASM dist instead of Askama templates
- /assets/{*path} route for WASM bundle files
- askama made optional behind feature flag for backward compat

Tracking: lhumina_code/home#26

mik-tf referenced this pull request from lhumina_code/home 2026-03-14 04:28:57 +00:00

Hero OS — Dioxus Bootstrap Migration #26

mik-tf referenced this pull request from lhumina_code/home 2026-03-14 04:38:00 +00:00

Hero OS — Dioxus Bootstrap Migration #26

mik-tf added 1 commit 2026-03-14 13:45:54 +00:00

refactor: convert hero_services_ui_wasm to archipelago library crate ... 9779bfa789

- Change from [[bin]] to [lib] with cdylib+rlib crate types
- Split main.rs into lib.rs (module root) + app.rs (HeroServicesApp component)
- Accept IslandContext from hero_archipelagos_core as a prop
- Make rpc.rs configurable with rpc_with_base() for custom endpoints
- Add [package.metadata.island] for archipelago registry
- Add web/standalone feature flags
- Add standalone entry point behind #[cfg(feature = "standalone")]
- Keep Dioxus.toml for standalone builds

mik-tf added 1 commit 2026-03-14 15:27:19 +00:00

fix: add hero_archipelagos_core/web to web feature ... 0848554d98

Ensure hero_archipelagos_core web feature is activated when the crate's
web feature is enabled, so it works correctly as a git dependency.

mik-tf added 1 commit 2026-03-14 20:32:07 +00:00

fix: use single-segment route params for Axum 0.7 compat d4bfcbf9e8

mik-tf added 1 commit 2026-03-15 02:53:45 +00:00

fix: RPC routing + conditional BootstrapHead for hero_os integration d4f2aa4037

mik-tf added 1 commit 2026-03-15 03:13:17 +00:00

fix: build pipeline fixes for devbootstrap deployment 2a4e7f0d32

mik-tf added 1 commit 2026-03-15 03:38:57 +00:00

fix: synchronous RPC base init (before first render) 9771008631

mik-tf added 2 commits 2026-03-15 17:55:38 +00:00

fix: pass HERO_OS_FEATURES env var into WASM build container 363c0ca47f

fix: unconditional RPC base init 9dff09f9f0

mik-tf added 1 commit 2026-03-15 18:14:43 +00:00

feat: add hero_shrimp_ui_wasm — dioxus-bootstrap admin UI for Shrimp 2a323664dc

mik-tf added 1 commit 2026-03-15 20:17:58 +00:00

Add message input with model selector to Shrimp messages tab ... 37f0d004f3

Match the herodev2 reference UI: add a textarea for sending messages
to HeroShrimp, a model selector dropdown (claude-sonnet/haiku/opus),
and a Send button. Also add admin channel filter option. Messages are
posted to /api/message and the list is refreshed after sending.

mik-tf added 1 commit 2026-03-16 01:39:40 +00:00

chore: bump dioxus-bootstrap-css to 0.1.7 c5c70ad83c

mik-tf added 1 commit 2026-03-16 03:29:35 +00:00

refactor: pure dioxus-bootstrap-css 0.1.8 — TabList, Card header_class 2f8a983545

mik-tf added 1 commit 2026-03-16 03:30:51 +00:00

chore: bump dioxus-bootstrap-css to 0.1.8 41efb16a74

mik-tf added 2 commits 2026-03-16 03:52:47 +00:00

refactor: pixel-perfect Askama→dioxus-bootstrap-css rewrite ... eb9e674892

Convert raw HTML div/table/button elements to proper dioxus-bootstrap-css
components (Card, Table, Button, Row, Col) for pixel-perfect Bootstrap 5.3.

refactor: convert raw button elements to Button component ... 451a798021

Convert remaining button { class: "btn..." } to Button { color, outline, size }
using dioxus-bootstrap-css components.

mik-tf added 1 commit 2026-03-16 04:06:55 +00:00

chore: bump dioxus-bootstrap-css to 0.1.9 37c0fcb1d5

mik-tf added 1 commit 2026-03-16 04:12:55 +00:00

fix: use raw button for dropdown toggle (data-bs-toggle) 7132bb8d1d

mik-tf added 1 commit 2026-03-16 04:25:26 +00:00

chore: bump dioxus-bootstrap-css to 0.2.0 (extends GlobalAttributes) 971d08f508

mik-tf added 1 commit 2026-03-16 04:45:11 +00:00

chore: bump dioxus-bootstrap-css to 0.2.1 26ae075036

mik-tf added 1 commit 2026-03-16 05:26:57 +00:00

fix: pixel-perfect sidebar matching Askama template ... 77506f5197

- Add header_class/body_class with py-2 matching Askama
- Remove extra wrapper divs from card headers
- Use header_class for d-flex layout instead of inner div
- Use native HTML buttons for refresh matching Askama

mik-tf added 1 commit 2026-03-16 05:27:40 +00:00

fix: pixel-perfect shrimp sidebar matching aibroker pattern ... 4c0d5e1b66

- Use sidebar-card p-2 layout matching aibroker sidebar
- Use h6 headings with text-muted instead of Card header/body
- Use label/value CSS classes for stat-row

mik-tf added 1 commit 2026-03-16 13:02:17 +00:00

refactor: convert raw Bootstrap HTML to dioxus-bootstrap-css components c07856d049

mik-tf added 1 commit 2026-03-16 13:41:01 +00:00

fix: increase shrimp container top padding for consistent spacing in hero_os window cb12c29260

mik-tf added 1 commit 2026-03-16 14:36:52 +00:00

refactor: convert toast to dioxus-bootstrap-css Toast/ToastContainer (0.2.5) a8f3faf392

mik-tf added 1 commit 2026-03-16 15:49:57 +00:00

refactor: remove Bootstrap-overriding CSS, use pure dioxus-bootstrap utility classes 475993fc5c

mik-tf referenced this pull request from lhumina_code/hero_os 2026-03-16 16:34:04 +00:00

WIP: Pure dioxus-bootstrap-css migration — hero_os shell #27

mik-tf referenced this pull request from lhumina_code/home 2026-03-16 16:41:07 +00:00

Hero OS — Dioxus Bootstrap Migration: Status & Merge Plan #28

Some checks failed

Hide all checks

Build and Test / build (pull_request) Failing after 1m46s

Details

This pull request has changes conflicting with the target branch.

• Makefile
• deploy/single-vm/Makefile
• docker/build-local.sh
• docker/build-wasm.sh

View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.

git fetch -u origin development_dioxus_bootstrap:development_dioxus_bootstrap

git switch development_dioxus_bootstrap

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch development

git merge --no-ff development_dioxus_bootstrap

git switch development_dioxus_bootstrap

git rebase development

git switch development

git merge --ff-only development_dioxus_bootstrap

git switch development_dioxus_bootstrap

git rebase development

git switch development

git merge --no-ff development_dioxus_bootstrap

git switch development

git merge --squash development_dioxus_bootstrap

git switch development

git merge --ff-only development_dioxus_bootstrap

git switch development

git merge development_dioxus_bootstrap

git push origin development

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

lhumina_code/hero_services!54

No description provided.