@sentry/junior-dashboard 0.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/dist/app.d.ts +22 -0
- package/dist/app.js +492 -0
- package/dist/auth.d.ts +30 -0
- package/dist/client/App.d.ts +2 -0
- package/dist/client/api.d.ts +10 -0
- package/dist/client/code.d.ts +15 -0
- package/dist/client/components/CommandRail.d.ts +6 -0
- package/dist/client/components/ConversationList.d.ts +7 -0
- package/dist/client/components/ConversationRowStats.d.ts +6 -0
- package/dist/client/components/ConversationStack.d.ts +5 -0
- package/dist/client/components/ConversationSummary.d.ts +5 -0
- package/dist/client/components/EmptyTelemetry.d.ts +5 -0
- package/dist/client/components/FilterTabs.d.ts +6 -0
- package/dist/client/components/JuniorLogo.d.ts +2 -0
- package/dist/client/components/LoadingView.d.ts +4 -0
- package/dist/client/components/Section.d.ts +6 -0
- package/dist/client/components/SectionHeader.d.ts +6 -0
- package/dist/client/components/SectionTitle.d.ts +5 -0
- package/dist/client/components/StatusBadge.d.ts +6 -0
- package/dist/client/components/ToolFrame.d.ts +10 -0
- package/dist/client/components/Transcript.d.ts +5 -0
- package/dist/client/components/TranscriptHeader.d.ts +7 -0
- package/dist/client/components/TranscriptLoading.d.ts +2 -0
- package/dist/client/components/TranscriptText.d.ts +6 -0
- package/dist/client/components/TranscriptToolView.d.ts +9 -0
- package/dist/client/components/TranscriptTurn.d.ts +8 -0
- package/dist/client/components/TurnDurationChart.d.ts +6 -0
- package/dist/client/components/statusStyles.d.ts +3 -0
- package/dist/client/components/transcriptPreview.d.ts +4 -0
- package/dist/client/components/transcriptRenderModel.d.ts +30 -0
- package/dist/client/components/transcriptStyles.d.ts +4 -0
- package/dist/client/format.d.ts +64 -0
- package/dist/client/pages/CommandCenter.d.ts +6 -0
- package/dist/client/pages/ConversationPage.d.ts +5 -0
- package/dist/client/pages/ConversationsPage.d.ts +5 -0
- package/dist/client/styles.d.ts +2 -0
- package/dist/client/types.d.ts +153 -0
- package/dist/client.d.ts +7 -0
- package/dist/client.js +56012 -0
- package/dist/config.d.ts +4 -0
- package/dist/handler.d.ts +2 -0
- package/dist/handler.js +563 -0
- package/dist/nitro.d.ts +16 -0
- package/dist/nitro.js +80 -0
- package/dist/tailwind.css +2 -0
- package/package.json +60 -0
- package/src/app.ts +421 -0
- package/src/auth.ts +202 -0
- package/src/client/App.tsx +175 -0
- package/src/client/api.ts +99 -0
- package/src/client/code.tsx +139 -0
- package/src/client/components/CommandRail.tsx +74 -0
- package/src/client/components/ConversationList.tsx +94 -0
- package/src/client/components/ConversationRowStats.tsx +21 -0
- package/src/client/components/ConversationStack.tsx +67 -0
- package/src/client/components/ConversationSummary.tsx +40 -0
- package/src/client/components/EmptyTelemetry.tsx +11 -0
- package/src/client/components/FilterTabs.tsx +35 -0
- package/src/client/components/JuniorLogo.tsx +8 -0
- package/src/client/components/LoadingView.tsx +16 -0
- package/src/client/components/Section.tsx +17 -0
- package/src/client/components/SectionHeader.tsx +16 -0
- package/src/client/components/SectionTitle.tsx +10 -0
- package/src/client/components/StatusBadge.tsx +40 -0
- package/src/client/components/ToolFrame.tsx +52 -0
- package/src/client/components/Transcript.tsx +39 -0
- package/src/client/components/TranscriptHeader.tsx +52 -0
- package/src/client/components/TranscriptLoading.tsx +10 -0
- package/src/client/components/TranscriptText.tsx +45 -0
- package/src/client/components/TranscriptToolView.tsx +207 -0
- package/src/client/components/TranscriptTurn.tsx +487 -0
- package/src/client/components/TurnDurationChart.tsx +349 -0
- package/src/client/components/statusStyles.ts +9 -0
- package/src/client/components/transcriptPreview.ts +20 -0
- package/src/client/components/transcriptRenderModel.ts +193 -0
- package/src/client/components/transcriptStyles.ts +11 -0
- package/src/client/format.ts +628 -0
- package/src/client/pages/CommandCenter.tsx +37 -0
- package/src/client/pages/ConversationPage.tsx +145 -0
- package/src/client/pages/ConversationsPage.tsx +59 -0
- package/src/client/styles.ts +6 -0
- package/src/client/types.ts +153 -0
- package/src/client.tsx +79 -0
- package/src/config.ts +72 -0
- package/src/handler.ts +26 -0
- package/src/nitro.ts +110 -0
- package/src/tailwind.css +13 -0
- package/src/virtual-modules.d.ts +5 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[1\]{z-index:1}.col-span-full{grid-column:1/-1}.m-0{margin:calc(var(--spacing) * 0)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.max-h-\[60vh\]{max-height:60vh}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-\[calc\(100vh-5rem\)\]{min-height:calc(100vh - 5rem)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-64{min-width:calc(var(--spacing) * 64)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-1\/2{flex-basis:50%}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-\[0\.875rem_minmax\(0\,1fr\)\]{grid-template-columns:.875rem minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,max-content\)\]{grid-template-columns:minmax(0,1fr) minmax(12rem,max-content)}.grid-cols-\[minmax\(13rem\,1\.7fr\)_minmax\(13rem\,1fr\)\]{grid-template-columns:minmax(13rem,1.7fr) minmax(13rem,1fr)}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-items-end{justify-items:end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[\#beaaff\]\/20{border-color:oklab(78.6663% .0494663 -.109708/.2)}.border-\[\#beaaff\]\/70{border-color:oklab(78.6663% .0494663 -.109708/.7)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400\/25{border-color:#fcbb0040}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/25{border-color:color-mix(in oklab, var(--color-amber-400) 25%, transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-400\/25{border-color:#00d29440}@supports (color:color-mix(in lab, red, red)){.border-emerald-400\/25{border-color:color-mix(in oklab, var(--color-emerald-400) 25%, transparent)}}.border-rose-300{border-color:var(--color-rose-300)}.border-rose-400{border-color:var(--color-rose-400)}.border-rose-400\/25{border-color:#ff667f40}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/25{border-color:color-mix(in oklab, var(--color-rose-400) 25%, transparent)}}.border-rose-400\/50{border-color:#ff667f80}@supports (color:color-mix(in lab, red, red)){.border-rose-400\/50{border-color:color-mix(in oklab, var(--color-rose-400) 50%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-b-\[\#beaaff\]{border-bottom-color:#beaaff}.border-b-transparent{border-bottom-color:#0000}.border-b-white\/10{border-bottom-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-b-white\/10{border-bottom-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-l-\[\#888\]{border-left-color:#888}.border-l-\[\#beaaff\]\/60{border-left-color:oklab(78.6663% .0494663 -.109708/.6)}.border-l-amber-300{border-left-color:var(--color-amber-300)}.border-l-amber-400{border-left-color:var(--color-amber-400)}.border-l-emerald-400{border-left-color:var(--color-emerald-400)}.border-l-rose-400{border-left-color:var(--color-rose-400)}.border-l-violet-300{border-left-color:var(--color-violet-300)}.border-l-white{border-left-color:var(--color-white)}.border-l-white\/25{border-left-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-l-white\/25{border-left-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.border-l-white\/35{border-left-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.border-l-white\/35{border-left-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.border-l-white\/70{border-left-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-l-white\/70{border-left-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-\[\#0b0b0b\]{background-color:#0b0b0b}.bg-\[\#111\]{background-color:#111}.bg-\[\#050505\]{background-color:#050505}.bg-\[\#050505\]\/95{background-color:oklab(11.4918% 7.45058e-9 7.45058e-9/.95)}.bg-\[\#b8b8b8\]{background-color:#b8b8b8}.bg-\[\#beaaff\]\/20{background-color:oklab(78.6663% .0494663 -.109708/.2)}.bg-\[\#beaaff\]\/50{background-color:oklab(78.6663% .0494663 -.109708/.5)}.bg-\[rgba\(190\,170\,255\,0\.08\)\]{background-color:#beaaff14}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-300\/\[0\.06\]{background-color:#ffd2360f}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-amber-300) 6%, transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-400\/10{background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-400\/10{background-color:color-mix(in oklab, var(--color-amber-400) 10%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-400\/10{background-color:#00d2941a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-400\/10{background-color:color-mix(in oklab, var(--color-emerald-400) 10%, transparent)}}.bg-rose-300{background-color:var(--color-rose-300)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-rose-400\/10{background-color:#ff667f1a}@supports (color:color-mix(in lab, red, red)){.bg-rose-400\/10{background-color:color-mix(in oklab, var(--color-rose-400) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/35{background-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.bg-white\/35{background-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-left{text-align:left}.text-right{text-align:right}.font-\[inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.84rem\]{font-size:.84rem}.text-\[0\.86rem\]{font-size:.86rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[1\.04rem\]{font-size:1.04rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.75rem\]{font-size:1.75rem}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#666\]{color:#666}.text-\[\#777\]{color:#777}.text-\[\#888\]{color:#888}.text-\[\#b8b8b8\]{color:#b8b8b8}.text-\[\#d6d6d6\]{color:#d6d6d6}.text-\[\#d8ccff\]{color:#d8ccff}.text-\[\#f4f4f4\]{color:#f4f4f4}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-black{color:var(--color-black)}.text-emerald-300{color:var(--color-emerald-300)}.text-inherit{color:inherit}.text-rose-300{color:var(--color-rose-300)}.text-violet-200{color:var(--color-violet-200)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-white{-webkit-text-decoration-color:var(--color-white);-webkit-text-decoration-color:var(--color-white);text-decoration-color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.\[color-scheme\:dark\]{color-scheme:dark}.saturate-50{--tw-saturate:saturate(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[filter\,stroke\,stroke-width\]{transition-property:filter,stroke,stroke-width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\:hidden:is(:where(.group):is([open],:popover-open,:open) *){display:none}.group-open\:inline:is(:where(.group):is([open],:popover-open,:open) *){display:inline}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-\[\#beaaff\]\/45:hover{border-color:oklab(78.6663% .0494663 -.109708/.45)}.hover\:border-white:hover{border-color:var(--color-white)}.hover\:border-white\/25:hover{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/25:hover{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:border-b-white\/45:hover{border-bottom-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.hover\:border-b-white\/45:hover{border-bottom-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.hover\:bg-\[\#151515\]:hover{background-color:#151515}.hover\:bg-\[rgba\(190\,170\,255\,0\.06\)\]:hover{background-color:#beaaff0f}.hover\:bg-\[rgba\(190\,170\,255\,0\.07\)\]:hover{background-color:#beaaff12}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.05\]:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-125:hover{--tw-brightness:brightness(125%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus-visible\:stroke-emerald-400:focus-visible{stroke:var(--color-emerald-400)}.focus-visible\:stroke-2:focus-visible{stroke-width:2px}@media not all and (min-width:48rem){.max-md\:hidden{display:none}.max-md\:w-full{width:100%}.max-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-md\:flex-col{flex-direction:column}.max-md\:flex-wrap{flex-wrap:wrap}.max-md\:items-stretch{align-items:stretch}.max-md\:justify-between{justify-content:space-between}.max-md\:justify-items-start{justify-items:start}.max-md\:gap-1{gap:calc(var(--spacing) * 1)}.max-md\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-md\:py-4{padding-block:calc(var(--spacing) * 4)}.max-md\:text-left{text-align:left}}@media (min-width:40rem){.sm\:basis-1\/3{flex-basis:33.3333%}}@media (min-width:48rem){.md\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.md\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:text-right{text-align:right}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-\[minmax\(21rem\,0\.32fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(21rem,.32fr) minmax(0,1fr)}}.\[\&_code\]\:break-words code{overflow-wrap:break-word}.\[\&_code\]\:whitespace-pre-wrap code{white-space:pre-wrap}.\[\&_pre\]\:\!m-0 pre{margin:calc(var(--spacing) * 0)!important}.\[\&_pre\]\:\!overflow-visible pre{overflow:visible!important}.\[\&_pre\]\:\!bg-transparent pre{background-color:#0000!important}.\[\&_pre\]\:\!p-0 pre{padding:calc(var(--spacing) * 0)!important}.\[\&_pre\]\:font-mono pre{font-family:var(--font-mono)}.\[\&_pre\]\:text-\[0\.86rem\] pre{font-size:.86rem}.\[\&_pre\]\:leading-relaxed pre{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_pre\]\:break-words pre{overflow-wrap:break-word}.\[\&_pre\]\:whitespace-pre-wrap pre{white-space:pre-wrap}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
|
package/package.json
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@sentry/junior-dashboard",
|
|
3
|
+
"version": "0.58.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"type": "module",
|
|
9
|
+
"repository": {
|
|
10
|
+
"type": "git",
|
|
11
|
+
"url": "git+https://github.com/getsentry/junior.git",
|
|
12
|
+
"directory": "packages/junior-dashboard"
|
|
13
|
+
},
|
|
14
|
+
"exports": {
|
|
15
|
+
".": {
|
|
16
|
+
"types": "./dist/app.d.ts",
|
|
17
|
+
"default": "./dist/app.js"
|
|
18
|
+
},
|
|
19
|
+
"./nitro": {
|
|
20
|
+
"types": "./dist/nitro.d.ts",
|
|
21
|
+
"default": "./dist/nitro.js"
|
|
22
|
+
},
|
|
23
|
+
"./handler": {
|
|
24
|
+
"types": "./dist/handler.d.ts",
|
|
25
|
+
"default": "./dist/handler.js"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"files": [
|
|
29
|
+
"dist",
|
|
30
|
+
"src"
|
|
31
|
+
],
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"@tanstack/react-query": "^5.100.14",
|
|
34
|
+
"better-auth": "^1.3.36",
|
|
35
|
+
"hono": "^4.12.22",
|
|
36
|
+
"nitro": "3.0.260522-beta",
|
|
37
|
+
"react": "^19.2.6",
|
|
38
|
+
"react-dom": "^19.2.6",
|
|
39
|
+
"react-router": "^7.16.0",
|
|
40
|
+
"recharts": "^3.8.1",
|
|
41
|
+
"shiki": "4.1.0",
|
|
42
|
+
"@sentry/junior": "0.58.0"
|
|
43
|
+
},
|
|
44
|
+
"devDependencies": {
|
|
45
|
+
"@tailwindcss/cli": "^4.3.0",
|
|
46
|
+
"@types/node": "^25.9.1",
|
|
47
|
+
"@types/react": "^19.2.15",
|
|
48
|
+
"@types/react-dom": "^19.2.3",
|
|
49
|
+
"tailwindcss": "^4.3.0",
|
|
50
|
+
"tsup": "^8.5.1",
|
|
51
|
+
"typescript": "^6.0.3",
|
|
52
|
+
"vitest": "^4.1.7"
|
|
53
|
+
},
|
|
54
|
+
"scripts": {
|
|
55
|
+
"build": "tsup && pnpm run build:css && tsc -p tsconfig.build.json --emitDeclarationOnly",
|
|
56
|
+
"build:css": "tailwindcss -i src/tailwind.css -o dist/tailwind.css --minify",
|
|
57
|
+
"test": "vitest run -c vitest.config.ts",
|
|
58
|
+
"typecheck": "tsc --noEmit"
|
|
59
|
+
}
|
|
60
|
+
}
|
package/src/app.ts
ADDED
|
@@ -0,0 +1,421 @@
|
|
|
1
|
+
import { Hono, type Context, type Next } from "hono";
|
|
2
|
+
import { existsSync, readFileSync } from "node:fs";
|
|
3
|
+
import path from "node:path";
|
|
4
|
+
import type { JuniorReporting } from "@sentry/junior/reporting";
|
|
5
|
+
import { createJuniorReporting } from "@sentry/junior/reporting";
|
|
6
|
+
import { initSentry } from "@sentry/junior/instrumentation";
|
|
7
|
+
import {
|
|
8
|
+
createDashboardAuth,
|
|
9
|
+
resolveGoogleHostedDomainHint,
|
|
10
|
+
sanitizeDashboardSession,
|
|
11
|
+
type DashboardAuth,
|
|
12
|
+
type DashboardSession,
|
|
13
|
+
} from "./auth";
|
|
14
|
+
|
|
15
|
+
const DEFAULT_BASE_PATH = "/";
|
|
16
|
+
const DEFAULT_AUTH_PATH = "/api/auth";
|
|
17
|
+
const DASHBOARD_CLIENT_VERSION = Date.now().toString(36);
|
|
18
|
+
|
|
19
|
+
export interface JuniorDashboardOptions {
|
|
20
|
+
basePath?: string;
|
|
21
|
+
authPath?: string;
|
|
22
|
+
authRequired?: boolean;
|
|
23
|
+
allowedGoogleDomains?: string[];
|
|
24
|
+
allowedEmails?: string[];
|
|
25
|
+
sessionMaxAgeSeconds?: number;
|
|
26
|
+
trustedOrigins?: string[];
|
|
27
|
+
auth?: DashboardAuth;
|
|
28
|
+
reporting?: JuniorReporting;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
type Variables = {
|
|
32
|
+
dashboardSession: DashboardSession;
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
function hasSentryConversationLinks(): boolean {
|
|
36
|
+
return Boolean(
|
|
37
|
+
process.env.SENTRY_DSN?.trim() && process.env.SENTRY_ORG_SLUG?.trim(),
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
function normalizePath(path: string, fallback: string): string {
|
|
42
|
+
const value = path.trim() || fallback;
|
|
43
|
+
const withSlash = value.startsWith("/") ? value : `/${value}`;
|
|
44
|
+
return stripTrailingSlashes(withSlash);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function stripTrailingSlashes(value: string): string {
|
|
48
|
+
let end = value.length;
|
|
49
|
+
while (end > 1 && value.charCodeAt(end - 1) === 47) {
|
|
50
|
+
end -= 1;
|
|
51
|
+
}
|
|
52
|
+
return end === value.length ? value : value.slice(0, end);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
function normalizeValues(values: string[] | undefined): string[] {
|
|
56
|
+
return [
|
|
57
|
+
...new Set(
|
|
58
|
+
(values ?? []).map((value) => value.trim().toLowerCase()).filter(Boolean),
|
|
59
|
+
),
|
|
60
|
+
];
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
function isJsonRoute(pathname: string): boolean {
|
|
64
|
+
return pathname.startsWith("/api/");
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
function dashboardLoginUrl(request: Request): string {
|
|
68
|
+
const url = new URL(request.url);
|
|
69
|
+
url.pathname = "/api/dashboard/login";
|
|
70
|
+
url.search = "";
|
|
71
|
+
return url.toString();
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
function callbackUrl(request: Request, basePath: string): string {
|
|
75
|
+
const url = new URL(request.url);
|
|
76
|
+
url.pathname = basePath;
|
|
77
|
+
url.search = "";
|
|
78
|
+
return url.toString();
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
function isAuthorized(
|
|
82
|
+
session: DashboardSession,
|
|
83
|
+
allowedDomains: string[],
|
|
84
|
+
allowedEmails: string[],
|
|
85
|
+
): boolean {
|
|
86
|
+
const email = session.user.email?.toLowerCase();
|
|
87
|
+
const domain = session.user.hostedDomain?.toLowerCase();
|
|
88
|
+
|
|
89
|
+
if (session.user.emailVerified && email && allowedEmails.includes(email)) {
|
|
90
|
+
return true;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
return Boolean(
|
|
94
|
+
session.user.emailVerified && domain && allowedDomains.includes(domain),
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
function unauthorized(request: Request): Response {
|
|
99
|
+
if (isJsonRoute(new URL(request.url).pathname)) {
|
|
100
|
+
return Response.json({ error: "unauthenticated" }, { status: 401 });
|
|
101
|
+
}
|
|
102
|
+
return Response.redirect(dashboardLoginUrl(request), 302);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
function forbidden(request: Request): Response {
|
|
106
|
+
if (!isJsonRoute(new URL(request.url).pathname)) {
|
|
107
|
+
return new Response(
|
|
108
|
+
`<!DOCTYPE html>
|
|
109
|
+
<html lang="en">
|
|
110
|
+
<head>
|
|
111
|
+
<meta charset="utf-8" />
|
|
112
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
113
|
+
<title>Junior access denied</title>
|
|
114
|
+
<style>
|
|
115
|
+
${readDashboardTailwind()}
|
|
116
|
+
</style>
|
|
117
|
+
</head>
|
|
118
|
+
<body class="m-0 bg-black font-sans text-white [color-scheme:dark]">
|
|
119
|
+
<main class="grid min-h-screen place-items-center p-8">
|
|
120
|
+
<section class="max-w-lg border-l-4 border-rose-400 pl-4">
|
|
121
|
+
<h1 class="m-0 mb-3 text-[1.75rem] font-bold leading-tight">Access denied</h1>
|
|
122
|
+
<p class="m-0 leading-relaxed text-[#b8b8b8]">Your Google account is authenticated, but it is not allowed to use this Junior dashboard.</p>
|
|
123
|
+
</section>
|
|
124
|
+
</main>
|
|
125
|
+
</body>
|
|
126
|
+
</html>`,
|
|
127
|
+
{
|
|
128
|
+
headers: {
|
|
129
|
+
"cache-control": "no-store",
|
|
130
|
+
"content-type": "text/html; charset=utf-8",
|
|
131
|
+
},
|
|
132
|
+
status: 403,
|
|
133
|
+
},
|
|
134
|
+
);
|
|
135
|
+
}
|
|
136
|
+
return Response.json({ error: "forbidden" }, { status: 403 });
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
function dashboardSessionBypass(): DashboardSession {
|
|
140
|
+
return {
|
|
141
|
+
user: {
|
|
142
|
+
email: "local-dashboard@localhost",
|
|
143
|
+
emailVerified: true,
|
|
144
|
+
hostedDomain: "localhost",
|
|
145
|
+
},
|
|
146
|
+
};
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
function readDashboardAsset(fileName: string): string {
|
|
150
|
+
const localDistUrl = new URL(`./${fileName}`, import.meta.url);
|
|
151
|
+
if (existsSync(localDistUrl)) {
|
|
152
|
+
return readFileSync(localDistUrl, "utf8");
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
const sourceDistUrl = new URL(`../dist/${fileName}`, import.meta.url);
|
|
156
|
+
if (existsSync(sourceDistUrl)) {
|
|
157
|
+
return readFileSync(sourceDistUrl, "utf8");
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
const workspacePackagePath = path.join(
|
|
161
|
+
process.cwd(),
|
|
162
|
+
"node_modules",
|
|
163
|
+
"@sentry",
|
|
164
|
+
"junior-dashboard",
|
|
165
|
+
"dist",
|
|
166
|
+
fileName,
|
|
167
|
+
);
|
|
168
|
+
if (existsSync(workspacePackagePath)) {
|
|
169
|
+
return readFileSync(workspacePackagePath, "utf8");
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
return "";
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
function readDashboardClient(): string {
|
|
176
|
+
const client = readDashboardAsset("client.js");
|
|
177
|
+
if (!client) {
|
|
178
|
+
throw new Error("Junior dashboard client bundle was not found");
|
|
179
|
+
}
|
|
180
|
+
return client;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
function dashboardTimeZone(): string {
|
|
184
|
+
return process.env.JUNIOR_TIMEZONE || "America/Los_Angeles";
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
function readDashboardTailwind(): string {
|
|
188
|
+
return readDashboardAsset("tailwind.css");
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
function dashboardPagePaths(basePath: string): string[] {
|
|
192
|
+
return [
|
|
193
|
+
basePath,
|
|
194
|
+
basePath === "/" ? "/conversations" : `${basePath}/conversations`,
|
|
195
|
+
basePath === "/" ? "/sessions" : `${basePath}/sessions`,
|
|
196
|
+
];
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
function renderDashboard(basePath: string): Response {
|
|
200
|
+
return new Response(
|
|
201
|
+
`<!DOCTYPE html>
|
|
202
|
+
<html lang="en">
|
|
203
|
+
<head>
|
|
204
|
+
<meta charset="utf-8" />
|
|
205
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
206
|
+
<title>Junior</title>
|
|
207
|
+
<style>
|
|
208
|
+
${readDashboardTailwind()}
|
|
209
|
+
</style>
|
|
210
|
+
</head>
|
|
211
|
+
<body class="m-0 bg-black text-white [color-scheme:dark]">
|
|
212
|
+
<div id="dashboard-root"></div>
|
|
213
|
+
<script>
|
|
214
|
+
window.__JUNIOR_DASHBOARD_BASE_PATH__ = ${JSON.stringify(basePath)};
|
|
215
|
+
(function () {
|
|
216
|
+
function escapeHtml(value) {
|
|
217
|
+
return String(value)
|
|
218
|
+
.replace(/&/g, "&")
|
|
219
|
+
.replace(/</g, "<")
|
|
220
|
+
.replace(/>/g, ">")
|
|
221
|
+
.replace(/"/g, """)
|
|
222
|
+
.replace(/'/g, "'");
|
|
223
|
+
}
|
|
224
|
+
function errorText(error) {
|
|
225
|
+
if (!error) return "Unknown dashboard error";
|
|
226
|
+
if (typeof error === "string") return error;
|
|
227
|
+
if (error.stack) return error.stack;
|
|
228
|
+
if (error.message) return error.message;
|
|
229
|
+
try {
|
|
230
|
+
return JSON.stringify(error, null, 2);
|
|
231
|
+
} catch (_error) {
|
|
232
|
+
return String(error);
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
window.__JUNIOR_DASHBOARD_SHOW_ERROR__ = function (error) {
|
|
236
|
+
var root = document.getElementById("dashboard-root");
|
|
237
|
+
if (!root) return;
|
|
238
|
+
root.innerHTML =
|
|
239
|
+
'<main class="grid min-h-screen place-items-center bg-black p-8 text-white">' +
|
|
240
|
+
'<section class="w-full max-w-5xl border border-rose-400/50 bg-[#0b0b0b] p-5 font-sans">' +
|
|
241
|
+
'<div class="font-mono text-xs uppercase leading-none text-[#888]">Dashboard Error</div>' +
|
|
242
|
+
'<h1 class="mt-2 text-3xl font-bold leading-tight tracking-normal">Junior failed to render</h1>' +
|
|
243
|
+
'<p class="my-4 max-w-3xl text-[#b8b8b8]">The dashboard hit a client-side exception. The stack trace is shown here so the page does not fail blank.</p>' +
|
|
244
|
+
'<pre class="max-h-[60vh] overflow-auto whitespace-pre-wrap break-words border border-white/10 bg-black p-4 font-mono text-sm leading-relaxed text-white">' +
|
|
245
|
+
escapeHtml(errorText(error)) +
|
|
246
|
+
"</pre></section></main>";
|
|
247
|
+
};
|
|
248
|
+
window.addEventListener("error", function (event) {
|
|
249
|
+
window.__JUNIOR_DASHBOARD_SHOW_ERROR__(event.error || event.message);
|
|
250
|
+
});
|
|
251
|
+
window.addEventListener("unhandledrejection", function (event) {
|
|
252
|
+
window.__JUNIOR_DASHBOARD_SHOW_ERROR__(event.reason);
|
|
253
|
+
});
|
|
254
|
+
})();
|
|
255
|
+
</script>
|
|
256
|
+
<script type="module" src="/api/dashboard/client.js?v=${DASHBOARD_CLIENT_VERSION}"></script>
|
|
257
|
+
</body>
|
|
258
|
+
</html>`,
|
|
259
|
+
{
|
|
260
|
+
headers: {
|
|
261
|
+
"cache-control": "no-store",
|
|
262
|
+
"content-type": "text/html; charset=utf-8",
|
|
263
|
+
},
|
|
264
|
+
},
|
|
265
|
+
);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
function renderFavicon(): Response {
|
|
269
|
+
return new Response(
|
|
270
|
+
`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" fill="#000000"/><text x="16" y="20.5" fill="#ffffff" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" font-weight="900" text-anchor="middle">Jr</text></svg>`,
|
|
271
|
+
{ headers: { "content-type": "image/svg+xml" } },
|
|
272
|
+
);
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/** Create the authenticated dashboard Hono app mounted by Nitro. */
|
|
276
|
+
export function createDashboardApp(
|
|
277
|
+
options: JuniorDashboardOptions,
|
|
278
|
+
): Hono<{ Variables: Variables }> {
|
|
279
|
+
if (process.env.SENTRY_DSN?.trim()) {
|
|
280
|
+
initSentry();
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
const basePath = normalizePath(
|
|
284
|
+
options.basePath ?? DEFAULT_BASE_PATH,
|
|
285
|
+
DEFAULT_BASE_PATH,
|
|
286
|
+
);
|
|
287
|
+
const authPath = normalizePath(
|
|
288
|
+
options.authPath ?? DEFAULT_AUTH_PATH,
|
|
289
|
+
DEFAULT_AUTH_PATH,
|
|
290
|
+
);
|
|
291
|
+
const allowedDomains = normalizeValues(options.allowedGoogleDomains);
|
|
292
|
+
const allowedEmails = normalizeValues(options.allowedEmails);
|
|
293
|
+
|
|
294
|
+
const authRequired = options.authRequired !== false;
|
|
295
|
+
|
|
296
|
+
if (
|
|
297
|
+
authRequired &&
|
|
298
|
+
allowedDomains.length === 0 &&
|
|
299
|
+
allowedEmails.length === 0
|
|
300
|
+
) {
|
|
301
|
+
throw new Error(
|
|
302
|
+
"Junior dashboard auth requires allowedGoogleDomains or allowedEmails",
|
|
303
|
+
);
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
const auth = authRequired
|
|
307
|
+
? (options.auth ??
|
|
308
|
+
createDashboardAuth({
|
|
309
|
+
authPath,
|
|
310
|
+
trustedOrigins: options.trustedOrigins ?? [],
|
|
311
|
+
googleHostedDomain: resolveGoogleHostedDomainHint(allowedDomains),
|
|
312
|
+
sessionMaxAgeSeconds: options.sessionMaxAgeSeconds,
|
|
313
|
+
}))
|
|
314
|
+
: undefined;
|
|
315
|
+
const reporting = options.reporting ?? createJuniorReporting();
|
|
316
|
+
const app = new Hono<{ Variables: Variables }>();
|
|
317
|
+
|
|
318
|
+
if (auth) {
|
|
319
|
+
app.on(["GET", "POST"], `${authPath}/*`, (c) => auth.handler(c.req.raw));
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
app.get("/favicon.ico", () => renderFavicon());
|
|
323
|
+
|
|
324
|
+
app.get("/api/dashboard/login", async (c) => {
|
|
325
|
+
if (!auth) {
|
|
326
|
+
return Response.redirect(callbackUrl(c.req.raw, basePath), 302);
|
|
327
|
+
}
|
|
328
|
+
return auth.signInWithGoogle(c.req.raw, callbackUrl(c.req.raw, basePath));
|
|
329
|
+
});
|
|
330
|
+
|
|
331
|
+
const requireDashboardSession = async (
|
|
332
|
+
c: Context<{ Variables: Variables }>,
|
|
333
|
+
next: Next,
|
|
334
|
+
) => {
|
|
335
|
+
if (!authRequired) {
|
|
336
|
+
c.set("dashboardSession", dashboardSessionBypass());
|
|
337
|
+
await next();
|
|
338
|
+
return;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
if (!auth) {
|
|
342
|
+
return unauthorized(c.req.raw);
|
|
343
|
+
}
|
|
344
|
+
const session = await auth.getSession(c.req.raw);
|
|
345
|
+
if (!session) {
|
|
346
|
+
return unauthorized(c.req.raw);
|
|
347
|
+
}
|
|
348
|
+
if (!isAuthorized(session, allowedDomains, allowedEmails)) {
|
|
349
|
+
return forbidden(c.req.raw);
|
|
350
|
+
}
|
|
351
|
+
c.set("dashboardSession", sanitizeDashboardSession(session));
|
|
352
|
+
await next();
|
|
353
|
+
};
|
|
354
|
+
|
|
355
|
+
if (basePath === "/") {
|
|
356
|
+
// When mounted at root, a wildcard is required to cover all sub-routes
|
|
357
|
+
// (e.g. /conversations, /sessions). `app.use("/", ...)` only matches
|
|
358
|
+
// the exact root path in Hono and leaves those routes unprotected.
|
|
359
|
+
app.use("/*", requireDashboardSession);
|
|
360
|
+
} else {
|
|
361
|
+
app.use(basePath, requireDashboardSession);
|
|
362
|
+
app.use(`${basePath}/*`, requireDashboardSession);
|
|
363
|
+
}
|
|
364
|
+
app.use("/api/dashboard/*", requireDashboardSession);
|
|
365
|
+
|
|
366
|
+
for (const path of dashboardPagePaths(basePath)) {
|
|
367
|
+
app.get(path, () => renderDashboard(basePath));
|
|
368
|
+
if (path !== "/") {
|
|
369
|
+
app.get(`${path}/*`, () => renderDashboard(basePath));
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
app.get("/api/dashboard/health", async () => {
|
|
373
|
+
return Response.json(await reporting.getHealth());
|
|
374
|
+
});
|
|
375
|
+
app.get("/api/dashboard/runtime", async () => {
|
|
376
|
+
return Response.json(await reporting.getRuntimeInfo());
|
|
377
|
+
});
|
|
378
|
+
app.get("/api/dashboard/plugins", async () => {
|
|
379
|
+
return Response.json(await reporting.getPlugins());
|
|
380
|
+
});
|
|
381
|
+
app.get("/api/dashboard/skills", async () => {
|
|
382
|
+
return Response.json(await reporting.getSkills());
|
|
383
|
+
});
|
|
384
|
+
app.get("/api/dashboard/sessions", async () => {
|
|
385
|
+
return Response.json(await reporting.getSessions());
|
|
386
|
+
});
|
|
387
|
+
app.get("/api/dashboard/conversations/:conversationId", async (c) => {
|
|
388
|
+
return Response.json(
|
|
389
|
+
await reporting.getConversation(
|
|
390
|
+
decodeURIComponent(c.req.param("conversationId")),
|
|
391
|
+
),
|
|
392
|
+
);
|
|
393
|
+
});
|
|
394
|
+
app.get("/api/dashboard/config", () => {
|
|
395
|
+
return Response.json({
|
|
396
|
+
allowedEmailCount: allowedEmails.length,
|
|
397
|
+
allowedGoogleDomainCount: allowedDomains.length,
|
|
398
|
+
authRequired,
|
|
399
|
+
authPath,
|
|
400
|
+
basePath,
|
|
401
|
+
sentryConversationLinks: hasSentryConversationLinks(),
|
|
402
|
+
timeZone: dashboardTimeZone(),
|
|
403
|
+
});
|
|
404
|
+
});
|
|
405
|
+
app.get("/api/dashboard/me", (c) => {
|
|
406
|
+
return Response.json(c.get("dashboardSession"));
|
|
407
|
+
});
|
|
408
|
+
app.get("/api/dashboard/info", async () => {
|
|
409
|
+
return Response.json(await reporting.getRuntimeInfo());
|
|
410
|
+
});
|
|
411
|
+
app.get("/api/dashboard/client.js", () => {
|
|
412
|
+
return new Response(readDashboardClient(), {
|
|
413
|
+
headers: {
|
|
414
|
+
"cache-control": "no-store",
|
|
415
|
+
"content-type": "application/javascript; charset=utf-8",
|
|
416
|
+
},
|
|
417
|
+
});
|
|
418
|
+
});
|
|
419
|
+
|
|
420
|
+
return app;
|
|
421
|
+
}
|