// Icon components — 1.75px stroke, round caps/joins. // Sidebar nav icons follow the real app's design system: ghost fills (currentColor + fillOpacity 0.08-0.15) // on enclosed shapes, solid accent dots (fill="currentColor" stroke="none" r=1.5). const Icon = ({ children, size = 18, stroke = 1.75, ...rest }) => ( ); // User's official PoolLogic mark — drop with checkmark badge, transparent bg let __plDropCounter = 0; const PoolDropIcon = ({ size = 28 }) => { const dropId = React.useMemo(() => `pl-drop-${++__plDropCounter}`, []); return ( ); }; // Icon is always rendered at REF_SIZE and scaled with CSS transform so size changes // tween smoothly (SVG width/height attributes don't animate). The outer wrapper's // width/height transition keeps the layout footprint in sync with the visual scale. const Logo = ({ size = 28, plan, gap = 10, fontSize = 17 }) => { const REF_SIZE = 40; const ease = 'cubic-bezier(.4, 0, .2, 1)'; return (

PoolLogic {plan && {plan}}

); }; // Sidebar icons (matching the screenshot's visual language) const I = { // Dashboard — house with door cutout dashboard: () => , // Operations — checklist with top-line check ops: () => , // Route insight — two staggered pins joined by a line route: () => , // Service audit — line graph with axes + data points audit: () => , // Customers — single person bust customers: () => , // Billing — wallet/card with chip dot billing: () => , // Services & parts — flat 2D price tag parts: () => , // Create ticket — clipboard ticket: () => , // New customer — person bust + plus mark (no badge ring) userPlus: () => , // Filter service — pool canister filter (port + dome + ribbed body + base plinth) funnel: () => , // Create estimate — folded-corner document with content lines estimate: () => , // Record payment — check inside circle payment: () => , // Staff — primary person + partial second-person head/shoulders staff: () => , // Settings — sliders with solid handles settings: () => , search: (props) => , bell: () => , // Filter (sliders) — used by top-right Filters button and "All" filter chip filter: (props) => , // Single person — techs filter pill person: (props) => , plus: (props) => , chevR: () => , chevD: () => , arrowR: () => , check: () => , zap: () => , shield: () => , clock: () => , phone: () => , map: () => , receipt: () => , chart: () => , droplet: (props) => , sparkle: () => , star: () => , qr: () => , arrowUp: () => , arrowDown: () => , x: (props) => , menu: () => , }; Object.assign(window, { Icon, PoolDropIcon, Logo, I });