Business Overview Page #35

Closed
opened 2026-05-06 09:34:31 +00:00 by casper-stevens · 3 comments
Member

The Business overview page should briefly explain what each area is for.

Example:
Contacts

People and business relationships we interact with.
Companies

Organizations linked to contacts, deals, contracts, HR, and finance.
Interactions

Calls, emails, meetings, notes, and follow-ups linked to contacts and companies.
Deals

Opportunities, investment discussions, sales opportunities, or commercial tracks.
Contracts

Agreements and legal/commercial documents linked to contacts and companies.
Finance

Amounts, invoices, payments, budgets, and financial records.
HR

Employees, contractors, advisors, and team-related records linked to contacts.
Tasks / Projects

Execution layer for work linked to business records.

The Business overview page should briefly explain what each area is for. Example: Contacts People and business relationships we interact with. Companies Organizations linked to contacts, deals, contracts, HR, and finance. Interactions Calls, emails, meetings, notes, and follow-ups linked to contacts and companies. Deals Opportunities, investment discussions, sales opportunities, or commercial tracks. Contracts Agreements and legal/commercial documents linked to contacts and companies. Finance Amounts, invoices, payments, budgets, and financial records. HR Employees, contractors, advisors, and team-related records linked to contacts. Tasks / Projects Execution layer for work linked to business records.
Author
Member

Implementation Spec for Issue #35

Objective

Add a brief textual description beneath each section heading on the main overview/dashboard page (/c/:context) so that users immediately understand what each area of the application is for. Descriptions are taken verbatim from the issue.

Requirements

  • Add a short description paragraph inside each section card on the overview page
  • Use the exact wording from the issue for each description
  • The 8 areas are: Contacts, Companies, Interactions, Deals, Contracts, Finance, HR, Tasks/Projects
  • Add a missing HR section card to the overview page (present in sidebar but absent from dashboard)
  • No new routes, handlers, or struct fields — pure HTML string change in IndexTemplate::render()
  • All existing metric tiles and count numbers remain unchanged

Files to Modify

  • crates/hero_biz_ui/src/web/templates/mod.rs — Edit IndexTemplate::render() to add description blocks and add the missing HR section card

Implementation Plan

Step 1: Add description block to CRM section

Inside the CRM <div class="card mb-4">, add after the card-header:

<div class="px-3 pt-2 pb-0 text-muted small">
    <strong>Contacts</strong> — People and business relationships we interact with.<br>
    <strong>Companies</strong> — Organizations linked to contacts, deals, contracts, HR, and finance.<br>
    <strong>Interactions</strong> — Calls, emails, meetings, notes, and follow-ups linked to contacts and companies.<br>
    <strong>Deals</strong> — Opportunities, investment discussions, sales opportunities, or commercial tracks.
</div>

Dependencies: none

Step 2: Add description block to Finance section

Inside the Finance <div class="card mb-4">, add after the card-header:

<div class="px-3 pt-2 pb-0 text-muted small">
    <strong>Finance</strong> — Amounts, invoices, payments, budgets, and financial records.<br>
    <strong>Contracts</strong> — Agreements and legal/commercial documents linked to contacts and companies.
</div>

Dependencies: none

Step 3: Add HR section card (currently missing from overview)

After the Finance card, insert a new HR card section with description and a link tile. No new struct fields or handler changes needed — uses existing context and bp variables already in scope.
Dependencies: none

Step 4: Add description block to Projects section

Inside the Projects <div class="card mb-4">, add after the card-header:

<div class="px-3 pt-2 pb-0 text-muted small">
    <strong>Tasks / Projects</strong> — Execution layer for work linked to business records.
</div>

Dependencies: none

Step 5: Build verification

Run cargo build -p hero_biz_ui to confirm no brace-escaping errors in the format! string.
Dependencies: Steps 1–4

