Compensation Dashboard

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_100":99,"_38":51,"_108":90,"_33":103,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_26":-5,"_119":-5,"_120":-5,"_121":31,"_122":123,"_124":125,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":-5,"_62":31,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":31},"version",11,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","58d7bfa0-ae4d-4bac-8e90-5ea33c6b808f","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","bd90f560-33b7-11f1-8005-42b51c65c3df","name","fileType","http","content","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Serve the frontend TSX file (Val Town transpiles it automatically)\n if (url.pathname === \"/frontend/app.tsx\") {\n return serveFile(url.pathname);\n }\n\n // Serve the HTML shell for all other routes\n return new Response(\n `\n\n \n Compensation Dashboard\n \n \n \n \n

\n \n \n`,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Serve the frontend TSX file — pass import.meta.url so serveFile\n // knows which val to read from and transpiles JSX correctly\n if (url.pathname === \"/frontend/app.tsx\") {\n return serveFile(url.pathname, import.meta.url);\n }\n\n // Serve the HTML shell for all other routes\n return new Response(\n `\n\n \n Compensation Dashboard\n \n \n \n \n

\n \n \n`,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n","createdAt",["D",1775700468598],"branchVersion","branchId","bd8e70d8-33b7-11f1-8005-42b51c65c3df","id","bd8db67a-33b7-11f1-8005-42b51c65c3df","untitled-1509",["D",1775699967740],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","dd9ecb5b-6891-4111-a6e0-a62d6d56c121","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d6ff7-0832-77ab-9001-56dc8a46c138","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_19":60,"_104":105,"_106":31},"branch",{"_13":89,"_38":90,"_49":48,"_91":50,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":51,"_98":99},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shannondjenkins","handle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_38":51,"_44":175,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":-5,"_62":31,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":176,"_84":177,"_86":178,"_88":31},"tree",[157,159],"files",[157,158,159],"counts",{"_146":66,"_147":148,"_149":66,"_150":151,"_152":153},"contents",[130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_49":139,"_38":140,"_36":141,"_133":-5,"_47":48,"_46":142,"_134":125,"_44":143,"_13":66,"_39":144,"_41":-5,"_30":31,"_137":-5,"_33":145},{"_49":132,"_38":34,"_36":37,"_133":-5,"_47":48,"_46":14,"_134":31,"_44":135,"_13":136,"_39":40,"_41":43,"_30":31,"_137":-5,"_33":138},"e819b348-33b8-11f1-b2fe-42b51c65c3df","parentId","latest",["D",1775700468598],8,"label",[34],"a053f000-33b8-11f1-9f28-42b51c65c3df","frontend","a053f0be-33b8-11f1-9f28-42b51c65c3df",6,["D",1775700348196],"directory",[140],"pulls","branches",1,"forks","envVars",{"_154":66,"_156":66},"connections",{"_154":66,"_155":66},"count","unfilledCount","emptyCount",{"_49":139,"_38":140,"_36":141,"_133":-5,"_47":48,"_46":142,"_134":125,"_44":172,"_13":66,"_39":144,"_41":-5,"_30":31,"_137":-5,"_161":173,"_33":174},{"_49":164,"_38":165,"_36":166,"_133":141,"_47":48,"_46":167,"_134":125,"_44":168,"_13":66,"_39":26,"_41":169,"_30":31,"_137":-5,"_161":170,"_33":171},{"_49":132,"_38":34,"_36":37,"_133":-5,"_47":48,"_46":14,"_134":31,"_44":160,"_13":136,"_39":40,"_41":43,"_30":31,"_137":-5,"_161":162,"_33":163},["D",1775700468598],"children",[],[34],"ad55db60-33b8-11f1-9bb9-42b51c65c3df","app.tsx","ad55dc46-33b8-11f1-9bb9-42b51c65c3df",7,["D",1775700370017],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nconst cardStyle = {\n backgroundColor: \"white\",\n padding: \"20px\",\n borderRadius: \"12px\",\n boxShadow: \"0 1px 3px rgba(0,0,0,0.1)\",\n};\nconst thStyle = {\n padding: \"12px 16px\",\n fontSize: \"12px\",\n textTransform: \"uppercase\" as const,\n color: \"#6b7280\",\n letterSpacing: \"0.05em\",\n};\nconst tdStyle = { padding: \"16px\", fontSize: \"14px\", color: \"#374151\" };\n\nconst LayoutIcon = () => (\n \n \n \n \n \n);\n\nconst TrendingIcon = () => (\n \n \n \n \n);\n\nconst SalaryDashboard = () => {\n const salaryData = [\n { role: \"Sales Assoc.\", min: 35000, max: 55000, avg: 45000 },\n { role: \"Shift Lead\", min: 45000, max: 70000, avg: 58000 },\n { role: \"Asst. Manager\", min: 65000, max: 110000, avg: 85000 },\n { role: \"Store Manager\", min: 218000, max: 530000, avg: 374000 },\n { role: \"District Mgr\", min: 250000, max: 600000, avg: 425000 },\n ];\n\n const formatUSD = (num: number) =>\n new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n maximumFractionDigits: 0,\n }).format(num);\n\n return (\n \n

\n \n Compensation Overview\n \n

\n\n \n

\n \n Top Salary Ceiling \n

\n \n {formatUSD(600000)}\n \n \n\n

\n Store Manager Average\n

\n \n {formatUSD(374000)}\n

\n \n \n\n \n \n \n \n Role\n Min\n Average\n Max\n Range Visual\n \n \n \n {salaryData.map((row, idx) => (\n \n \n {row.role}\n \n {formatUSD(row.min)}\n \n {formatUSD(row.avg)}\n \n {formatUSD(row.max)}\n \n \n \n \n \n \n ))}\n \n \n \n \n );\n};\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[140,165],["D",1775700348196],[158],[140],["D",1775699967740],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_19":60,"_104":105,"_106":31},{"_13":89,"_38":90,"_49":48,"_91":50,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":51,"_98":99},"ctx",{"_82":-5,"_127":212,"_213":214,"_215":216,"_217":31,"_218":31,"_219":31,"_220":125,"_221":-5,"_222":-7,"_223":-7,"_224":66,"_225":31,"_226":31,"_227":-5,"_228":31,"_229":31,"_230":31,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":90,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v11