bert.hausmans
8f3a404a42
Introduces SidebarHeader.vue — a PrimeVue-only org-switcher that replaces the centered Crewli wordmark at the top of the sidebar. The component mirrors the legacy Vuetify OrganisationSwitcher (avatar with org initials, organisation name, plan-tier placeholder, dropdown chevron, PrimeVue Menu of available orgs) but cannot reuse it directly per the R-10 layout-shell-isolation invariant. Plan-tier shows a hardcoded "Pro" placeholder until the backend Organisation resource exposes a plan field — tracked separately, not in F3.5 scope. When the user has no active organisation (portal users, fresh super_admin), the component degrades to the original title block so PortalLayout continues to read "Crewli Portal". Desktop sidebar width bumped w-64 → w-72 (256 → 288 px) to give the org-switcher card breathing room and accommodate the user-info card arriving in B3. Mobile Drawer width bumped 16rem → 18rem to match. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Crewli — Organizer SPA
Main product UI for organisation and event staff (Vue 3 + Vuexy + Vuetify). Lives in this repo; only re-copy from Vuexy when upgrading the template.
Setup
- Install dependencies:
pnpm install
- Create
.env.local:
VITE_API_URL=http://localhost:8000/api/v1
VITE_APP_NAME="Crewli Organizer"
- Dev server uses port 5174 (see
vite.config.tsor run from repo root:make app).
pnpm dev --port 5174
Port
Runs on http://localhost:5174
Production: e.g. VITE_API_URL=https://api.crewli.app/api/v1 and host the SPA at https://crewli.app (see api/.env.example for FRONTEND_APP_URL and SANCTUM_STATEFUL_DOMAINS).