Acceptance Criteria

  • Overview page shows description for Contacts using exact issue wording
  • Overview page shows description for Companies using exact issue wording
  • Overview page shows description for Interactions using exact issue wording
  • Overview page shows description for Deals using exact issue wording
  • Overview page shows description for Contracts using exact issue wording
  • Overview page shows description for Finance using exact issue wording
  • Overview page shows description for HR using exact issue wording
  • Overview page shows description for Tasks / Projects using exact issue wording
  • HR section card now appears on the overview page
  • All existing metric tiles and counts remain functional
  • Project compiles without errors

Notes

  • Template system is pure Rust format!() with inline HTML — literal { and } in HTML must be escaped as {{ and }} inside the format string
  • HR section exists in sidebar and handlers but was missing from the overview dashboard body
  • The Dioxus app (hero_biz_app) OverviewTab is out of scope
  • Use px-3 pt-2 pb-0 text-muted small class pattern for description blocks to match existing card styling
## Implementation Spec for Issue #35 ### Objective Add a brief textual description beneath each section heading on the main overview/dashboard page (`/c/:context`) so that users immediately understand what each area of the application is for. Descriptions are taken verbatim from the issue. ### Requirements - Add a short description paragraph inside each section card on the overview page - Use the exact wording from the issue for each description - The 8 areas are: Contacts, Companies, Interactions, Deals, Contracts, Finance, HR, Tasks/Projects - Add a missing **HR** section card to the overview page (present in sidebar but absent from dashboard) - No new routes, handlers, or struct fields — pure HTML string change in `IndexTemplate::render()` - All existing metric tiles and count numbers remain unchanged ### Files to Modify - `crates/hero_biz_ui/src/web/templates/mod.rs` — Edit `IndexTemplate::render()` to add description blocks and add the missing HR section card ### Implementation Plan #### Step 1: Add description block to CRM section Inside the CRM `<div class="card mb-4">`, add after the card-header: ```html <div class="px-3 pt-2 pb-0 text-muted small"> <strong>Contacts</strong> — People and business relationships we interact with.<br> <strong>Companies</strong> — Organizations linked to contacts, deals, contracts, HR, and finance.<br> <strong>Interactions</strong> — Calls, emails, meetings, notes, and follow-ups linked to contacts and companies.<br> <strong>Deals</strong> — Opportunities, investment discussions, sales opportunities, or commercial tracks. </div> ``` Dependencies: none #### Step 2: Add description block to Finance section Inside the Finance `<div class="card mb-4">`, add after the card-header: ```html <div class="px-3 pt-2 pb-0 text-muted small"> <strong>Finance</strong> — Amounts, invoices, payments, budgets, and financial records.<br> <strong>Contracts</strong> — Agreements and legal/commercial documents linked to contacts and companies. </div> ``` Dependencies: none #### Step 3: Add HR section card (currently missing from overview) After the Finance card, insert a new HR card section with description and a link tile. No new struct fields or handler changes needed — uses existing `context` and `bp` variables already in scope. Dependencies: none #### Step 4: Add description block to Projects section Inside the Projects `<div class="card mb-4">`, add after the card-header: ```html <div class="px-3 pt-2 pb-0 text-muted small"> <strong>Tasks / Projects</strong> — Execution layer for work linked to business records. </div> ``` Dependencies: none #### Step 5: Build verification Run `cargo build -p hero_biz_ui` to confirm no brace-escaping errors in the format! string. Dependencies: Steps 1–4 ### Acceptance Criteria - [ ] Overview page shows description for Contacts using exact issue wording - [ ] Overview page shows description for Companies using exact issue wording - [ ] Overview page shows description for Interactions using exact issue wording - [ ] Overview page shows description for Deals using exact issue wording - [ ] Overview page shows description for Contracts using exact issue wording - [ ] Overview page shows description for Finance using exact issue wording - [ ] Overview page shows description for HR using exact issue wording - [ ] Overview page shows description for Tasks / Projects using exact issue wording - [ ] HR section card now appears on the overview page - [ ] All existing metric tiles and counts remain functional - [ ] Project compiles without errors ### Notes - Template system is pure Rust `format!()` with inline HTML — literal `{` and `}` in HTML must be escaped as `{{` and `}}` inside the format string - HR section exists in sidebar and handlers but was missing from the overview dashboard body - The Dioxus app (`hero_biz_app`) `OverviewTab` is out of scope - Use `px-3 pt-2 pb-0 text-muted small` class pattern for description blocks to match existing card styling
Author
Member

Build Results

Status: PASS

Build succeeded with no errors or warnings.

## Build Results Status: PASS Build succeeded with no errors or warnings.
Author
Member

Implementation Summary

All changes were made in crates/hero_biz_ui/src/web/templates/mod.rs within the IndexTemplate::render() method.

Changes Made

CRM section — Added description block after the card-header:

  • Contacts: People and business relationships we interact with.
  • Companies: Organizations linked to contacts, deals, contracts, HR, and finance.
  • Interactions: Calls, emails, meetings, notes, and follow-ups linked to contacts and companies.
  • Deals: Opportunities, investment discussions, sales opportunities, or commercial tracks.

Finance section — Added description block after the card-header:

  • Contracts: Agreements and legal/commercial documents linked to contacts and companies.
  • Finance: Amounts, invoices, payments, budgets, and financial records.

Projects section — Added description block after the card-header:

  • Tasks / Projects: Execution layer for work linked to business records.

HR section — Added a new HR card (previously missing from the overview dashboard, though present in the sidebar). Includes:

  • Section header with icon and View link
  • Description: Employees, contractors, advisors, and team-related records linked to contacts.
  • Link tile to the HR records page

Build Result

Build passed with no errors or warnings (cargo build -p hero_biz_ui).

Acceptance Criteria

  • Overview page shows description for Contacts using exact issue wording
  • Overview page shows description for Companies using exact issue wording
  • Overview page shows description for Interactions using exact issue wording
  • Overview page shows description for Deals using exact issue wording
  • Overview page shows description for Contracts using exact issue wording
  • Overview page shows description for Finance using exact issue wording
  • Overview page shows description for HR using exact issue wording
  • Overview page shows description for Tasks / Projects using exact issue wording
  • HR section card now appears on the overview page
  • All existing metric tiles and counts remain functional
  • Project compiles without errors

--- ## Implementation Summary All changes were made in `crates/hero_biz_ui/src/web/templates/mod.rs` within the `IndexTemplate::render()` method. ### Changes Made **CRM section** — Added description block after the card-header: - Contacts: People and business relationships we interact with. - Companies: Organizations linked to contacts, deals, contracts, HR, and finance. - Interactions: Calls, emails, meetings, notes, and follow-ups linked to contacts and companies. - Deals: Opportunities, investment discussions, sales opportunities, or commercial tracks. **Finance section** — Added description block after the card-header: - Contracts: Agreements and legal/commercial documents linked to contacts and companies. - Finance: Amounts, invoices, payments, budgets, and financial records. **Projects section** — Added description block after the card-header: - Tasks / Projects: Execution layer for work linked to business records. **HR section** — Added a new HR card (previously missing from the overview dashboard, though present in the sidebar). Includes: - Section header with icon and View link - Description: Employees, contractors, advisors, and team-related records linked to contacts. - Link tile to the HR records page ### Build Result Build passed with no errors or warnings (`cargo build -p hero_biz_ui`). ### Acceptance Criteria - [x] Overview page shows description for Contacts using exact issue wording - [x] Overview page shows description for Companies using exact issue wording - [x] Overview page shows description for Interactions using exact issue wording - [x] Overview page shows description for Deals using exact issue wording - [x] Overview page shows description for Contracts using exact issue wording - [x] Overview page shows description for Finance using exact issue wording - [x] Overview page shows description for HR using exact issue wording - [x] Overview page shows description for Tasks / Projects using exact issue wording - [x] HR section card now appears on the overview page - [x] All existing metric tiles and counts remain functional - [x] Project compiles without errors ---
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
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_biz#35
No description provided.