@polderlabs/bizar 10.0.5 → 10.0.7
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/bizar-dash/CHANGELOG.md +120 -0
- package/bizar-dash/dist/assets/{ActivityFeed-DbZT1TnN.js → ActivityFeed-Da-JCrE6.js} +1 -1
- package/bizar-dash/dist/assets/{ActivityFeed-DbZT1TnN.js.map → ActivityFeed-Da-JCrE6.js.map} +1 -1
- package/bizar-dash/dist/assets/ActivityView-nIRsSETb.js +2 -0
- package/bizar-dash/dist/assets/ActivityView-nIRsSETb.js.map +1 -0
- package/bizar-dash/dist/assets/{AdminView-DSbzp67e.js → AdminView-DP1NMxmG.js} +1 -1
- package/bizar-dash/dist/assets/{AdminView-DSbzp67e.js.map → AdminView-DP1NMxmG.js.map} +1 -1
- package/bizar-dash/dist/assets/AgentActivity-lSPkOr-O.js +67 -0
- package/bizar-dash/dist/assets/AgentActivity-lSPkOr-O.js.map +1 -0
- package/bizar-dash/dist/assets/{AgentsView-BaR-e4UO.js → AgentsView-BIWGkz7w.js} +3 -3
- package/bizar-dash/dist/assets/{AgentsView-BaR-e4UO.js.map → AgentsView-BIWGkz7w.js.map} +1 -1
- package/bizar-dash/dist/assets/Alert-DN0UysMg.js +6 -0
- package/bizar-dash/dist/assets/Alert-DN0UysMg.js.map +1 -0
- package/bizar-dash/dist/assets/{ArtifactsView-Dddh5NWn.js → ArtifactsView-CDIhPBAx.js} +1 -1
- package/bizar-dash/dist/assets/{ArtifactsView-Dddh5NWn.js.map → ArtifactsView-CDIhPBAx.js.map} +1 -1
- package/bizar-dash/dist/assets/{AuthView-CcTxahxz.js → AuthView-DW5cs7ma.js} +3 -3
- package/bizar-dash/dist/assets/{AuthView-CcTxahxz.js.map → AuthView-DW5cs7ma.js.map} +1 -1
- package/bizar-dash/dist/assets/Avatar-DZPv9pvd.js +6 -0
- package/bizar-dash/dist/assets/Avatar-DZPv9pvd.js.map +1 -0
- package/bizar-dash/dist/assets/BackgroundJobsView-D8O-EyMD.js +1 -0
- package/bizar-dash/dist/assets/{BackgroundJobsView-DxiSs69H.js.map → BackgroundJobsView-D8O-EyMD.js.map} +1 -1
- package/bizar-dash/dist/assets/{BackupView-BPS8REBD.js → BackupView-uwXkhxOV.js} +1 -1
- package/bizar-dash/dist/assets/{BackupView-BPS8REBD.js.map → BackupView-uwXkhxOV.js.map} +1 -1
- package/bizar-dash/dist/assets/{Card-ZAdgpn3-.js → Card-Tyboihu7.js} +1 -1
- package/bizar-dash/dist/assets/{Card-ZAdgpn3-.js.map → Card-Tyboihu7.js.map} +1 -1
- package/bizar-dash/dist/assets/{ChatView-CM_mrwom.js → ChatView-DRBHzgay.js} +3 -3
- package/bizar-dash/dist/assets/{ChatView-CM_mrwom.js.map → ChatView-DRBHzgay.js.map} +1 -1
- package/bizar-dash/dist/assets/{Chip-k5K9DYAf.js → Chip-BrXIlR9w.js} +1 -1
- package/bizar-dash/dist/assets/{Chip-k5K9DYAf.js.map → Chip-BrXIlR9w.js.map} +1 -1
- package/bizar-dash/dist/assets/{ClaudeSessionsView-Dq40JNVC.js → ClaudeSessionsView-Ck62jaOr.js} +1 -1
- package/bizar-dash/dist/assets/{ClaudeSessionsView-Dq40JNVC.js.map → ClaudeSessionsView-Ck62jaOr.js.map} +1 -1
- package/bizar-dash/dist/assets/{ClipboardView-B-TwPtaC.js → ClipboardView-DfND6xL6.js} +1 -1
- package/bizar-dash/dist/assets/{ClipboardView-B-TwPtaC.js.map → ClipboardView-DfND6xL6.js.map} +1 -1
- package/bizar-dash/dist/assets/{ConfigView-C_eZMscY.js → ConfigView-DjJmSrOJ.js} +1 -1
- package/bizar-dash/dist/assets/{ConfigView-C_eZMscY.js.map → ConfigView-DjJmSrOJ.js.map} +1 -1
- package/bizar-dash/dist/assets/{DiagnosticsView-Cex6UdD8.js → DiagnosticsView-CKgItf0J.js} +1 -1
- package/bizar-dash/dist/assets/{DiagnosticsView-Cex6UdD8.js.map → DiagnosticsView-CKgItf0J.js.map} +1 -1
- package/bizar-dash/dist/assets/{DialogsView-DTMRJd0K.js → DialogsView-DHYF8dE1.js} +2 -2
- package/bizar-dash/dist/assets/{DialogsView-DTMRJd0K.js.map → DialogsView-DHYF8dE1.js.map} +1 -1
- package/bizar-dash/dist/assets/{DoctorView-BTCUpzXT.js → DoctorView-DDLHrSKk.js} +2 -2
- package/bizar-dash/dist/assets/{DoctorView-BTCUpzXT.js.map → DoctorView-DDLHrSKk.js.map} +1 -1
- package/bizar-dash/dist/assets/{EmptyState-DQzo47a_.js → EmptyState-DZ2ouKwd.js} +1 -1
- package/bizar-dash/dist/assets/{EmptyState-DQzo47a_.js.map → EmptyState-DZ2ouKwd.js.map} +1 -1
- package/bizar-dash/dist/assets/{EnvVarsView-Dnap-pmQ.js → EnvVarsView-D1cx83mB.js} +1 -1
- package/bizar-dash/dist/assets/{EnvVarsView-Dnap-pmQ.js.map → EnvVarsView-D1cx83mB.js.map} +1 -1
- package/bizar-dash/dist/assets/ErrorState-DwwJ2-Jq.js +1 -0
- package/bizar-dash/dist/assets/ErrorState-DwwJ2-Jq.js.map +1 -0
- package/bizar-dash/dist/assets/{EvalView-B0YgoXpm.js → EvalView-C9aYixXW.js} +1 -1
- package/bizar-dash/dist/assets/{EvalView-B0YgoXpm.js.map → EvalView-C9aYixXW.js.map} +1 -1
- package/bizar-dash/dist/assets/{GoalsView-YEbgpx2i.js → GoalsView-DZa_mGmh.js} +1 -1
- package/bizar-dash/dist/assets/{GoalsView-YEbgpx2i.js.map → GoalsView-DZa_mGmh.js.map} +1 -1
- package/bizar-dash/dist/assets/{Grid-CN6IV8NB.js → Grid-CiRyhAgR.js} +1 -1
- package/bizar-dash/dist/assets/{Grid-CN6IV8NB.js.map → Grid-CiRyhAgR.js.map} +1 -1
- package/bizar-dash/dist/assets/{HeadroomView-C_-l8ojG.js → HeadroomView-CNc-TI7u.js} +1 -1
- package/bizar-dash/dist/assets/{HeadroomView-C_-l8ojG.js.map → HeadroomView-CNc-TI7u.js.map} +1 -1
- package/bizar-dash/dist/assets/HistoryView-Dv7aPxJE.js +1 -0
- package/bizar-dash/dist/assets/{HistoryView-BICvR96Y.js.map → HistoryView-Dv7aPxJE.js.map} +1 -1
- package/bizar-dash/dist/assets/{Input-BRHotaQu.js → Input-BbFUDQnS.js} +1 -1
- package/bizar-dash/dist/assets/{Input-BRHotaQu.js.map → Input-BbFUDQnS.js.map} +1 -1
- package/bizar-dash/dist/assets/LibrariesView-DBQ83TNa.js +6 -0
- package/bizar-dash/dist/assets/LibrariesView-DBQ83TNa.js.map +1 -0
- package/bizar-dash/dist/assets/{LightRAGView-DKfQd0lo.js → LightRAGView-JYpE5u9p.js} +1 -1
- package/bizar-dash/dist/assets/{LightRAGView-DKfQd0lo.js.map → LightRAGView-JYpE5u9p.js.map} +1 -1
- package/bizar-dash/dist/assets/{ListHeader-DRqP1u_I.js → ListHeader-BGjm11Z0.js} +1 -1
- package/bizar-dash/dist/assets/{ListHeader-DRqP1u_I.js.map → ListHeader-BGjm11Z0.js.map} +1 -1
- package/bizar-dash/dist/assets/{MemoryView-DouzHGXp.js → MemoryView-CnOP2MvM.js} +1 -1
- package/bizar-dash/dist/assets/{MemoryView-DouzHGXp.js.map → MemoryView-CnOP2MvM.js.map} +1 -1
- package/bizar-dash/dist/assets/{MessageBubble-CIapZ4YY.js → MessageBubble-5vUAquDx.js} +1 -1
- package/bizar-dash/dist/assets/{MessageBubble-CIapZ4YY.js.map → MessageBubble-5vUAquDx.js.map} +1 -1
- package/bizar-dash/dist/assets/MiscView-BBcpUbZZ.js +1 -0
- package/bizar-dash/dist/assets/{MiscView-BqxBRW9r.js.map → MiscView-BBcpUbZZ.js.map} +1 -1
- package/bizar-dash/dist/assets/{ModsView-B9apzm7l.js → ModsView-CU4cAmIz.js} +2 -2
- package/bizar-dash/dist/assets/{ModsView-B9apzm7l.js.map → ModsView-CU4cAmIz.js.map} +1 -1
- package/bizar-dash/dist/assets/{NotificationsView-O1BrGRRZ.js → NotificationsView-BYffvthq.js} +1 -1
- package/bizar-dash/dist/assets/{NotificationsView-O1BrGRRZ.js.map → NotificationsView-BYffvthq.js.map} +1 -1
- package/bizar-dash/dist/assets/ObsidianView-D3bI0row.js +1 -0
- package/bizar-dash/dist/assets/{ObsidianView-0_Nc0IwJ.js.map → ObsidianView-D3bI0row.js.map} +1 -1
- package/bizar-dash/dist/assets/{OverviewView-D6WmCxyc.js → OverviewView-0tq8f-Y0.js} +1 -1
- package/bizar-dash/dist/assets/{OverviewView-D6WmCxyc.js.map → OverviewView-0tq8f-Y0.js.map} +1 -1
- package/bizar-dash/dist/assets/ProgressBar-B-h60LKA.js +1 -0
- package/bizar-dash/dist/assets/{ProgressBar-BXqAmiA8.js.map → ProgressBar-B-h60LKA.js.map} +1 -1
- package/bizar-dash/dist/assets/{ProjectsView-BbHq_OF3.js → ProjectsView-DhX5lzHS.js} +2 -2
- package/bizar-dash/dist/assets/{ProjectsView-BbHq_OF3.js.map → ProjectsView-DhX5lzHS.js.map} +1 -1
- package/bizar-dash/dist/assets/{ProvidersView-dQOPha2i.js → ProvidersView-CJMX7jm9.js} +2 -2
- package/bizar-dash/dist/assets/{ProvidersView-dQOPha2i.js.map → ProvidersView-CJMX7jm9.js.map} +1 -1
- package/bizar-dash/dist/assets/{SchedulesView-DllGEgon.js → SchedulesView-CcwDQ9Nm.js} +1 -1
- package/bizar-dash/dist/assets/{SchedulesView-DllGEgon.js.map → SchedulesView-CcwDQ9Nm.js.map} +1 -1
- package/bizar-dash/dist/assets/Select-Cw7Qtz2M.js +6 -0
- package/bizar-dash/dist/assets/Select-Cw7Qtz2M.js.map +1 -0
- package/bizar-dash/dist/assets/{SettingsRow-BNSh_paj.js → SettingsRow-DgsgbPSI.js} +1 -1
- package/bizar-dash/dist/assets/{SettingsRow-BNSh_paj.js.map → SettingsRow-DgsgbPSI.js.map} +1 -1
- package/bizar-dash/dist/assets/{SettingsView-B2LyDoxB.js → SettingsView-DTAFdKyK.js} +3 -3
- package/bizar-dash/dist/assets/{SettingsView-B2LyDoxB.js.map → SettingsView-DTAFdKyK.js.map} +1 -1
- package/bizar-dash/dist/assets/{Sheet-C-djzbtS.js → Sheet-DH-WNJ3Y.js} +1 -1
- package/bizar-dash/dist/assets/{Sheet-C-djzbtS.js.map → Sheet-DH-WNJ3Y.js.map} +1 -1
- package/bizar-dash/dist/assets/{Slider-DmOSInmR.js → Slider-DXbJuQ7y.js} +1 -1
- package/bizar-dash/dist/assets/{Slider-DmOSInmR.js.map → Slider-DXbJuQ7y.js.map} +1 -1
- package/bizar-dash/dist/assets/{Sparkline-fGhOoGf0.js → Sparkline-CYtAn82j.js} +1 -1
- package/bizar-dash/dist/assets/{Sparkline-fGhOoGf0.js.map → Sparkline-CYtAn82j.js.map} +1 -1
- package/bizar-dash/dist/assets/{Switch-D5gPfsKd.js → Switch-BItGrPqr.js} +1 -1
- package/bizar-dash/dist/assets/{Switch-D5gPfsKd.js.map → Switch-BItGrPqr.js.map} +1 -1
- package/bizar-dash/dist/assets/TasksView-i5tm6CkX.js +6 -0
- package/bizar-dash/dist/assets/TasksView-i5tm6CkX.js.map +1 -0
- package/bizar-dash/dist/assets/Textarea-qYDf3yds.js +1 -0
- package/bizar-dash/dist/assets/{Textarea-Cv1HX9p1.js.map → Textarea-qYDf3yds.js.map} +1 -1
- package/bizar-dash/dist/assets/{UpdateView-Bj0LzpMs.js → UpdateView-Xln-ej26.js} +1 -1
- package/bizar-dash/dist/assets/{UpdateView-Bj0LzpMs.js.map → UpdateView-Xln-ej26.js.map} +1 -1
- package/bizar-dash/dist/assets/UsageView-BGuZSUZ6.js +1 -0
- package/bizar-dash/dist/assets/{UsageView-CE-23yYu.js.map → UsageView-BGuZSUZ6.js.map} +1 -1
- package/bizar-dash/dist/assets/{ViewHeader-2Oyjj9Yt.js → ViewHeader-BqIPVKuG.js} +1 -1
- package/bizar-dash/dist/assets/{ViewHeader-2Oyjj9Yt.js.map → ViewHeader-BqIPVKuG.js.map} +1 -1
- package/bizar-dash/dist/assets/{VoiceView-C3S92MfP.js → VoiceView-CWUOCQs_.js} +1 -1
- package/bizar-dash/dist/assets/{VoiceView-C3S92MfP.js.map → VoiceView-CWUOCQs_.js.map} +1 -1
- package/bizar-dash/dist/assets/{brain-B8oDQ4kM.js → brain-fsBSDl2g.js} +1 -1
- package/bizar-dash/dist/assets/{brain-B8oDQ4kM.js.map → brain-fsBSDl2g.js.map} +1 -1
- package/bizar-dash/dist/assets/{calendar-C1WTDPNZ.js → calendar-DsHTZoCU.js} +1 -1
- package/bizar-dash/dist/assets/{calendar-C1WTDPNZ.js.map → calendar-DsHTZoCU.js.map} +1 -1
- package/bizar-dash/dist/assets/{circle-COwUk6Jw.js → circle-CqSxqqeJ.js} +1 -1
- package/bizar-dash/dist/assets/{circle-COwUk6Jw.js.map → circle-CqSxqqeJ.js.map} +1 -1
- package/bizar-dash/dist/assets/{circle-alert-D_fRRCnG.js → circle-alert-BsLl001l.js} +1 -1
- package/bizar-dash/dist/assets/{circle-alert-D_fRRCnG.js.map → circle-alert-BsLl001l.js.map} +1 -1
- package/bizar-dash/dist/assets/{circle-check-CYpMZPTO.js → circle-check-rVKMQmZp.js} +1 -1
- package/bizar-dash/dist/assets/{circle-check-CYpMZPTO.js.map → circle-check-rVKMQmZp.js.map} +1 -1
- package/bizar-dash/dist/assets/{clock-BsVbT1kp.js → clock-OuficfgH.js} +1 -1
- package/bizar-dash/dist/assets/{clock-BsVbT1kp.js.map → clock-OuficfgH.js.map} +1 -1
- package/bizar-dash/dist/assets/{cmdk-DMW_3pWz.js → cmdk-DVxytz9i.js} +5 -5
- package/bizar-dash/dist/assets/{cmdk-DMW_3pWz.js.map → cmdk-DVxytz9i.js.map} +1 -1
- package/bizar-dash/dist/assets/{dnd-kit-DWBZ6HFE.js → dnd-kit-DrHErSkw.js} +1 -1
- package/bizar-dash/dist/assets/{dnd-kit-DWBZ6HFE.js.map → dnd-kit-DrHErSkw.js.map} +1 -1
- package/bizar-dash/dist/assets/{download-Cct5qHWG.js → download-BdHlstUY.js} +1 -1
- package/bizar-dash/dist/assets/{download-Cct5qHWG.js.map → download-BdHlstUY.js.map} +1 -1
- package/bizar-dash/dist/assets/{external-link-CKZQsK9X.js → external-link-DA3_VGm-.js} +1 -1
- package/bizar-dash/dist/assets/{external-link-CKZQsK9X.js.map → external-link-DA3_VGm-.js.map} +1 -1
- package/bizar-dash/dist/assets/{file-text-DNFl94X6.js → file-text-B-g8H227.js} +1 -1
- package/bizar-dash/dist/assets/{file-text-DNFl94X6.js.map → file-text-B-g8H227.js.map} +1 -1
- package/bizar-dash/dist/assets/{play-DF3wgBsQ.js → filter-D9B8s5CG.js} +2 -2
- package/bizar-dash/dist/assets/filter-D9B8s5CG.js.map +1 -0
- package/bizar-dash/dist/assets/{git-pull-request-o7G3ez_L.js → git-pull-request-ByH0YuVz.js} +1 -1
- package/bizar-dash/dist/assets/{git-pull-request-o7G3ez_L.js.map → git-pull-request-ByH0YuVz.js.map} +1 -1
- package/bizar-dash/dist/assets/index-C4Vq_2LM.js +1 -0
- package/bizar-dash/dist/assets/index-C4Vq_2LM.js.map +1 -0
- package/bizar-dash/dist/assets/index-CASP1n-5.js +1 -0
- package/bizar-dash/dist/assets/index-CASP1n-5.js.map +1 -0
- package/bizar-dash/dist/assets/main-CdOm1Pj9.js +249 -0
- package/bizar-dash/dist/assets/main-CdOm1Pj9.js.map +1 -0
- package/bizar-dash/dist/assets/{pause-B_hjj388.js → pause-C9hgd8wX.js} +1 -1
- package/bizar-dash/dist/assets/{pause-B_hjj388.js.map → pause-C9hgd8wX.js.map} +1 -1
- package/bizar-dash/dist/assets/{pencil-BQXiRgKu.js → pencil-BanqaMw7.js} +1 -1
- package/bizar-dash/dist/assets/{pencil-BQXiRgKu.js.map → pencil-BanqaMw7.js.map} +1 -1
- package/bizar-dash/dist/assets/{chevron-down-DjgW4FtB.js → play-CawUZ02_.js} +2 -2
- package/bizar-dash/dist/assets/{play-DF3wgBsQ.js.map → play-CawUZ02_.js.map} +1 -1
- package/bizar-dash/dist/assets/{plug-DpD127rq.js → plug-Cmv0-T_e.js} +1 -1
- package/bizar-dash/dist/assets/{plug-DpD127rq.js.map → plug-Cmv0-T_e.js.map} +1 -1
- package/bizar-dash/dist/assets/{plus-CbojvfqK.js → plus-M6LYiKX8.js} +1 -1
- package/bizar-dash/dist/assets/{plus-CbojvfqK.js.map → plus-M6LYiKX8.js.map} +1 -1
- package/bizar-dash/dist/assets/{power-uH0f5Ihr.js → power-DP5x_SRF.js} +1 -1
- package/bizar-dash/dist/assets/{power-uH0f5Ihr.js.map → power-DP5x_SRF.js.map} +1 -1
- package/bizar-dash/dist/assets/{power-off-EnQo8iQy.js → power-off-NOJRLAIs.js} +1 -1
- package/bizar-dash/dist/assets/{power-off-EnQo8iQy.js.map → power-off-NOJRLAIs.js.map} +1 -1
- package/bizar-dash/dist/assets/{refresh-ccw-BQ_hQs-U.js → refresh-ccw-CHMprsm5.js} +1 -1
- package/bizar-dash/dist/assets/{refresh-ccw-BQ_hQs-U.js.map → refresh-ccw-CHMprsm5.js.map} +1 -1
- package/bizar-dash/dist/assets/{refresh-cw-CYS8luDH.js → refresh-cw-1RBqDKgJ.js} +1 -1
- package/bizar-dash/dist/assets/{refresh-cw-CYS8luDH.js.map → refresh-cw-1RBqDKgJ.js.map} +1 -1
- package/bizar-dash/dist/assets/{rotate-ccw-CTVANG1v.js → rotate-ccw-DJRekBbi.js} +1 -1
- package/bizar-dash/dist/assets/{rotate-ccw-CTVANG1v.js.map → rotate-ccw-DJRekBbi.js.map} +1 -1
- package/bizar-dash/dist/assets/{rotate-cw-BSsC5XrT.js → rotate-cw-DHooc0Tx.js} +1 -1
- package/bizar-dash/dist/assets/{rotate-cw-BSsC5XrT.js.map → rotate-cw-DHooc0Tx.js.map} +1 -1
- package/bizar-dash/dist/assets/{save-kxSwq3AI.js → save-DQKCKyZK.js} +1 -1
- package/bizar-dash/dist/assets/{save-kxSwq3AI.js.map → save-DQKCKyZK.js.map} +1 -1
- package/bizar-dash/dist/assets/{send-DkuyD_Sf.js → send-xgy3RAi7.js} +2 -2
- package/bizar-dash/dist/assets/{send-DkuyD_Sf.js.map → send-xgy3RAi7.js.map} +1 -1
- package/bizar-dash/dist/assets/{shield-alert-COajyBNI.js → shield-alert-CWV2F5ab.js} +1 -1
- package/bizar-dash/dist/assets/{shield-alert-COajyBNI.js.map → shield-alert-CWV2F5ab.js.map} +1 -1
- package/bizar-dash/dist/assets/{trash-2-BzH_id_0.js → trash-2-CL4khSRv.js} +2 -2
- package/bizar-dash/dist/assets/{trash-2-BzH_id_0.js.map → trash-2-CL4khSRv.js.map} +1 -1
- package/bizar-dash/dist/assets/{trending-up-DWgBlnxO.js → trending-up-CSJJhWTS.js} +1 -1
- package/bizar-dash/dist/assets/{trending-up-DWgBlnxO.js.map → trending-up-CSJJhWTS.js.map} +1 -1
- package/bizar-dash/dist/assets/{triangle-alert-D3wjJjjj.js → triangle-alert-BPLb7uLt.js} +1 -1
- package/bizar-dash/dist/assets/{triangle-alert-D3wjJjjj.js.map → triangle-alert-BPLb7uLt.js.map} +1 -1
- package/bizar-dash/dist/assets/{upload--yQe-28C.js → upload-Cww6MvFq.js} +1 -1
- package/bizar-dash/dist/assets/{upload--yQe-28C.js.map → upload-Cww6MvFq.js.map} +1 -1
- package/bizar-dash/dist/assets/{zap-BVpFD6-i.js → zap-DmhVUzRA.js} +2 -2
- package/bizar-dash/dist/assets/{zap-BVpFD6-i.js.map → zap-DmhVUzRA.js.map} +1 -1
- package/bizar-dash/dist/index.html +2 -2
- package/bizar-dash/src/server/api.mjs +2 -2
- package/bizar-dash/src/server/artifact-mint.mjs +69 -0
- package/bizar-dash/src/server/routes/activity.mjs +22 -2
- package/bizar-dash/src/server/routes/agents-cc.mjs +25 -2
- package/bizar-dash/src/server/routes/dialogs.mjs +18 -1
- package/bizar-dash/src/server/routes/goals.mjs +18 -1
- package/bizar-dash/src/server/routes/skills.mjs +6 -1
- package/bizar-dash/src/server/skills-store.mjs +2 -0
- package/bizar-dash/src/web/v8/App.tsx +11 -0
- package/bizar-dash/src/web/v8/data/types.ts +13 -1
- package/bizar-dash/src/web/v8/data/useViewNavigate.ts +54 -0
- package/bizar-dash/src/web/v8/shell/Sidebar.tsx +59 -13
- package/bizar-dash/src/web/v8/shell/Topbar.tsx +100 -8
- package/bizar-dash/src/web/v8/ui/activity/ActivityLane.tsx +315 -0
- package/bizar-dash/src/web/v8/ui/activity/ActivityLanes.tsx +51 -0
- package/bizar-dash/src/web/v8/ui/index.ts +42 -1
- package/bizar-dash/src/web/v8/ui/kanban/KanbanBoard.tsx +61 -27
- package/bizar-dash/src/web/v8/ui/kanban/KanbanCard.tsx +156 -12
- package/bizar-dash/src/web/v8/ui/kanban/KanbanCardBadges.tsx +111 -0
- package/bizar-dash/src/web/v8/ui/kanban/KanbanColumn.tsx +5 -10
- package/bizar-dash/src/web/v8/ui/kanban/KanbanContextMenu.tsx +4 -0
- package/bizar-dash/src/web/v8/ui/kanban/KanbanDetailDialog.tsx +638 -0
- package/bizar-dash/src/web/v8/ui/kanban/KanbanEmptyColumn.tsx +43 -0
- package/bizar-dash/src/web/v8/ui/kanban/KanbanProgress.tsx +130 -0
- package/bizar-dash/src/web/v8/ui/kanban/KanbanToolbar.tsx +291 -0
- package/bizar-dash/src/web/v8/ui/kanban/useKanbanSelection.ts +90 -0
- package/bizar-dash/src/web/v8/views/Activity/ActivityView.tsx +133 -179
- package/bizar-dash/src/web/v8/views/Tasks/TasksView.tsx +86 -30
- package/package.json +2 -1
- package/packages/sdk/package.json +1 -1
- package/plugins/bizar/package.json +1 -1
- package/bizar-dash/dist/assets/ActivityView-DfrBu-ED.js +0 -7
- package/bizar-dash/dist/assets/ActivityView-DfrBu-ED.js.map +0 -1
- package/bizar-dash/dist/assets/BackgroundJobsView-DxiSs69H.js +0 -1
- package/bizar-dash/dist/assets/Banner-Bx1hIUM9.js +0 -1
- package/bizar-dash/dist/assets/Banner-Bx1hIUM9.js.map +0 -1
- package/bizar-dash/dist/assets/ErrorState-DZYn3VL_.js +0 -6
- package/bizar-dash/dist/assets/ErrorState-DZYn3VL_.js.map +0 -1
- package/bizar-dash/dist/assets/HistoryView-BICvR96Y.js +0 -1
- package/bizar-dash/dist/assets/KanbanCard-BvkJ9Xwg.js +0 -11
- package/bizar-dash/dist/assets/KanbanCard-BvkJ9Xwg.js.map +0 -1
- package/bizar-dash/dist/assets/LibrariesView-BXjfXc-o.js +0 -52
- package/bizar-dash/dist/assets/LibrariesView-BXjfXc-o.js.map +0 -1
- package/bizar-dash/dist/assets/MiscView-BqxBRW9r.js +0 -1
- package/bizar-dash/dist/assets/ObsidianView-0_Nc0IwJ.js +0 -1
- package/bizar-dash/dist/assets/ProgressBar-BXqAmiA8.js +0 -1
- package/bizar-dash/dist/assets/Select-xrQ0htmD.js +0 -6
- package/bizar-dash/dist/assets/Select-xrQ0htmD.js.map +0 -1
- package/bizar-dash/dist/assets/TasksView-Dw4YtwQB.js +0 -1
- package/bizar-dash/dist/assets/TasksView-Dw4YtwQB.js.map +0 -1
- package/bizar-dash/dist/assets/Textarea-Cv1HX9p1.js +0 -1
- package/bizar-dash/dist/assets/UsageView-CE-23yYu.js +0 -1
- package/bizar-dash/dist/assets/chevron-down-DjgW4FtB.js.map +0 -1
- package/bizar-dash/dist/assets/git-branch-qmhKTtT0.js +0 -6
- package/bizar-dash/dist/assets/git-branch-qmhKTtT0.js.map +0 -1
- package/bizar-dash/dist/assets/index-CRPdftkz.js +0 -1
- package/bizar-dash/dist/assets/index-CRPdftkz.js.map +0 -1
- package/bizar-dash/dist/assets/index-VI2tohpo.js +0 -1
- package/bizar-dash/dist/assets/index-VI2tohpo.js.map +0 -1
- package/bizar-dash/dist/assets/main-zDgXFFYt.js +0 -244
- package/bizar-dash/dist/assets/main-zDgXFFYt.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as d,j as o}from"./cmdk-
|
|
1
|
+
import{r as d,j as o}from"./cmdk-DVxytz9i.js";import{g as n}from"./main-CdOm1Pj9.js";const f={default:{background:"var(--surface-1)",border:"1px solid var(--border)",boxShadow:"none"},elevated:{background:"var(--surface-1)",border:"1px solid var(--border)",boxShadow:"var(--shadow-2)"},ghost:{background:"transparent",border:"1px solid transparent",boxShadow:"none"},outlined:{background:"var(--surface-0)",border:"1px solid var(--border)",boxShadow:"none"}},x=d.forwardRef(function(s,t){const{variant:r="default",flush:a,interactive:e,className:c,style:l,...v}=s;return o.jsx("div",{ref:t,className:n("v8-card",`v8-card--${r}`,e&&"is-interactive",c),style:{borderRadius:"var(--radius-lg)",padding:a===!0?0:"var(--density-card-pad)",cursor:e===!0?"pointer":void 0,transition:e===!0?"border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)":void 0,...f[r],...l},...v})}),m=d.forwardRef(function(s,t){const{title:r,description:a,action:e,className:c,style:l,...v}=s;return o.jsxs("div",{ref:t,className:n("v8-card__header",c),style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"var(--space-3)",marginBottom:"var(--space-3)",...l},...v,children:[o.jsxs("div",{style:{flex:1,minWidth:0},children:[o.jsx("div",{style:{fontSize:"var(--fs-14)",fontWeight:600,color:"var(--fg)"},children:r}),a!==void 0&&o.jsx("div",{style:{fontSize:"var(--fs-13)",color:"var(--fg-muted)",marginTop:2},children:a})]}),e!==void 0&&o.jsx("div",{style:{flexShrink:0},children:e})]})}),b=d.forwardRef(function(s,t){const{className:r,...a}=s;return o.jsx("div",{ref:t,className:n("v8-card__body",r),...a})});d.forwardRef(function(s,t){const{className:r,style:a,...e}=s;return o.jsx("div",{ref:t,className:n("v8-card__footer",r),style:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--space-2)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)",borderTop:"1px solid var(--border)",...a},...e})});export{x as C,m as a,b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card-
|
|
1
|
+
{"version":3,"file":"Card-Tyboihu7.js","sources":["../../src/web/v8/ui/data/Card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * Card — the v8 surface primitive.\n *\n * Variants:\n * - default: bordered, --surface-1 background, used for kanban cards, settings groups.\n * - elevated: --surface-1 background + shadow, used for popovers/dropdowns hovering over content.\n * - ghost: no border, transparent background, used inside other Cards (nested).\n * - outlined: thicker border, --surface-0 background, used for group containers.\n *\n * All variants have a consistent --radius-lg corner and pad via --density-card-pad.\n * The header / body / footer slots are conventions — pass any children you want.\n */\nexport type CardVariant = 'default' | 'elevated' | 'ghost' | 'outlined';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n variant?: CardVariant;\n /** Removes padding so the child fills the card edge-to-edge. */\n flush?: boolean;\n /** Adds hover lift + cursor pointer for clickable cards. */\n interactive?: boolean;\n children?: ReactNode;\n}\n\nconst VARIANT_STYLE: Record<CardVariant, React.CSSProperties> = {\n default: {\n background: 'var(--surface-1)',\n border: '1px solid var(--border)',\n boxShadow: 'none',\n },\n elevated: {\n background: 'var(--surface-1)',\n border: '1px solid var(--border)',\n boxShadow: 'var(--shadow-2)',\n },\n ghost: {\n background: 'transparent',\n border: '1px solid transparent',\n boxShadow: 'none',\n },\n outlined: {\n background: 'var(--surface-0)',\n border: '1px solid var(--border)',\n boxShadow: 'none',\n },\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n const { variant = 'default', flush, interactive, className, style, ...rest } = props;\n return (\n <div\n ref={ref}\n className={cx('v8-card', `v8-card--${variant}`, interactive && 'is-interactive', className)}\n style={{\n borderRadius: 'var(--radius-lg)',\n padding: flush === true ? 0 : 'var(--density-card-pad)',\n cursor: interactive === true ? 'pointer' : undefined,\n transition: interactive === true\n ? 'border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)'\n : undefined,\n ...VARIANT_STYLE[variant],\n ...style,\n }}\n {...rest}\n />\n );\n});\n\n/** Card header — title row + optional actions. */\nexport interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n title: ReactNode;\n description?: ReactNode;\n action?: ReactNode;\n}\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader(\n props,\n ref,\n) {\n const { title, description, action, className, style, ...rest } = props;\n return (\n <div\n ref={ref}\n className={cx('v8-card__header', className)}\n style={{\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'space-between',\n gap: 'var(--space-3)',\n marginBottom: 'var(--space-3)',\n ...style,\n }}\n {...rest}\n >\n <div style={{ flex: 1, minWidth: 0 }}>\n <div style={{ fontSize: 'var(--fs-14)', fontWeight: 600, color: 'var(--fg)' }}>{title}</div>\n {description !== undefined && (\n <div style={{ fontSize: 'var(--fs-13)', color: 'var(--fg-muted)', marginTop: 2 }}>\n {description}\n </div>\n )}\n </div>\n {action !== undefined && <div style={{ flexShrink: 0 }}>{action}</div>}\n </div>\n );\n});\n\n/** Card body — main content slot. */\nexport const CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n function CardBody(props, ref) {\n const { className, ...rest } = props;\n return <div ref={ref} className={cx('v8-card__body', className)} {...rest} />;\n },\n);\n\n/** Card footer — typically action buttons right-aligned. */\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n function CardFooter(props, ref) {\n const { className, style, ...rest } = props;\n return (\n <div\n ref={ref}\n className={cx('v8-card__footer', className)}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 'var(--space-2)',\n marginTop: 'var(--space-3)',\n paddingTop: 'var(--space-3)',\n borderTop: '1px solid var(--border)',\n ...style,\n }}\n {...rest}\n />\n );\n },\n);"],"names":["VARIANT_STYLE","Card","forwardRef","props","ref","variant","flush","interactive","className","style","rest","jsx","cx","CardHeader","title","description","action","jsxs","CardBody"],"mappings":"qFA0BA,MAAMA,EAA0D,CAC9D,QAAS,CACP,WAAY,mBACZ,OAAQ,0BACR,UAAW,MAAA,EAEb,SAAU,CACR,WAAY,mBACZ,OAAQ,0BACR,UAAW,iBAAA,EAEb,MAAO,CACL,WAAY,cACZ,OAAQ,wBACR,UAAW,MAAA,EAEb,SAAU,CACR,WAAY,mBACZ,OAAQ,0BACR,UAAW,MAAA,CAEf,EAEaC,EAAOC,EAAAA,WAAsC,SAAcC,EAAOC,EAAK,CAClF,KAAM,CAAE,QAAAC,EAAU,UAAW,MAAAC,EAAO,YAAAC,EAAa,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASP,EAC/E,OACEQ,EAAAA,IAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAG,UAAW,YAAYP,CAAO,GAAIE,GAAe,iBAAkBC,CAAS,EAC1F,MAAO,CACL,aAAc,mBACd,QAASF,IAAU,GAAO,EAAI,0BAC9B,OAAQC,IAAgB,GAAO,UAAY,OAC3C,WAAYA,IAAgB,GACxB,+IACA,OACJ,GAAGP,EAAcK,CAAO,EACxB,GAAGI,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV,CAAC,EASYG,EAAaX,EAAAA,WAA4C,SACpEC,EACAC,EACA,CACA,KAAM,CAAE,MAAAU,EAAO,YAAAC,EAAa,OAAAC,EAAQ,UAAAR,EAAW,MAAAC,EAAO,GAAGC,GAASP,EAClE,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,UAAWQ,EAAG,kBAAmBJ,CAAS,EAC1C,MAAO,CACL,QAAS,OACT,WAAY,aACZ,eAAgB,gBAChB,IAAK,iBACL,aAAc,iBACd,GAAGC,CAAA,EAEJ,GAAGC,EAEJ,SAAA,CAAAO,OAAC,OAAI,MAAO,CAAE,KAAM,EAAG,SAAU,GAC/B,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,SAAU,eAAgB,WAAY,IAAK,MAAO,WAAA,EAAgB,SAAAG,CAAA,CAAM,EACrFC,IAAgB,QACfJ,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,SAAU,eAAgB,MAAO,kBAAmB,UAAW,CAAA,EAC1E,SAAAI,CAAA,CACH,CAAA,EAEJ,EACCC,IAAW,QAAaL,MAAC,MAAA,CAAI,MAAO,CAAE,WAAY,CAAA,EAAM,SAAAK,CAAA,CAAO,CAAA,CAAA,CAAA,CAGtE,CAAC,EAGYE,EAAWhB,EAAAA,WACtB,SAAkBC,EAAOC,EAAK,CAC5B,KAAM,CAAE,UAAAI,EAAW,GAAGE,CAAA,EAASP,EAC/B,OAAOQ,MAAC,OAAI,IAAAP,EAAU,UAAWQ,EAAG,gBAAiBJ,CAAS,EAAI,GAAGE,EAAM,CAC7E,CACF,EAG0BR,EAAAA,WACxB,SAAoBC,EAAOC,EAAK,CAC9B,KAAM,CAAE,UAAAI,EAAW,MAAAC,EAAO,GAAGC,GAASP,EACtC,OACEQ,EAAAA,IAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAG,kBAAmBJ,CAAS,EAC1C,MAAO,CACL,QAAS,OACT,WAAY,SACZ,eAAgB,WAChB,IAAK,iBACL,UAAW,iBACX,WAAY,iBACZ,UAAW,0BACX,GAAGC,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV,CACF"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{r as c,j as t}from"./cmdk-
|
|
1
|
+
import{r as c,j as t}from"./cmdk-DVxytz9i.js";import{c as V,u as R,a as J,S as T,I as w,d as S,G as q,h as $,i as D,F as I}from"./main-CdOm1Pj9.js";import{V as K}from"./ViewHeader-BqIPVKuG.js";import{C as A,b as H}from"./Card-Tyboihu7.js";import{T as G}from"./Textarea-qYDf3yds.js";import{E as L}from"./EmptyState-DZ2ouKwd.js";import{E as Y,M as W}from"./MessageBubble-5vUAquDx.js";import{R as _}from"./refresh-cw-1RBqDKgJ.js";import{S as Q}from"./send-xgy3RAi7.js";/**
|
|
2
2
|
* @license lucide-react v0.460.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const B=V("MessageSquarePlus",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}],["path",{d:"M12 7v6",key:"lw1j43"}],["path",{d:"M9 10h6",key:"9gxzsh"}]]);async function U(a,k,d){const{signal:i,onChunk:
|
|
6
|
+
*/const B=V("MessageSquarePlus",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}],["path",{d:"M12 7v6",key:"lw1j43"}],["path",{d:"M9 10h6",key:"9gxzsh"}]]);async function U(a,k,d){const{signal:i,onChunk:u,onEvent:g,onDone:l,onError:h}=d;try{const n=await fetch(a,{...k,signal:i});if(!n.ok||n.body===null)throw new Error(`HTTP ${n.status} reading ${a}`);const E=n.body.getReader(),b=new TextDecoder;let m="",C=!1;for(;!C&&!(i!=null&&i.aborted);){const{value:o,done:M}=await E.read();if(M)break;m+=b.decode(o,{stream:!0});const v=m.split(`
|
|
7
7
|
|
|
8
8
|
`);m=v.pop()??"";for(const x of v){const P=x.split(`
|
|
9
|
-
`).filter(f=>f.length>0);let p="",y="message";for(const f of P)f.startsWith("data:")?p+=f.slice(5).trim():f.startsWith("event:")&&(y=f.slice(6).trim());if(p.length!==0){if(y==="done"){C=!0,l==null||l();break}y!=="message"?
|
|
9
|
+
`).filter(f=>f.length>0);let p="",y="message";for(const f of P)f.startsWith("data:")?p+=f.slice(5).trim():f.startsWith("event:")&&(y=f.slice(6).trim());if(p.length!==0){if(y==="done"){C=!0,l==null||l();break}y!=="message"?g==null||g(y,p):u==null||u(p)}}}l==null||l()}catch(n){if(i!=null&&i.aborted)return;h==null||h(n instanceof Error?n:new Error(String(n)))}}function oe(){const a=R("/api/chat"),k=R("/api/chat/sessions"),[d,i]=c.useState(null),[u,g]=c.useState([]),[l,h]=c.useState(""),[n,E]=c.useState(""),[b,m]=c.useState(!1),[C,o]=c.useState(null),[M,v]=c.useState(null);c.useEffect(()=>{var e;d===null&&((e=a.data)!=null&&e.sessions.length)&&i(a.data.sessions[0].id)},[a.data,d]),c.useEffect(()=>{if(!a.data||d===null){g([]);return}g(a.data.messages.filter(e=>{var s;return((s=a.data)==null?void 0:s.sessions.find(j=>j.id===d))!==void 0}))},[a.data,d]);const x=c.useMemo(()=>{var e;return(((e=a.data)==null?void 0:e.sessions)??[]).map(s=>({id:s.id,messageCount:s.size>0?Math.floor(s.size/200):0}))},[a.data]),P=c.useCallback(e=>{e.type==="chat:message"&&e.message&&a.refetch()},[a]);J("chat:message",P);const p=async()=>{const e=n.trim();if(!e||b)return;o(null),m(!0),E("");const s={id:`local_${Date.now().toString(36)}`,ts:new Date().toISOString(),role:"user",content:e};g(r=>[...r,s]),h("");const j=new AbortController;try{await U("/api/chat",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({message:e,session:d??void 0})},{signal:j.signal,onChunk:r=>h(z=>z+r),onEvent:(r,z)=>{if(r==="session")try{const O=JSON.parse(z);O.session&&i(O.session)}catch{}else r==="error"&&o(z)},onDone:()=>h(""),onError:r=>o(r.message)}),a.refetch(),k.refetch()}catch(r){o(r instanceof Error?r.message:String(r))}finally{m(!1),h("")}},y=async()=>{var e;o(null);try{const s=await D("/api/chat/sessions",{method:"POST",body:{}});(e=s.session)!=null&&e.id&&(i(s.session.id),a.refetch(),k.refetch())}catch(s){o((s instanceof I,s.message))}},f=async e=>{o(null);try{await D("/api/chat/regenerate",{method:"POST",body:{messageId:e.id,session:d}}),a.refetch()}catch(s){o((s instanceof I,s.message))}},F=async()=>{o(null);try{await D("/api/chat/audit",{method:"POST",body:{session:d}})}catch(e){o((e instanceof I,e.message))}},N=e=>{v(s=>s===e?null:e)};return t.jsxs(T,{gap:4,"data-testid":"chat-view",children:[t.jsx(K,{title:"Chat",description:"Multi-turn Claude Code sessions for the active project. Streams over WebSocket.",actions:t.jsxs(w,{gap:2,align:"center",children:[C!==null&&t.jsx("span",{role:"alert","data-testid":"chat-error",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:C}),t.jsxs(S,{variant:"ghost",onClick:()=>void a.refetch(),"data-testid":"chat-refresh",children:[t.jsx(_,{size:14,"aria-hidden":!0})," Refresh"]}),t.jsxs(S,{variant:"ghost",onClick:()=>void F(),"data-testid":"chat-audit",children:[t.jsx(q,{size:14,"aria-hidden":!0})," Audit"]}),t.jsxs(S,{variant:"primary",onClick:()=>void y(),"data-testid":"chat-create-session",children:[t.jsx(B,{size:14,"aria-hidden":!0})," New session"]})]})}),t.jsxs(w,{align:"stretch",gap:3,wrap:!1,style:{minHeight:480},children:[t.jsx(A,{variant:"default",style:{width:260,flexShrink:0},children:t.jsx(H,{children:t.jsxs(T,{gap:2,children:[t.jsxs("strong",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:["Sessions (",x.length,")"]}),a.loading&&x.length===0?t.jsx($,{style:{height:32}}):x.length===0?t.jsx(L,{icon:t.jsx(B,{size:28,"aria-hidden":!0}),title:"No sessions",description:"Create one to start chatting."}):x.map(e=>{const s=e.id===d,j=M===e.id;return t.jsxs("div",{"data-testid":`chat-session-${e.id}`,style:{padding:"var(--space-2)",borderRadius:"var(--radius-sm)",border:s?"1px solid var(--accent)":"1px solid var(--border)",background:s?"color-mix(in oklch, var(--accent) 12%, transparent)":"var(--surface-0)",cursor:"pointer"},onClick:()=>{j||i(e.id)},children:[t.jsxs(w,{align:"center",justify:"between",gap:2,children:[t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)"},children:e.id}),t.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),N(e.id)},"data-testid":`chat-session-delete-${e.id}`,"aria-label":`Delete session ${e.id}`,style:{background:"transparent",border:0,color:"var(--fg-muted)",cursor:"pointer",fontSize:"var(--fs-11)"},children:"×"})]}),e.messageCount!==void 0&&t.jsxs("div",{style:{fontSize:"var(--fs-11)",color:"var(--fg-muted)"},children:[e.messageCount," messages"]}),j&&t.jsxs(w,{gap:1,style:{marginTop:"var(--space-1)"},children:[t.jsx(S,{variant:"danger",onClick:r=>{r.stopPropagation(),v(null)},"data-testid":`chat-session-confirm-delete-${e.id}`,children:"Confirm delete"}),t.jsx(S,{variant:"ghost",onClick:r=>{r.stopPropagation(),v(null)},"data-testid":`chat-session-cancel-delete-${e.id}`,children:"Cancel"})]})]},e.id)})]})})}),t.jsx(A,{variant:"default",style:{flex:1,minWidth:0},children:t.jsx(H,{children:t.jsxs(T,{gap:2,style:{height:"100%"},children:[t.jsx("div",{"data-testid":"chat-transcript",style:{flex:1,minHeight:320,overflowY:"auto",padding:"var(--space-2)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",background:"var(--surface-0)"},children:a.loading&&u.length===0?t.jsx($,{style:{height:200}}):u.length===0&&l===""?t.jsx(Y,{}):t.jsxs(T,{gap:1,children:[u.map(e=>t.jsx(W,{message:e,onRegenerate:s=>void f(s)},e.id)),l!==""&&t.jsx(W,{message:{id:"streaming",ts:new Date().toISOString(),role:"assistant",content:l}})]})}),t.jsxs(w,{align:"end",gap:2,children:[t.jsx("span",{style:{flex:1,color:"var(--fg-muted)",fontSize:"var(--fs-11)"},children:"Enter to send · Shift+Enter newline"}),t.jsxs(S,{variant:"primary",onClick:()=>void p(),disabled:b||n.trim()==="","data-testid":"chat-send",children:[t.jsx(Q,{size:14,"aria-hidden":!0})," ",b?"Sending…":"Send"]})]}),t.jsx(G,{value:n,placeholder:"Ask Claude anything…",rows:4,"data-testid":"chat-input",onChange:e=>E(e.target.value),onKeyDown:e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),p())}})]})})})]})]})}export{oe as ChatView};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatView-CM_mrwom.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/message-square-plus.js","../../src/web/v8/ui/chat/EventStream.tsx","../../src/web/v8/views/Chat/ChatView.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst MessageSquarePlus = createLucideIcon(\"MessageSquarePlus\", [\n [\"path\", { d: \"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\", key: \"1lielz\" }],\n [\"path\", { d: \"M12 7v6\", key: \"lw1j43\" }],\n [\"path\", { d: \"M9 10h6\", key: \"9gxzsh\" }]\n]);\n\nexport { MessageSquarePlus as default };\n//# sourceMappingURL=message-square-plus.js.map\n","/**\n * v8/ui/chat/EventStream.tsx — text/event-stream reader.\n *\n * Thin helper over `fetch()` that parses `data:` lines from a server\n * response and yields each event to a callback. Used by the chat\n * composer (POST /api/chat sends, response is a stream) and by the\n * Claude session detail (GET /api/claude-sessions/:id/stream).\n *\n * The server emits either:\n * - JSON envelopes per line (`fetchJson`-compatible), used when\n * handlers prefer that shape;\n * - SSE-formatted `data:` lines for streaming tokens.\n *\n * This reader handles both. JSON-only payloads (no `data:` prefix)\n * are forwarded verbatim. `event:` lines are split into separate\n * callbacks when present.\n */\n\nexport interface EventStreamHandlers {\n onChunk?: (text: string) => void;\n onEvent?: (event: string, data: string) => void;\n onDone?: () => void;\n onError?: (err: Error) => void;\n}\n\nexport interface EventStreamOptions extends EventStreamHandlers {\n signal?: AbortSignal;\n}\n\nexport async function readEventStream(\n url: string,\n init: RequestInit,\n handlers: EventStreamOptions,\n): Promise<void> {\n const { signal, onChunk, onEvent, onDone, onError } = handlers;\n try {\n const response = await fetch(url, { ...init, signal });\n if (!response.ok || response.body === null) {\n throw new Error(`HTTP ${response.status} reading ${url}`);\n }\n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n let sawDone = false;\n // pump until the stream is fully drained or the caller aborts\n while (!sawDone) {\n if (signal?.aborted) break;\n const { value, done } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n // SSE frames are separated by a blank line. Split and process.\n const frames = buffer.split('\\n\\n');\n buffer = frames.pop() ?? '';\n for (const frame of frames) {\n const lines = frame.split('\\n').filter((l) => l.length > 0);\n let data = '';\n let event = 'message';\n for (const line of lines) {\n if (line.startsWith('data:')) {\n data += line.slice(5).trim();\n } else if (line.startsWith('event:')) {\n event = line.slice(6).trim();\n }\n }\n if (data.length === 0) continue;\n if (event === 'done') {\n sawDone = true;\n onDone?.();\n break;\n }\n if (event !== 'message') {\n onEvent?.(event, data);\n } else {\n onChunk?.(data);\n }\n }\n }\n onDone?.();\n } catch (err) {\n if (signal?.aborted) return;\n onError?.(err instanceof Error ? err : new Error(String(err)));\n }\n}\n","/**\n * v8/views/Chat/ChatView.tsx — Sprint S38, v9.3.0.\n *\n * Three-pane chat surface: session list (left) · transcript (center) ·\n * composer (bottom). Backed by `/api/chat` + `/api/chat/sessions` +\n * `/api/chat/regenerate` + `/api/chat/audit`. Live deltas arrive via\n * the `chat:delta` / `chat:message` WS events added in S37.\n *\n * No window.confirm / window.prompt. Session creation uses an inline\n * `+` button that POSTs and selects the new session on success.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MessageSquarePlus, RefreshCw, Send, ShieldCheck } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Textarea } from '../../ui/controls/Textarea.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { MessageBubble, EmptyTranscript } from '../../ui/chat/MessageBubble.js';\nimport { readEventStream } from '../../ui/chat/EventStream.js';\nimport type { ChatMessage, ChatSession, WsMessage } from '../../data/types.js';\n\ninterface ChatPayload {\n messages: ChatMessage[];\n sessions: Array<{ id: string; file: string; mtime: number; size: number }>;\n}\n\ninterface SessionsPayload {\n sessions: Array<{ id: string; title?: string; updatedAt?: number; messageCount?: number; agent?: string | null }>;\n}\n\nfunction fmtRel(ts: number | undefined): string {\n if (!ts) return '';\n const delta = Math.max(0, Date.now() - ts);\n if (delta < 60_000) return 'just now';\n if (delta < 3_600_000) return `${Math.round(delta / 60_000)}m ago`;\n if (delta < 86_400_000) return `${Math.round(delta / 3_600_000)}h ago`;\n return new Date(ts).toLocaleString();\n}\n\nexport function ChatView(): JSX.Element {\n const payload = useFetch<ChatPayload>('/api/chat');\n const sessionsPayload = useFetch<SessionsPayload>('/api/chat/sessions');\n const [activeId, setActiveId] = useState<string | null>(null);\n const [transcript, setTranscript] = useState<ChatMessage[]>([]);\n const [streaming, setStreaming] = useState<string>('');\n const [draft, setDraft] = useState<string>('');\n const [busy, setBusy] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n\n // Seed active session from the first row in the response.\n useEffect(() => {\n if (activeId === null && payload.data?.sessions.length) {\n setActiveId(payload.data.sessions[0].id);\n }\n }, [payload.data, activeId]);\n\n // Seed transcript from payload when active session changes.\n useEffect(() => {\n if (!payload.data || activeId === null) {\n setTranscript([]);\n return;\n }\n setTranscript(payload.data.messages.filter((m) => payload.data?.sessions.find((s) => s.id === activeId) !== undefined));\n }, [payload.data, activeId]);\n\n const sessions = useMemo<ChatSession[]>(() => {\n return (payload.data?.sessions ?? []).map((s) => ({\n id: s.id,\n messageCount: s.size > 0 ? Math.floor(s.size / 200) : 0,\n }));\n }, [payload.data]);\n\n const onChange = useCallback((msg: WsMessage) => {\n if (msg.type === 'chat:message' && msg.message) {\n // A new persisted turn arrived for the active session; refresh the transcript.\n void payload.refetch();\n }\n }, [payload]);\n useWsMessage('chat:message', onChange);\n\n const send = async (): Promise<void> => {\n const text = draft.trim();\n if (!text || busy) return;\n setError(null);\n setBusy(true);\n setDraft('');\n const optimistic: ChatMessage = {\n id: `local_${Date.now().toString(36)}`,\n ts: new Date().toISOString(),\n role: 'user',\n content: text,\n };\n setTranscript((prev) => [...prev, optimistic]);\n setStreaming('');\n const ctrl = new AbortController();\n try {\n await readEventStream(\n '/api/chat',\n {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({ message: text, session: activeId ?? undefined }),\n },\n {\n signal: ctrl.signal,\n onChunk: (chunk) => setStreaming((cur) => cur + chunk),\n onEvent: (event, data) => {\n if (event === 'session') {\n try {\n const parsed = JSON.parse(data) as { session?: string };\n if (parsed.session) setActiveId(parsed.session);\n } catch { /* swallow */ }\n } else if (event === 'error') {\n setError(data);\n }\n },\n onDone: () => setStreaming(''),\n onError: (err) => setError(err.message),\n },\n );\n // After stream completes the persisted turn is in the JSONL log;\n // pull a fresh transcript.\n void payload.refetch();\n void sessionsPayload.refetch();\n } catch (err) {\n setError(err instanceof Error ? err.message : String(err));\n } finally {\n setBusy(false);\n setStreaming('');\n }\n };\n\n const createSession = async (): Promise<void> => {\n setError(null);\n try {\n const res = await fetchJson<{ session?: ChatSession }>(\n '/api/chat/sessions',\n { method: 'POST', body: {} },\n );\n if (res.session?.id) {\n setActiveId(res.session.id);\n void payload.refetch();\n void sessionsPayload.refetch();\n }\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const regenerate = async (msg: ChatMessage): Promise<void> => {\n setError(null);\n try {\n await fetchJson('/api/chat/regenerate', { method: 'POST', body: { messageId: msg.id, session: activeId } });\n void payload.refetch();\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const audit = async (): Promise<void> => {\n setError(null);\n try {\n await fetchJson('/api/chat/audit', { method: 'POST', body: { session: activeId } });\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const dropSession = (id: string): void => {\n // Inline confirm row pattern from F-061. No window.confirm.\n setConfirmDeleteId((cur) => (cur === id ? null : id));\n };\n\n return (\n <Stack gap={4} data-testid=\"chat-view\">\n <ViewHeader\n title=\"Chat\"\n description=\"Multi-turn Claude Code sessions for the active project. Streams over WebSocket.\"\n actions={\n <Inline gap={2} align=\"center\">\n {error !== null && (\n <span role=\"alert\" data-testid=\"chat-error\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n {error}\n </span>\n )}\n <Button variant=\"ghost\" onClick={() => void payload.refetch()} data-testid=\"chat-refresh\">\n <RefreshCw size={14} aria-hidden /> Refresh\n </Button>\n <Button variant=\"ghost\" onClick={() => void audit()} data-testid=\"chat-audit\">\n <ShieldCheck size={14} aria-hidden /> Audit\n </Button>\n <Button variant=\"primary\" onClick={() => void createSession()} data-testid=\"chat-create-session\">\n <MessageSquarePlus size={14} aria-hidden /> New session\n </Button>\n </Inline>\n }\n />\n <Inline align=\"stretch\" gap={3} wrap={false} style={{ minHeight: 480 }}>\n {/* Session list */}\n <Card variant=\"default\" style={{ width: 260, flexShrink: 0 }}>\n <CardBody>\n <Stack gap={2}>\n <strong style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n Sessions ({sessions.length})\n </strong>\n {payload.loading && sessions.length === 0 ? (\n <Skeleton style={{ height: 32 }} />\n ) : sessions.length === 0 ? (\n <EmptyState\n icon={<MessageSquarePlus size={28} aria-hidden />}\n title=\"No sessions\"\n description=\"Create one to start chatting.\"\n />\n ) : (\n sessions.map((s) => {\n const isActive = s.id === activeId;\n const isConfirmingDelete = confirmDeleteId === s.id;\n return (\n <div\n key={s.id}\n data-testid={`chat-session-${s.id}`}\n style={{\n padding: 'var(--space-2)',\n borderRadius: 'var(--radius-sm)',\n border: isActive ? '1px solid var(--accent)' : '1px solid var(--border)',\n background: isActive ? 'color-mix(in oklch, var(--accent) 12%, transparent)' : 'var(--surface-0)',\n cursor: 'pointer',\n }}\n onClick={() => { if (!isConfirmingDelete) setActiveId(s.id); }}\n >\n <Inline align=\"center\" justify=\"between\" gap={2}>\n <span style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>\n {s.id}\n </span>\n <button\n type=\"button\"\n onClick={(e) => { e.stopPropagation(); dropSession(s.id); }}\n data-testid={`chat-session-delete-${s.id}`}\n aria-label={`Delete session ${s.id}`}\n style={{\n background: 'transparent',\n border: 0,\n color: 'var(--fg-muted)',\n cursor: 'pointer',\n fontSize: 'var(--fs-11)',\n }}\n >\n ×\n </button>\n </Inline>\n {s.messageCount !== undefined && (\n <div style={{ fontSize: 'var(--fs-11)', color: 'var(--fg-muted)' }}>\n {s.messageCount} messages\n </div>\n )}\n {isConfirmingDelete && (\n <Inline gap={1} style={{ marginTop: 'var(--space-1)' }}>\n <Button\n variant=\"danger\"\n onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n data-testid={`chat-session-confirm-delete-${s.id}`}\n >\n Confirm delete\n </Button>\n <Button\n variant=\"ghost\"\n onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n data-testid={`chat-session-cancel-delete-${s.id}`}\n >\n Cancel\n </Button>\n </Inline>\n )}\n </div>\n );\n })\n )}\n </Stack>\n </CardBody>\n </Card>\n\n {/* Transcript + composer */}\n <Card variant=\"default\" style={{ flex: 1, minWidth: 0 }}>\n <CardBody>\n <Stack gap={2} style={{ height: '100%' }}>\n <div\n data-testid=\"chat-transcript\"\n style={{\n flex: 1,\n minHeight: 320,\n overflowY: 'auto',\n padding: 'var(--space-2)',\n border: '1px solid var(--border)',\n borderRadius: 'var(--radius-md)',\n background: 'var(--surface-0)',\n }}\n >\n {payload.loading && transcript.length === 0 ? (\n <Skeleton style={{ height: 200 }} />\n ) : transcript.length === 0 && streaming === '' ? (\n <EmptyTranscript />\n ) : (\n <Stack gap={1}>\n {transcript.map((m) => (\n <MessageBubble key={m.id} message={m} onRegenerate={(msg) => void regenerate(msg)} />\n ))}\n {streaming !== '' && (\n <MessageBubble\n message={{\n id: 'streaming',\n ts: new Date().toISOString(),\n role: 'assistant',\n content: streaming,\n }}\n />\n )}\n </Stack>\n )}\n </div>\n <Inline align=\"end\" gap={2}>\n <span style={{ flex: 1, color: 'var(--fg-muted)', fontSize: 'var(--fs-11)' }}>\n Enter to send · Shift+Enter newline\n </span>\n <Button variant=\"primary\" onClick={() => void send()} disabled={busy || draft.trim() === ''} data-testid=\"chat-send\">\n <Send size={14} aria-hidden /> {busy ? 'Sending…' : 'Send'}\n </Button>\n </Inline>\n <Textarea\n value={draft}\n placeholder=\"Ask Claude anything…\"\n rows={4}\n data-testid=\"chat-input\"\n onChange={(e) => setDraft((e.target as HTMLTextAreaElement).value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n void send();\n }\n }}\n />\n </Stack>\n </CardBody>\n </Card>\n </Inline>\n </Stack>\n );\n}"],"names":["MessageSquarePlus","createLucideIcon","readEventStream","url","init","handlers","signal","onChunk","onEvent","onDone","onError","response","reader","decoder","buffer","sawDone","value","done","frames","frame","lines","l","data","event","line","err","ChatView","payload","useFetch","sessionsPayload","activeId","setActiveId","useState","transcript","setTranscript","streaming","setStreaming","draft","setDraft","busy","setBusy","error","setError","confirmDeleteId","setConfirmDeleteId","useEffect","_a","m","s","sessions","useMemo","onChange","useCallback","msg","useWsMessage","send","text","optimistic","prev","ctrl","chunk","cur","parsed","createSession","res","fetchJson","FetchError","regenerate","audit","dropSession","id","jsxs","Stack","jsx","ViewHeader","Inline","Button","RefreshCw","ShieldCheck","Card","CardBody","Skeleton","EmptyState","isActive","isConfirmingDelete","e","EmptyTranscript","MessageBubble","Send","Textarea"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"ChatView-DRBHzgay.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/message-square-plus.js","../../src/web/v8/ui/chat/EventStream.tsx","../../src/web/v8/views/Chat/ChatView.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst MessageSquarePlus = createLucideIcon(\"MessageSquarePlus\", [\n [\"path\", { d: \"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\", key: \"1lielz\" }],\n [\"path\", { d: \"M12 7v6\", key: \"lw1j43\" }],\n [\"path\", { d: \"M9 10h6\", key: \"9gxzsh\" }]\n]);\n\nexport { MessageSquarePlus as default };\n//# sourceMappingURL=message-square-plus.js.map\n","/**\n * v8/ui/chat/EventStream.tsx — text/event-stream reader.\n *\n * Thin helper over `fetch()` that parses `data:` lines from a server\n * response and yields each event to a callback. Used by the chat\n * composer (POST /api/chat sends, response is a stream) and by the\n * Claude session detail (GET /api/claude-sessions/:id/stream).\n *\n * The server emits either:\n * - JSON envelopes per line (`fetchJson`-compatible), used when\n * handlers prefer that shape;\n * - SSE-formatted `data:` lines for streaming tokens.\n *\n * This reader handles both. JSON-only payloads (no `data:` prefix)\n * are forwarded verbatim. `event:` lines are split into separate\n * callbacks when present.\n */\n\nexport interface EventStreamHandlers {\n onChunk?: (text: string) => void;\n onEvent?: (event: string, data: string) => void;\n onDone?: () => void;\n onError?: (err: Error) => void;\n}\n\nexport interface EventStreamOptions extends EventStreamHandlers {\n signal?: AbortSignal;\n}\n\nexport async function readEventStream(\n url: string,\n init: RequestInit,\n handlers: EventStreamOptions,\n): Promise<void> {\n const { signal, onChunk, onEvent, onDone, onError } = handlers;\n try {\n const response = await fetch(url, { ...init, signal });\n if (!response.ok || response.body === null) {\n throw new Error(`HTTP ${response.status} reading ${url}`);\n }\n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n let sawDone = false;\n // pump until the stream is fully drained or the caller aborts\n while (!sawDone) {\n if (signal?.aborted) break;\n const { value, done } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n // SSE frames are separated by a blank line. Split and process.\n const frames = buffer.split('\\n\\n');\n buffer = frames.pop() ?? '';\n for (const frame of frames) {\n const lines = frame.split('\\n').filter((l) => l.length > 0);\n let data = '';\n let event = 'message';\n for (const line of lines) {\n if (line.startsWith('data:')) {\n data += line.slice(5).trim();\n } else if (line.startsWith('event:')) {\n event = line.slice(6).trim();\n }\n }\n if (data.length === 0) continue;\n if (event === 'done') {\n sawDone = true;\n onDone?.();\n break;\n }\n if (event !== 'message') {\n onEvent?.(event, data);\n } else {\n onChunk?.(data);\n }\n }\n }\n onDone?.();\n } catch (err) {\n if (signal?.aborted) return;\n onError?.(err instanceof Error ? err : new Error(String(err)));\n }\n}\n","/**\n * v8/views/Chat/ChatView.tsx — Sprint S38, v9.3.0.\n *\n * Three-pane chat surface: session list (left) · transcript (center) ·\n * composer (bottom). Backed by `/api/chat` + `/api/chat/sessions` +\n * `/api/chat/regenerate` + `/api/chat/audit`. Live deltas arrive via\n * the `chat:delta` / `chat:message` WS events added in S37.\n *\n * No window.confirm / window.prompt. Session creation uses an inline\n * `+` button that POSTs and selects the new session on success.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MessageSquarePlus, RefreshCw, Send, ShieldCheck } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Textarea } from '../../ui/controls/Textarea.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { MessageBubble, EmptyTranscript } from '../../ui/chat/MessageBubble.js';\nimport { readEventStream } from '../../ui/chat/EventStream.js';\nimport type { ChatMessage, ChatSession, WsMessage } from '../../data/types.js';\n\ninterface ChatPayload {\n messages: ChatMessage[];\n sessions: Array<{ id: string; file: string; mtime: number; size: number }>;\n}\n\ninterface SessionsPayload {\n sessions: Array<{ id: string; title?: string; updatedAt?: number; messageCount?: number; agent?: string | null }>;\n}\n\nfunction fmtRel(ts: number | undefined): string {\n if (!ts) return '';\n const delta = Math.max(0, Date.now() - ts);\n if (delta < 60_000) return 'just now';\n if (delta < 3_600_000) return `${Math.round(delta / 60_000)}m ago`;\n if (delta < 86_400_000) return `${Math.round(delta / 3_600_000)}h ago`;\n return new Date(ts).toLocaleString();\n}\n\nexport function ChatView(): JSX.Element {\n const payload = useFetch<ChatPayload>('/api/chat');\n const sessionsPayload = useFetch<SessionsPayload>('/api/chat/sessions');\n const [activeId, setActiveId] = useState<string | null>(null);\n const [transcript, setTranscript] = useState<ChatMessage[]>([]);\n const [streaming, setStreaming] = useState<string>('');\n const [draft, setDraft] = useState<string>('');\n const [busy, setBusy] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n\n // Seed active session from the first row in the response.\n useEffect(() => {\n if (activeId === null && payload.data?.sessions.length) {\n setActiveId(payload.data.sessions[0].id);\n }\n }, [payload.data, activeId]);\n\n // Seed transcript from payload when active session changes.\n useEffect(() => {\n if (!payload.data || activeId === null) {\n setTranscript([]);\n return;\n }\n setTranscript(payload.data.messages.filter((m) => payload.data?.sessions.find((s) => s.id === activeId) !== undefined));\n }, [payload.data, activeId]);\n\n const sessions = useMemo<ChatSession[]>(() => {\n return (payload.data?.sessions ?? []).map((s) => ({\n id: s.id,\n messageCount: s.size > 0 ? Math.floor(s.size / 200) : 0,\n }));\n }, [payload.data]);\n\n const onChange = useCallback((msg: WsMessage) => {\n if (msg.type === 'chat:message' && msg.message) {\n // A new persisted turn arrived for the active session; refresh the transcript.\n void payload.refetch();\n }\n }, [payload]);\n useWsMessage('chat:message', onChange);\n\n const send = async (): Promise<void> => {\n const text = draft.trim();\n if (!text || busy) return;\n setError(null);\n setBusy(true);\n setDraft('');\n const optimistic: ChatMessage = {\n id: `local_${Date.now().toString(36)}`,\n ts: new Date().toISOString(),\n role: 'user',\n content: text,\n };\n setTranscript((prev) => [...prev, optimistic]);\n setStreaming('');\n const ctrl = new AbortController();\n try {\n await readEventStream(\n '/api/chat',\n {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({ message: text, session: activeId ?? undefined }),\n },\n {\n signal: ctrl.signal,\n onChunk: (chunk) => setStreaming((cur) => cur + chunk),\n onEvent: (event, data) => {\n if (event === 'session') {\n try {\n const parsed = JSON.parse(data) as { session?: string };\n if (parsed.session) setActiveId(parsed.session);\n } catch { /* swallow */ }\n } else if (event === 'error') {\n setError(data);\n }\n },\n onDone: () => setStreaming(''),\n onError: (err) => setError(err.message),\n },\n );\n // After stream completes the persisted turn is in the JSONL log;\n // pull a fresh transcript.\n void payload.refetch();\n void sessionsPayload.refetch();\n } catch (err) {\n setError(err instanceof Error ? err.message : String(err));\n } finally {\n setBusy(false);\n setStreaming('');\n }\n };\n\n const createSession = async (): Promise<void> => {\n setError(null);\n try {\n const res = await fetchJson<{ session?: ChatSession }>(\n '/api/chat/sessions',\n { method: 'POST', body: {} },\n );\n if (res.session?.id) {\n setActiveId(res.session.id);\n void payload.refetch();\n void sessionsPayload.refetch();\n }\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const regenerate = async (msg: ChatMessage): Promise<void> => {\n setError(null);\n try {\n await fetchJson('/api/chat/regenerate', { method: 'POST', body: { messageId: msg.id, session: activeId } });\n void payload.refetch();\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const audit = async (): Promise<void> => {\n setError(null);\n try {\n await fetchJson('/api/chat/audit', { method: 'POST', body: { session: activeId } });\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const dropSession = (id: string): void => {\n // Inline confirm row pattern from F-061. No window.confirm.\n setConfirmDeleteId((cur) => (cur === id ? null : id));\n };\n\n return (\n <Stack gap={4} data-testid=\"chat-view\">\n <ViewHeader\n title=\"Chat\"\n description=\"Multi-turn Claude Code sessions for the active project. Streams over WebSocket.\"\n actions={\n <Inline gap={2} align=\"center\">\n {error !== null && (\n <span role=\"alert\" data-testid=\"chat-error\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n {error}\n </span>\n )}\n <Button variant=\"ghost\" onClick={() => void payload.refetch()} data-testid=\"chat-refresh\">\n <RefreshCw size={14} aria-hidden /> Refresh\n </Button>\n <Button variant=\"ghost\" onClick={() => void audit()} data-testid=\"chat-audit\">\n <ShieldCheck size={14} aria-hidden /> Audit\n </Button>\n <Button variant=\"primary\" onClick={() => void createSession()} data-testid=\"chat-create-session\">\n <MessageSquarePlus size={14} aria-hidden /> New session\n </Button>\n </Inline>\n }\n />\n <Inline align=\"stretch\" gap={3} wrap={false} style={{ minHeight: 480 }}>\n {/* Session list */}\n <Card variant=\"default\" style={{ width: 260, flexShrink: 0 }}>\n <CardBody>\n <Stack gap={2}>\n <strong style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n Sessions ({sessions.length})\n </strong>\n {payload.loading && sessions.length === 0 ? (\n <Skeleton style={{ height: 32 }} />\n ) : sessions.length === 0 ? (\n <EmptyState\n icon={<MessageSquarePlus size={28} aria-hidden />}\n title=\"No sessions\"\n description=\"Create one to start chatting.\"\n />\n ) : (\n sessions.map((s) => {\n const isActive = s.id === activeId;\n const isConfirmingDelete = confirmDeleteId === s.id;\n return (\n <div\n key={s.id}\n data-testid={`chat-session-${s.id}`}\n style={{\n padding: 'var(--space-2)',\n borderRadius: 'var(--radius-sm)',\n border: isActive ? '1px solid var(--accent)' : '1px solid var(--border)',\n background: isActive ? 'color-mix(in oklch, var(--accent) 12%, transparent)' : 'var(--surface-0)',\n cursor: 'pointer',\n }}\n onClick={() => { if (!isConfirmingDelete) setActiveId(s.id); }}\n >\n <Inline align=\"center\" justify=\"between\" gap={2}>\n <span style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>\n {s.id}\n </span>\n <button\n type=\"button\"\n onClick={(e) => { e.stopPropagation(); dropSession(s.id); }}\n data-testid={`chat-session-delete-${s.id}`}\n aria-label={`Delete session ${s.id}`}\n style={{\n background: 'transparent',\n border: 0,\n color: 'var(--fg-muted)',\n cursor: 'pointer',\n fontSize: 'var(--fs-11)',\n }}\n >\n ×\n </button>\n </Inline>\n {s.messageCount !== undefined && (\n <div style={{ fontSize: 'var(--fs-11)', color: 'var(--fg-muted)' }}>\n {s.messageCount} messages\n </div>\n )}\n {isConfirmingDelete && (\n <Inline gap={1} style={{ marginTop: 'var(--space-1)' }}>\n <Button\n variant=\"danger\"\n onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n data-testid={`chat-session-confirm-delete-${s.id}`}\n >\n Confirm delete\n </Button>\n <Button\n variant=\"ghost\"\n onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(null); }}\n data-testid={`chat-session-cancel-delete-${s.id}`}\n >\n Cancel\n </Button>\n </Inline>\n )}\n </div>\n );\n })\n )}\n </Stack>\n </CardBody>\n </Card>\n\n {/* Transcript + composer */}\n <Card variant=\"default\" style={{ flex: 1, minWidth: 0 }}>\n <CardBody>\n <Stack gap={2} style={{ height: '100%' }}>\n <div\n data-testid=\"chat-transcript\"\n style={{\n flex: 1,\n minHeight: 320,\n overflowY: 'auto',\n padding: 'var(--space-2)',\n border: '1px solid var(--border)',\n borderRadius: 'var(--radius-md)',\n background: 'var(--surface-0)',\n }}\n >\n {payload.loading && transcript.length === 0 ? (\n <Skeleton style={{ height: 200 }} />\n ) : transcript.length === 0 && streaming === '' ? (\n <EmptyTranscript />\n ) : (\n <Stack gap={1}>\n {transcript.map((m) => (\n <MessageBubble key={m.id} message={m} onRegenerate={(msg) => void regenerate(msg)} />\n ))}\n {streaming !== '' && (\n <MessageBubble\n message={{\n id: 'streaming',\n ts: new Date().toISOString(),\n role: 'assistant',\n content: streaming,\n }}\n />\n )}\n </Stack>\n )}\n </div>\n <Inline align=\"end\" gap={2}>\n <span style={{ flex: 1, color: 'var(--fg-muted)', fontSize: 'var(--fs-11)' }}>\n Enter to send · Shift+Enter newline\n </span>\n <Button variant=\"primary\" onClick={() => void send()} disabled={busy || draft.trim() === ''} data-testid=\"chat-send\">\n <Send size={14} aria-hidden /> {busy ? 'Sending…' : 'Send'}\n </Button>\n </Inline>\n <Textarea\n value={draft}\n placeholder=\"Ask Claude anything…\"\n rows={4}\n data-testid=\"chat-input\"\n onChange={(e) => setDraft((e.target as HTMLTextAreaElement).value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n void send();\n }\n }}\n />\n </Stack>\n </CardBody>\n </Card>\n </Inline>\n </Stack>\n );\n}"],"names":["MessageSquarePlus","createLucideIcon","readEventStream","url","init","handlers","signal","onChunk","onEvent","onDone","onError","response","reader","decoder","buffer","sawDone","value","done","frames","frame","lines","l","data","event","line","err","ChatView","payload","useFetch","sessionsPayload","activeId","setActiveId","useState","transcript","setTranscript","streaming","setStreaming","draft","setDraft","busy","setBusy","error","setError","confirmDeleteId","setConfirmDeleteId","useEffect","_a","m","s","sessions","useMemo","onChange","useCallback","msg","useWsMessage","send","text","optimistic","prev","ctrl","chunk","cur","parsed","createSession","res","fetchJson","FetchError","regenerate","audit","dropSession","id","jsxs","Stack","jsx","ViewHeader","Inline","Button","RefreshCw","ShieldCheck","Card","CardBody","Skeleton","EmptyState","isActive","isConfirmingDelete","e","EmptyTranscript","MessageBubble","Send","Textarea"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as u,j as o}from"./cmdk-
|
|
1
|
+
import{r as u,j as o}from"./cmdk-DVxytz9i.js";import{X as h,g as p}from"./main-CdOm1Pj9.js";const f={neutral:"var(--surface-1)",info:"color-mix(in oklch, var(--info) 14%, var(--surface-1))",success:"color-mix(in oklch, var(--success) 14%, var(--surface-1))",warning:"color-mix(in oklch, var(--warning) 14%, var(--surface-1))",danger:"color-mix(in oklch, var(--danger) 14%, var(--surface-1))",accent:"color-mix(in oklch, var(--accent) 14%, var(--surface-1))"},m={neutral:"var(--border)",info:"color-mix(in oklch, var(--info) 30%, var(--border))",success:"color-mix(in oklch, var(--success) 30%, var(--border))",warning:"color-mix(in oklch, var(--warning) 30%, var(--border))",danger:"color-mix(in oklch, var(--danger) 30%, var(--border))",accent:"color-mix(in oklch, var(--accent) 30%, var(--border))"},k=u.forwardRef(function(n,c){const{tone:e="neutral",selected:r,onRemove:a,children:i,className:t,style:s,...l}=n,d=r!==void 0||a!==void 0;return o.jsxs("span",{ref:c,className:p("v8-chip",`v8-chip--${e}`,r===!0&&"is-selected",t),style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",height:24,padding:"0 8px",background:r===!0?"color-mix(in oklch, var(--accent) 18%, var(--surface-1))":f[e],border:"1px solid",borderColor:r===!0?"var(--accent)":m[e],borderRadius:"var(--radius-pill)",fontSize:"var(--fs-12)",fontWeight:500,color:r===!0?"var(--accent)":"var(--fg)",cursor:d===!0?"pointer":"default",whiteSpace:"nowrap",...s},...l,children:[i,a!==void 0&&o.jsx("button",{type:"button",onClick:v=>{v.stopPropagation(),a()},"aria-label":"Remove",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,marginLeft:2,marginRight:-4,padding:0,background:"transparent",border:0,borderRadius:"var(--radius-sm)",color:"var(--fg-muted)",cursor:"pointer"},children:o.jsx(h,{size:10,"aria-hidden":"true"})})]})});export{k as C};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-
|
|
1
|
+
{"version":3,"file":"Chip-BrXIlR9w.js","sources":["../../src/web/v8/ui/data/Chip.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * Chip — filter pill with an optional remove button.\n *\n * Different from Badge: Badge is a status indicator (read-only).\n * Chip is interactive — clickable for selection, removable for filters.\n */\n\nexport interface ChipProps extends HTMLAttributes<HTMLSpanElement> {\n /** Visual tone. */\n tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent';\n /** When true, render with selected styling (used for filter chips). */\n selected?: boolean;\n /** When provided, render a close button that invokes this handler. */\n onRemove?: () => void;\n children: ReactNode;\n}\n\nconst TONE_BG: Record<NonNullable<ChipProps['tone']>, string> = {\n neutral: 'var(--surface-1)',\n info: 'color-mix(in oklch, var(--info) 14%, var(--surface-1))',\n success: 'color-mix(in oklch, var(--success) 14%, var(--surface-1))',\n warning: 'color-mix(in oklch, var(--warning) 14%, var(--surface-1))',\n danger: 'color-mix(in oklch, var(--danger) 14%, var(--surface-1))',\n accent: 'color-mix(in oklch, var(--accent) 14%, var(--surface-1))',\n};\n\nconst TONE_BORDER: Record<NonNullable<ChipProps['tone']>, string> = {\n neutral: 'var(--border)',\n info: 'color-mix(in oklch, var(--info) 30%, var(--border))',\n success: 'color-mix(in oklch, var(--success) 30%, var(--border))',\n warning: 'color-mix(in oklch, var(--warning) 30%, var(--border))',\n danger: 'color-mix(in oklch, var(--danger) 30%, var(--border))',\n accent: 'color-mix(in oklch, var(--accent) 30%, var(--border))',\n};\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(function Chip(props, ref) {\n const { tone = 'neutral', selected, onRemove, children, className, style, ...rest } = props;\n const isInteractive = selected !== undefined || onRemove !== undefined;\n return (\n <span\n ref={ref}\n className={cx('v8-chip', `v8-chip--${tone}`, selected === true && 'is-selected', className)}\n style={{\n display: 'inline-flex',\n alignItems: 'center',\n gap: 'var(--space-1)',\n height: 24,\n padding: '0 8px',\n background: selected === true ? `color-mix(in oklch, var(--accent) 18%, var(--surface-1))` : TONE_BG[tone],\n border: '1px solid',\n borderColor: selected === true ? 'var(--accent)' : TONE_BORDER[tone],\n borderRadius: 'var(--radius-pill)',\n fontSize: 'var(--fs-12)',\n fontWeight: 500,\n color: selected === true ? 'var(--accent)' : 'var(--fg)',\n cursor: isInteractive === true ? 'pointer' : 'default',\n whiteSpace: 'nowrap',\n ...style,\n }}\n {...rest}\n >\n {children}\n {onRemove !== undefined && (\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n onRemove();\n }}\n aria-label=\"Remove\"\n style={{\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 14,\n height: 14,\n marginLeft: 2,\n marginRight: -4,\n padding: 0,\n background: 'transparent',\n border: 0,\n borderRadius: 'var(--radius-sm)',\n color: 'var(--fg-muted)',\n cursor: 'pointer',\n }}\n >\n <X size={10} aria-hidden=\"true\" />\n </button>\n )}\n </span>\n );\n});"],"names":["TONE_BG","TONE_BORDER","Chip","forwardRef","props","ref","tone","selected","onRemove","children","className","style","rest","isInteractive","jsxs","cx","jsx","e","X"],"mappings":"4FAqBA,MAAMA,EAA0D,CAC9D,QAAS,mBACT,KAAM,yDACN,QAAS,4DACT,QAAS,4DACT,OAAQ,2DACR,OAAQ,0DACV,EAEMC,EAA8D,CAClE,QAAS,gBACT,KAAM,sDACN,QAAS,yDACT,QAAS,yDACT,OAAQ,wDACR,OAAQ,uDACV,EAEaC,EAAOC,EAAAA,WAAuC,SAAcC,EAAOC,EAAK,CACnF,KAAM,CAAE,KAAAC,EAAO,UAAW,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASR,EAChFS,EAAgBN,IAAa,QAAaC,IAAa,OAC7D,OACEM,EAAAA,KAAC,OAAA,CACC,IAAAT,EACA,UAAWU,EAAG,UAAW,YAAYT,CAAI,GAAIC,IAAa,IAAQ,cAAeG,CAAS,EAC1F,MAAO,CACL,QAAS,cACT,WAAY,SACZ,IAAK,iBACL,OAAQ,GACR,QAAS,QACT,WAAYH,IAAa,GAAO,2DAA6DP,EAAQM,CAAI,EACzG,OAAQ,YACR,YAAaC,IAAa,GAAO,gBAAkBN,EAAYK,CAAI,EACnE,aAAc,qBACd,SAAU,eACV,WAAY,IACZ,MAAOC,IAAa,GAAO,gBAAkB,YAC7C,OAAQM,IAAkB,GAAO,UAAY,UAC7C,WAAY,SACZ,GAAGF,CAAA,EAEJ,GAAGC,EAEH,SAAA,CAAAH,EACAD,IAAa,QACZQ,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACFT,EAAA,CACF,EACA,aAAW,SACX,MAAO,CACL,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,MAAO,GACP,OAAQ,GACR,WAAY,EACZ,YAAa,GACb,QAAS,EACT,WAAY,cACZ,OAAQ,EACR,aAAc,mBACd,MAAO,kBACP,OAAQ,SAAA,EAGV,SAAAQ,EAAAA,IAACE,EAAA,CAAE,KAAM,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,CAClC,CAAA,CAAA,CAIR,CAAC"}
|
package/bizar-dash/dist/assets/{ClaudeSessionsView-Dq40JNVC.js → ClaudeSessionsView-Ck62jaOr.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,j as e}from"./cmdk-
|
|
1
|
+
import{r,j as e}from"./cmdk-DVxytz9i.js";import{u as D,S as j,I as g,d as c,h as z,i as S,F as C,P as F}from"./main-CdOm1Pj9.js";import{V as P}from"./ViewHeader-BqIPVKuG.js";import{C as R,b as T}from"./Card-Tyboihu7.js";import{I as b}from"./Input-BbFUDQnS.js";import{S as $,a as k,b as O}from"./Sheet-DH-WNJ3Y.js";import{E as A}from"./EmptyState-DZ2ouKwd.js";import{M as B}from"./MessageBubble-5vUAquDx.js";import{R as E}from"./refresh-ccw-CHMprsm5.js";import{S as N}from"./send-xgy3RAi7.js";import{P as M}from"./plus-M6LYiKX8.js";import{P as V}from"./pencil-BanqaMw7.js";import{T as H}from"./trash-2-CL4khSRv.js";function W({sessionId:a}){var t;const m=`/api/claude-sessions/${a}/messages`,l=D(m),[u,n]=r.useState(""),[d,o]=r.useState("general"),[h,i]=r.useState(!1),[x,f]=r.useState(null),v=r.useCallback(()=>{l.refetch()},[l]),p=((t=l.data)==null?void 0:t.messages)??[],y=async()=>{const s=u.trim();if(!(!s||!d.trim()||h)){i(!0),f(null);try{await S(`/api/claude-sessions/${a}/send`,{method:"POST",body:{message:s,agent:d.trim()}}),n(""),window.setTimeout(()=>{v()},750)}catch(w){f((w instanceof C,w.message))}finally{i(!1)}}};return e.jsxs(j,{gap:3,style:{padding:"var(--space-4)"},"data-testid":`claude-session-detail-${a}`,children:[e.jsxs(g,{align:"center",justify:"between",gap:2,children:[e.jsx("strong",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)"},children:a}),e.jsxs(c,{variant:"ghost",onClick:()=>void v(),"data-testid":`claude-session-detail-refresh-${a}`,children:[e.jsx(E,{size:14,"aria-hidden":!0})," Refresh"]})]}),e.jsx(R,{variant:"default",children:e.jsx(T,{children:l.loading&&p.length===0?e.jsx(z,{style:{height:120}}):p.length===0?e.jsx("span",{style:{color:"var(--fg-muted)",fontSize:"var(--fs-12)"},children:"No messages yet — start with a follow-up."}):e.jsx(j,{gap:1,children:p.map(s=>e.jsx(B,{message:s},s.id||`${s.ts}-${s.role}`))})})}),x!==null&&e.jsx("span",{role:"alert","data-testid":`claude-session-detail-error-${a}`,style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:x}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Agent"}),e.jsx(b,{value:d,"data-testid":`claude-session-detail-agent-${a}`,onChange:s=>o(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Follow-up"}),e.jsx("textarea",{value:u,rows:4,"data-testid":`claude-session-detail-draft-${a}`,onChange:s=>n(s.target.value),style:{background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",padding:"var(--space-2)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-13)",resize:"vertical"}})]}),e.jsx(g,{justify:"end",gap:2,children:e.jsxs(c,{variant:"primary",onClick:()=>void y(),disabled:h||u.trim()===""||d.trim()==="","data-testid":`claude-session-detail-send-${a}`,children:[e.jsx(N,{size:14,"aria-hidden":!0})," ",h?"Sending…":"Send"]})})]})}function te(){var h;const a=D("/api/claude-sessions"),[m,l]=r.useState(!1),[u,n]=r.useState(null),d=((h=a.data)==null?void 0:h.sessions)??[],o=r.useCallback(()=>{a.refetch()},[a]);return e.jsxs(j,{gap:4,"data-testid":"claude-sessions-view",children:[e.jsx(P,{title:"Claude sessions",description:"Claude Code session explorer. Each row is a session directory under ~/.claude/sessions/.",actions:e.jsxs(g,{align:"center",gap:2,children:[e.jsxs(c,{variant:"ghost",onClick:()=>void o(),"data-testid":"claude-sessions-refresh",children:[e.jsx(E,{size:14,"aria-hidden":!0})," Refresh"]}),e.jsxs(c,{variant:"primary",onClick:()=>l(!0),"data-testid":"claude-sessions-new",children:[e.jsx(M,{size:14,"aria-hidden":!0})," New session"]})]})}),e.jsx(R,{variant:"default",children:e.jsx(T,{children:a.loading&&d.length===0?e.jsxs(j,{gap:2,children:[e.jsx(z,{style:{height:36}}),e.jsx(z,{style:{height:36}})]}):d.length===0?e.jsx(A,{icon:e.jsx(F,{size:28,"aria-hidden":!0}),title:"No Claude sessions",description:"Create one to start a multi-turn conversation with Claude Code."}):e.jsx(j,{gap:2,children:d.map(i=>e.jsx(q,{session:i,onRefresh:o,onOpen:n},i.id))})})}),e.jsx($,{open:m,onOpenChange:l,children:e.jsx(k,{side:"right",title:"New Claude session",description:"Spawn a Claude Code session via the runner.",children:e.jsx(J,{onCreated:i=>{l(!1),o(),n(i)},onCancel:()=>l(!1)})})}),e.jsx($,{open:u!==null,onOpenChange:i=>{i||n(null)},children:e.jsx(k,{side:"right",title:"Session detail",description:u??"",children:u!==null&&e.jsx(W,{sessionId:u})})})]})}function q({session:a,onRefresh:m,onOpen:l}){const[u,n]=r.useState(!1),[d,o]=r.useState(a.title??""),[h,i]=r.useState(!1),[x,f]=r.useState(null),v=async()=>{if(d.trim()){f(null);try{await S(`/api/claude-sessions/${a.id}`,{method:"PATCH",body:{title:d.trim()}}),n(!1),m()}catch(t){f((t instanceof C,t.message))}}},p=async t=>{f(null);try{await S(`/api/claude-sessions/${t}/resume`,{method:"POST",body:{}})}catch(s){f((s instanceof C,s.message))}},y=async()=>{f(null);try{await S(`/api/claude-sessions/${a.id}`,{method:"DELETE"}),i(!1),m()}catch(t){f((t instanceof C,t.message))}};return e.jsxs("div",{"data-testid":`claude-session-row-${a.id}`,style:{padding:"var(--space-3)",borderRadius:"var(--radius-md)",border:"1px solid var(--border)",background:"var(--surface-0)"},children:[e.jsxs(g,{align:"center",justify:"between",gap:3,children:[e.jsxs(j,{gap:1,style:{minWidth:0,flex:1},children:[u?e.jsxs(g,{gap:1,children:[e.jsx(b,{value:d,"data-testid":`claude-session-rename-input-${a.id}`,onChange:t=>o(t.target.value)}),e.jsx(c,{variant:"primary",onClick:()=>void v(),"data-testid":`claude-session-rename-submit-${a.id}`,children:"Save"}),e.jsx(c,{variant:"ghost",onClick:()=>{n(!1),o(a.title??"")},children:"Cancel"})]}):e.jsxs(g,{align:"center",gap:2,children:[e.jsx("strong",{style:{fontSize:"var(--fs-13)"},children:a.title||a.id}),a.agent&&e.jsxs("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",fontFamily:"var(--font-mono)"},children:["@",a.agent]})]}),e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:a.id}),x!==null&&e.jsx("span",{role:"alert",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:x})]}),e.jsxs(g,{gap:1,children:[e.jsx(c,{variant:"primary",onClick:()=>void p(a.id),"data-testid":`claude-session-resume-${a.id}`,"aria-label":`Resume ${a.id}`,children:"Resume"}),e.jsx(c,{variant:"ghost",onClick:()=>l(a.id),"data-testid":`claude-session-open-${a.id}`,children:"Open"}),e.jsx(c,{variant:"ghost",onClick:()=>{n(!0),o(a.title??"")},"data-testid":`claude-session-rename-${a.id}`,"aria-label":`Rename session ${a.id}`,children:e.jsx(V,{size:14,"aria-hidden":!0})}),e.jsx(c,{variant:"ghost",onClick:()=>i(t=>!t),"data-testid":`claude-session-delete-${a.id}`,"aria-label":`Delete session ${a.id}`,children:e.jsx(H,{size:14,"aria-hidden":!0})})]})]}),h&&e.jsxs(g,{gap:1,style:{marginTop:"var(--space-2)"},children:[e.jsx(c,{variant:"danger",onClick:()=>void y(),"data-testid":`claude-session-confirm-delete-${a.id}`,children:"Confirm delete"}),e.jsx(c,{variant:"ghost",onClick:()=>i(!1),"data-testid":`claude-session-cancel-delete-${a.id}`,children:"Cancel"})]})]})}function J({onCreated:a,onCancel:m}){const[l,u]=r.useState(""),[n,d]=r.useState("general"),[o,h]=r.useState(""),[i,x]=r.useState(""),[f,v]=r.useState(!1),[p,y]=r.useState(null),t=async()=>{if(!(!n.trim()||!o.trim()||f)){v(!0),y(null);try{const s=await S("/api/claude-sessions/new",{method:"POST",body:{title:l.trim()||null,agent:n.trim(),prompt:o.trim(),directory:i.trim()||void 0}});a(s.id)}catch(s){y((s instanceof C,s.message))}finally{v(!1)}}};return e.jsxs(j,{gap:3,style:{padding:"var(--space-4)"},children:[e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Title (optional)"}),e.jsx(b,{value:l,"data-testid":"claude-sessions-new-title",onChange:s=>u(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Agent"}),e.jsx(b,{value:n,"data-testid":"claude-sessions-new-agent",onChange:s=>d(s.target.value)})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Seed prompt"}),e.jsx("textarea",{value:o,rows:4,"data-testid":"claude-sessions-new-prompt",onChange:s=>h(s.target.value),style:{background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",padding:"var(--space-2)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-13)",resize:"vertical"}})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Working directory (optional)"}),e.jsx(b,{value:i,"data-testid":"claude-sessions-new-directory",onChange:s=>x(s.target.value)})]}),p!==null&&e.jsx("span",{role:"alert","data-testid":"claude-sessions-new-error",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:p}),e.jsxs(g,{justify:"end",gap:2,children:[e.jsx(O,{asChild:!0,children:e.jsx(c,{variant:"ghost",onClick:m,"data-testid":"claude-sessions-new-cancel",children:"Cancel"})}),e.jsx(c,{variant:"primary",onClick:()=>void t(),disabled:f||!n.trim()||!o.trim(),"data-testid":"claude-sessions-new-submit",children:"Create"})]})]})}export{te as ClaudeSessionsView};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClaudeSessionsView-Dq40JNVC.js","sources":["../../src/web/v8/views/ClaudeSessions/ClaudeSessionDetail.tsx","../../src/web/v8/views/ClaudeSessions/ClaudeSessionsView.tsx"],"sourcesContent":["/**\n * v8/views/ClaudeSessions/ClaudeSessionDetail.tsx — Sprint S39, v9.3.0.\n *\n * Right-pane content for the ClaudeSessionSheet. Pulls messages\n * from /api/claude-sessions/:id/messages, lets the user send a\n * follow-up via /api/claude-sessions/:id/send. No streaming in\n * this initial cut — the server's SSE endpoint\n * (/api/claude-sessions/:id/stream) is read by the SDK in\n * production, but for the dashboard we treat send as fire-and-\n * refresh so the user sees the new turn after the resume exits.\n */\n\nimport { useCallback, useState } from 'react';\nimport { Send, RefreshCcw } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Input } from '../../ui/controls/Input.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport type { ChatMessage } from '../../data/types.js';\nimport { MessageBubble } from '../../ui/chat/MessageBubble.js';\n\ninterface MessagesPayload {\n messages: ChatMessage[];\n}\n\nexport function ClaudeSessionDetail({ sessionId }: { sessionId: string }): JSX.Element {\n const url = `/api/claude-sessions/${sessionId}/messages`;\n const payload = useFetch<MessagesPayload>(url);\n const [draft, setDraft] = useState<string>('');\n const [agent, setAgent] = useState<string>('general');\n const [busy, setBusy] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n const refresh = useCallback(() => { void payload.refetch(); }, [payload]);\n const messages = payload.data?.messages ?? [];\n\n const send = async (): Promise<void> => {\n const text = draft.trim();\n if (!text || !agent.trim() || busy) return;\n setBusy(true);\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${sessionId}/send`, {\n method: 'POST',\n body: { message: text, agent: agent.trim() },\n });\n setDraft('');\n // The resume spawn is asynchronous; give it a moment then refresh.\n window.setTimeout(() => { refresh(); }, 750);\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n } finally {\n setBusy(false);\n }\n };\n\n return (\n <Stack gap={3} style={{ padding: 'var(--space-4)' }} data-testid={`claude-session-detail-${sessionId}`}>\n <Inline align=\"center\" justify=\"between\" gap={2}>\n <strong style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>{sessionId}</strong>\n <Button variant=\"ghost\" onClick={() => void refresh()} data-testid={`claude-session-detail-refresh-${sessionId}`}>\n <RefreshCcw size={14} aria-hidden /> Refresh\n </Button>\n </Inline>\n\n <Card variant=\"default\">\n <CardBody>\n {payload.loading && messages.length === 0 ? (\n <Skeleton style={{ height: 120 }} />\n ) : messages.length === 0 ? (\n <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)' }}>\n No messages yet — start with a follow-up.\n </span>\n ) : (\n <Stack gap={1}>\n {messages.map((m) => (\n <MessageBubble key={m.id || `${m.ts}-${m.role}`} message={m} />\n ))}\n </Stack>\n )}\n </CardBody>\n </Card>\n\n {error !== null && (\n <span role=\"alert\" data-testid={`claude-session-detail-error-${sessionId}`} style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n {error}\n </span>\n )}\n\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Agent</span>\n <Input\n value={agent}\n data-testid={`claude-session-detail-agent-${sessionId}`}\n onChange={(e) => setAgent((e.target as HTMLInputElement).value)}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Follow-up</span>\n <textarea\n value={draft}\n rows={4}\n data-testid={`claude-session-detail-draft-${sessionId}`}\n onChange={(e) => setDraft((e.target as HTMLTextAreaElement).value)}\n style={{\n background: 'var(--surface-0)',\n border: '1px solid var(--border)',\n borderRadius: 'var(--radius-md)',\n padding: 'var(--space-2)',\n color: 'var(--fg)',\n fontFamily: 'var(--font-sans)',\n fontSize: 'var(--fs-13)',\n resize: 'vertical',\n }}\n />\n </label>\n <Inline justify=\"end\" gap={2}>\n <Button\n variant=\"primary\"\n onClick={() => void send()}\n disabled={busy || draft.trim() === '' || agent.trim() === ''}\n data-testid={`claude-session-detail-send-${sessionId}`}\n >\n <Send size={14} aria-hidden /> {busy ? 'Sending…' : 'Send'}\n </Button>\n </Inline>\n </Stack>\n );\n}","/**\n * v8/views/ClaudeSessions/ClaudeSessionsView.tsx — Sprint S39, v9.3.0.\n *\n * Claude Code session explorer. Lists sessions on disk (via\n * /api/claude-sessions), lets the user create a new one via Sheet\n * (POST /api/claude-sessions/new), inline-rename (PATCH\n * /api/claude-sessions/:id), inline-confirm delete (DELETE\n * /api/claude-sessions/:id), and opens a right Drawer with the\n * session detail (ClaudeSessionDetail).\n */\n\nimport { useCallback, useState } from 'react';\nimport { Plus, Trash2, Pencil, RefreshCcw, MessageSquareText } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Input } from '../../ui/controls/Input.js';\nimport { Sheet, SheetClose, SheetContent } from '../../ui/feedback/Sheet.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport type { ClaudeSession } from '../../data/types.js';\nimport { ClaudeSessionDetail } from './ClaudeSessionDetail.js';\n\ninterface SessionsPayload {\n sessions: ClaudeSession[];\n}\n\nexport function ClaudeSessionsView(): JSX.Element {\n const payload = useFetch<SessionsPayload>('/api/claude-sessions');\n const [creating, setCreating] = useState<boolean>(false);\n const [detailId, setDetailId] = useState<string | null>(null);\n\n const sessions = payload.data?.sessions ?? [];\n\n const refresh = useCallback(() => { void payload.refetch(); }, [payload]);\n\n return (\n <Stack gap={4} data-testid=\"claude-sessions-view\">\n <ViewHeader\n title=\"Claude sessions\"\n description=\"Claude Code session explorer. Each row is a session directory under ~/.claude/sessions/.\"\n actions={\n <Inline align=\"center\" gap={2}>\n <Button variant=\"ghost\" onClick={() => void refresh()} data-testid=\"claude-sessions-refresh\">\n <RefreshCcw size={14} aria-hidden /> Refresh\n </Button>\n <Button variant=\"primary\" onClick={() => setCreating(true)} data-testid=\"claude-sessions-new\">\n <Plus size={14} aria-hidden /> New session\n </Button>\n </Inline>\n }\n />\n\n <Card variant=\"default\">\n <CardBody>\n {payload.loading && sessions.length === 0 ? (\n <Stack gap={2}>\n <Skeleton style={{ height: 36 }} />\n <Skeleton style={{ height: 36 }} />\n </Stack>\n ) : sessions.length === 0 ? (\n <EmptyState\n icon={<MessageSquareText size={28} aria-hidden />}\n title=\"No Claude sessions\"\n description=\"Create one to start a multi-turn conversation with Claude Code.\"\n />\n ) : (\n <Stack gap={2}>\n {sessions.map((s) => (\n <SessionRow key={s.id} session={s} onRefresh={refresh} onOpen={setDetailId} />\n ))}\n </Stack>\n )}\n </CardBody>\n </Card>\n\n <Sheet open={creating} onOpenChange={setCreating}>\n <SheetContent side=\"right\" title=\"New Claude session\" description=\"Spawn a Claude Code session via the runner.\">\n <NewSessionForm\n onCreated={(id) => {\n setCreating(false);\n refresh();\n setDetailId(id);\n }}\n onCancel={() => setCreating(false)}\n />\n </SheetContent>\n </Sheet>\n\n <Sheet open={detailId !== null} onOpenChange={(open) => { if (!open) setDetailId(null); }}>\n <SheetContent side=\"right\" title=\"Session detail\" description={detailId ?? ''}>\n {detailId !== null && <ClaudeSessionDetail sessionId={detailId} />}\n </SheetContent>\n </Sheet>\n </Stack>\n );\n}\n\nfunction SessionRow({\n session,\n onRefresh,\n onOpen,\n}: {\n session: ClaudeSession;\n onRefresh: () => void;\n onOpen: (id: string) => void;\n}): JSX.Element {\n const [renaming, setRenaming] = useState<boolean>(false);\n const [title, setTitle] = useState<string>(session.title ?? '');\n const [confirmDelete, setConfirmDelete] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n const rename = async (): Promise<void> => {\n if (!title.trim()) return;\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${session.id}`, {\n method: 'PATCH',\n body: { title: title.trim() },\n });\n setRenaming(false);\n onRefresh();\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const resume = async (id: string): Promise<void> => {\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${id}/resume`, { method: 'POST', body: {} });\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const remove = async (): Promise<void> => {\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${session.id}`, { method: 'DELETE' });\n setConfirmDelete(false);\n onRefresh();\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n return (\n <div\n data-testid={`claude-session-row-${session.id}`}\n style={{\n padding: 'var(--space-3)',\n borderRadius: 'var(--radius-md)',\n border: '1px solid var(--border)',\n background: 'var(--surface-0)',\n }}\n >\n <Inline align=\"center\" justify=\"between\" gap={3}>\n <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>\n {renaming ? (\n <Inline gap={1}>\n <Input\n value={title}\n data-testid={`claude-session-rename-input-${session.id}`}\n onChange={(e) => setTitle((e.target as HTMLInputElement).value)}\n />\n <Button variant=\"primary\" onClick={() => void rename()} data-testid={`claude-session-rename-submit-${session.id}`}>Save</Button>\n <Button variant=\"ghost\" onClick={() => { setRenaming(false); setTitle(session.title ?? ''); }}>Cancel</Button>\n </Inline>\n ) : (\n <Inline align=\"center\" gap={2}>\n <strong style={{ fontSize: 'var(--fs-13)' }}>{session.title || session.id}</strong>\n {session.agent && (\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)', fontFamily: 'var(--font-mono)' }}>\n @{session.agent}\n </span>\n )}\n </Inline>\n )}\n <span style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n {session.id}\n </span>\n {error !== null && (\n <span role=\"alert\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>{error}</span>\n )}\n </Stack>\n <Inline gap={1}>\n <Button variant=\"primary\" onClick={() => void resume(session.id)} data-testid={`claude-session-resume-${session.id}`} aria-label={`Resume ${session.id}`}>\n Resume\n </Button>\n <Button variant=\"ghost\" onClick={() => onOpen(session.id)} data-testid={`claude-session-open-${session.id}`}>\n Open\n </Button>\n <Button\n variant=\"ghost\"\n onClick={() => { setRenaming(true); setTitle(session.title ?? ''); }}\n data-testid={`claude-session-rename-${session.id}`}\n aria-label={`Rename session ${session.id}`}\n >\n <Pencil size={14} aria-hidden />\n </Button>\n <Button\n variant=\"ghost\"\n onClick={() => setConfirmDelete((cur) => !cur)}\n data-testid={`claude-session-delete-${session.id}`}\n aria-label={`Delete session ${session.id}`}\n >\n <Trash2 size={14} aria-hidden />\n </Button>\n </Inline>\n </Inline>\n {confirmDelete && (\n <Inline gap={1} style={{ marginTop: 'var(--space-2)' }}>\n <Button variant=\"danger\" onClick={() => void remove()} data-testid={`claude-session-confirm-delete-${session.id}`}>\n Confirm delete\n </Button>\n <Button variant=\"ghost\" onClick={() => setConfirmDelete(false)} data-testid={`claude-session-cancel-delete-${session.id}`}>\n Cancel\n </Button>\n </Inline>\n )}\n </div>\n );\n}\n\nfunction NewSessionForm({\n onCreated,\n onCancel,\n}: {\n onCreated: (id: string) => void;\n onCancel: () => void;\n}): JSX.Element {\n const [title, setTitle] = useState<string>('');\n const [agent, setAgent] = useState<string>('general');\n const [prompt, setPrompt] = useState<string>('');\n const [directory, setDirectory] = useState<string>('');\n const [busy, setBusy] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n const submit = async (): Promise<void> => {\n if (!agent.trim() || !prompt.trim() || busy) return;\n setBusy(true);\n setError(null);\n try {\n const res = await fetchJson<{ id: string }>('/api/claude-sessions/new', {\n method: 'POST',\n body: {\n title: title.trim() || null,\n agent: agent.trim(),\n prompt: prompt.trim(),\n directory: directory.trim() || undefined,\n },\n });\n onCreated(res.id);\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n } finally {\n setBusy(false);\n }\n };\n\n return (\n <Stack gap={3} style={{ padding: 'var(--space-4)' }}>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Title (optional)</span>\n <Input\n value={title}\n data-testid=\"claude-sessions-new-title\"\n onChange={(e) => setTitle((e.target as HTMLInputElement).value)}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Agent</span>\n <Input\n value={agent}\n data-testid=\"claude-sessions-new-agent\"\n onChange={(e) => setAgent((e.target as HTMLInputElement).value)}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Seed prompt</span>\n <textarea\n value={prompt}\n rows={4}\n data-testid=\"claude-sessions-new-prompt\"\n onChange={(e) => setPrompt((e.target as HTMLTextAreaElement).value)}\n style={{\n background: 'var(--surface-0)',\n border: '1px solid var(--border)',\n borderRadius: 'var(--radius-md)',\n padding: 'var(--space-2)',\n color: 'var(--fg)',\n fontFamily: 'var(--font-sans)',\n fontSize: 'var(--fs-13)',\n resize: 'vertical',\n }}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Working directory (optional)</span>\n <Input\n value={directory}\n data-testid=\"claude-sessions-new-directory\"\n onChange={(e) => setDirectory((e.target as HTMLInputElement).value)}\n />\n </label>\n {error !== null && (\n <span role=\"alert\" data-testid=\"claude-sessions-new-error\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n {error}\n </span>\n )}\n <Inline justify=\"end\" gap={2}>\n <SheetClose asChild>\n <Button variant=\"ghost\" onClick={onCancel} data-testid=\"claude-sessions-new-cancel\">Cancel</Button>\n </SheetClose>\n <Button\n variant=\"primary\"\n onClick={() => void submit()}\n disabled={busy || !agent.trim() || !prompt.trim()}\n data-testid=\"claude-sessions-new-submit\"\n >\n Create\n </Button>\n </Inline>\n </Stack>\n );\n}"],"names":["ClaudeSessionDetail","sessionId","url","payload","useFetch","draft","setDraft","useState","agent","setAgent","busy","setBusy","error","setError","refresh","useCallback","messages","_a","send","text","fetchJson","err","FetchError","jsxs","Stack","Inline","jsx","Button","RefreshCcw","Card","CardBody","Skeleton","m","MessageBubble","Input","e","Send","ClaudeSessionsView","creating","setCreating","detailId","setDetailId","sessions","ViewHeader","Plus","EmptyState","MessageSquareText","s","SessionRow","Sheet","SheetContent","NewSessionForm","id","open","session","onRefresh","onOpen","renaming","setRenaming","title","setTitle","confirmDelete","setConfirmDelete","rename","resume","remove","Pencil","cur","Trash2","onCreated","onCancel","prompt","setPrompt","directory","setDirectory","submit","res","SheetClose"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ClaudeSessionsView-Ck62jaOr.js","sources":["../../src/web/v8/views/ClaudeSessions/ClaudeSessionDetail.tsx","../../src/web/v8/views/ClaudeSessions/ClaudeSessionsView.tsx"],"sourcesContent":["/**\n * v8/views/ClaudeSessions/ClaudeSessionDetail.tsx — Sprint S39, v9.3.0.\n *\n * Right-pane content for the ClaudeSessionSheet. Pulls messages\n * from /api/claude-sessions/:id/messages, lets the user send a\n * follow-up via /api/claude-sessions/:id/send. No streaming in\n * this initial cut — the server's SSE endpoint\n * (/api/claude-sessions/:id/stream) is read by the SDK in\n * production, but for the dashboard we treat send as fire-and-\n * refresh so the user sees the new turn after the resume exits.\n */\n\nimport { useCallback, useState } from 'react';\nimport { Send, RefreshCcw } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Input } from '../../ui/controls/Input.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport type { ChatMessage } from '../../data/types.js';\nimport { MessageBubble } from '../../ui/chat/MessageBubble.js';\n\ninterface MessagesPayload {\n messages: ChatMessage[];\n}\n\nexport function ClaudeSessionDetail({ sessionId }: { sessionId: string }): JSX.Element {\n const url = `/api/claude-sessions/${sessionId}/messages`;\n const payload = useFetch<MessagesPayload>(url);\n const [draft, setDraft] = useState<string>('');\n const [agent, setAgent] = useState<string>('general');\n const [busy, setBusy] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n const refresh = useCallback(() => { void payload.refetch(); }, [payload]);\n const messages = payload.data?.messages ?? [];\n\n const send = async (): Promise<void> => {\n const text = draft.trim();\n if (!text || !agent.trim() || busy) return;\n setBusy(true);\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${sessionId}/send`, {\n method: 'POST',\n body: { message: text, agent: agent.trim() },\n });\n setDraft('');\n // The resume spawn is asynchronous; give it a moment then refresh.\n window.setTimeout(() => { refresh(); }, 750);\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n } finally {\n setBusy(false);\n }\n };\n\n return (\n <Stack gap={3} style={{ padding: 'var(--space-4)' }} data-testid={`claude-session-detail-${sessionId}`}>\n <Inline align=\"center\" justify=\"between\" gap={2}>\n <strong style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>{sessionId}</strong>\n <Button variant=\"ghost\" onClick={() => void refresh()} data-testid={`claude-session-detail-refresh-${sessionId}`}>\n <RefreshCcw size={14} aria-hidden /> Refresh\n </Button>\n </Inline>\n\n <Card variant=\"default\">\n <CardBody>\n {payload.loading && messages.length === 0 ? (\n <Skeleton style={{ height: 120 }} />\n ) : messages.length === 0 ? (\n <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)' }}>\n No messages yet — start with a follow-up.\n </span>\n ) : (\n <Stack gap={1}>\n {messages.map((m) => (\n <MessageBubble key={m.id || `${m.ts}-${m.role}`} message={m} />\n ))}\n </Stack>\n )}\n </CardBody>\n </Card>\n\n {error !== null && (\n <span role=\"alert\" data-testid={`claude-session-detail-error-${sessionId}`} style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n {error}\n </span>\n )}\n\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Agent</span>\n <Input\n value={agent}\n data-testid={`claude-session-detail-agent-${sessionId}`}\n onChange={(e) => setAgent((e.target as HTMLInputElement).value)}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Follow-up</span>\n <textarea\n value={draft}\n rows={4}\n data-testid={`claude-session-detail-draft-${sessionId}`}\n onChange={(e) => setDraft((e.target as HTMLTextAreaElement).value)}\n style={{\n background: 'var(--surface-0)',\n border: '1px solid var(--border)',\n borderRadius: 'var(--radius-md)',\n padding: 'var(--space-2)',\n color: 'var(--fg)',\n fontFamily: 'var(--font-sans)',\n fontSize: 'var(--fs-13)',\n resize: 'vertical',\n }}\n />\n </label>\n <Inline justify=\"end\" gap={2}>\n <Button\n variant=\"primary\"\n onClick={() => void send()}\n disabled={busy || draft.trim() === '' || agent.trim() === ''}\n data-testid={`claude-session-detail-send-${sessionId}`}\n >\n <Send size={14} aria-hidden /> {busy ? 'Sending…' : 'Send'}\n </Button>\n </Inline>\n </Stack>\n );\n}","/**\n * v8/views/ClaudeSessions/ClaudeSessionsView.tsx — Sprint S39, v9.3.0.\n *\n * Claude Code session explorer. Lists sessions on disk (via\n * /api/claude-sessions), lets the user create a new one via Sheet\n * (POST /api/claude-sessions/new), inline-rename (PATCH\n * /api/claude-sessions/:id), inline-confirm delete (DELETE\n * /api/claude-sessions/:id), and opens a right Drawer with the\n * session detail (ClaudeSessionDetail).\n */\n\nimport { useCallback, useState } from 'react';\nimport { Plus, Trash2, Pencil, RefreshCcw, MessageSquareText } from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Input } from '../../ui/controls/Input.js';\nimport { Sheet, SheetClose, SheetContent } from '../../ui/feedback/Sheet.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { EmptyState } from '../../ui/feedback/EmptyState.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport type { ClaudeSession } from '../../data/types.js';\nimport { ClaudeSessionDetail } from './ClaudeSessionDetail.js';\n\ninterface SessionsPayload {\n sessions: ClaudeSession[];\n}\n\nexport function ClaudeSessionsView(): JSX.Element {\n const payload = useFetch<SessionsPayload>('/api/claude-sessions');\n const [creating, setCreating] = useState<boolean>(false);\n const [detailId, setDetailId] = useState<string | null>(null);\n\n const sessions = payload.data?.sessions ?? [];\n\n const refresh = useCallback(() => { void payload.refetch(); }, [payload]);\n\n return (\n <Stack gap={4} data-testid=\"claude-sessions-view\">\n <ViewHeader\n title=\"Claude sessions\"\n description=\"Claude Code session explorer. Each row is a session directory under ~/.claude/sessions/.\"\n actions={\n <Inline align=\"center\" gap={2}>\n <Button variant=\"ghost\" onClick={() => void refresh()} data-testid=\"claude-sessions-refresh\">\n <RefreshCcw size={14} aria-hidden /> Refresh\n </Button>\n <Button variant=\"primary\" onClick={() => setCreating(true)} data-testid=\"claude-sessions-new\">\n <Plus size={14} aria-hidden /> New session\n </Button>\n </Inline>\n }\n />\n\n <Card variant=\"default\">\n <CardBody>\n {payload.loading && sessions.length === 0 ? (\n <Stack gap={2}>\n <Skeleton style={{ height: 36 }} />\n <Skeleton style={{ height: 36 }} />\n </Stack>\n ) : sessions.length === 0 ? (\n <EmptyState\n icon={<MessageSquareText size={28} aria-hidden />}\n title=\"No Claude sessions\"\n description=\"Create one to start a multi-turn conversation with Claude Code.\"\n />\n ) : (\n <Stack gap={2}>\n {sessions.map((s) => (\n <SessionRow key={s.id} session={s} onRefresh={refresh} onOpen={setDetailId} />\n ))}\n </Stack>\n )}\n </CardBody>\n </Card>\n\n <Sheet open={creating} onOpenChange={setCreating}>\n <SheetContent side=\"right\" title=\"New Claude session\" description=\"Spawn a Claude Code session via the runner.\">\n <NewSessionForm\n onCreated={(id) => {\n setCreating(false);\n refresh();\n setDetailId(id);\n }}\n onCancel={() => setCreating(false)}\n />\n </SheetContent>\n </Sheet>\n\n <Sheet open={detailId !== null} onOpenChange={(open) => { if (!open) setDetailId(null); }}>\n <SheetContent side=\"right\" title=\"Session detail\" description={detailId ?? ''}>\n {detailId !== null && <ClaudeSessionDetail sessionId={detailId} />}\n </SheetContent>\n </Sheet>\n </Stack>\n );\n}\n\nfunction SessionRow({\n session,\n onRefresh,\n onOpen,\n}: {\n session: ClaudeSession;\n onRefresh: () => void;\n onOpen: (id: string) => void;\n}): JSX.Element {\n const [renaming, setRenaming] = useState<boolean>(false);\n const [title, setTitle] = useState<string>(session.title ?? '');\n const [confirmDelete, setConfirmDelete] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n const rename = async (): Promise<void> => {\n if (!title.trim()) return;\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${session.id}`, {\n method: 'PATCH',\n body: { title: title.trim() },\n });\n setRenaming(false);\n onRefresh();\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const resume = async (id: string): Promise<void> => {\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${id}/resume`, { method: 'POST', body: {} });\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n const remove = async (): Promise<void> => {\n setError(null);\n try {\n await fetchJson(`/api/claude-sessions/${session.id}`, { method: 'DELETE' });\n setConfirmDelete(false);\n onRefresh();\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n }\n };\n\n return (\n <div\n data-testid={`claude-session-row-${session.id}`}\n style={{\n padding: 'var(--space-3)',\n borderRadius: 'var(--radius-md)',\n border: '1px solid var(--border)',\n background: 'var(--surface-0)',\n }}\n >\n <Inline align=\"center\" justify=\"between\" gap={3}>\n <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>\n {renaming ? (\n <Inline gap={1}>\n <Input\n value={title}\n data-testid={`claude-session-rename-input-${session.id}`}\n onChange={(e) => setTitle((e.target as HTMLInputElement).value)}\n />\n <Button variant=\"primary\" onClick={() => void rename()} data-testid={`claude-session-rename-submit-${session.id}`}>Save</Button>\n <Button variant=\"ghost\" onClick={() => { setRenaming(false); setTitle(session.title ?? ''); }}>Cancel</Button>\n </Inline>\n ) : (\n <Inline align=\"center\" gap={2}>\n <strong style={{ fontSize: 'var(--fs-13)' }}>{session.title || session.id}</strong>\n {session.agent && (\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)', fontFamily: 'var(--font-mono)' }}>\n @{session.agent}\n </span>\n )}\n </Inline>\n )}\n <span style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n {session.id}\n </span>\n {error !== null && (\n <span role=\"alert\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>{error}</span>\n )}\n </Stack>\n <Inline gap={1}>\n <Button variant=\"primary\" onClick={() => void resume(session.id)} data-testid={`claude-session-resume-${session.id}`} aria-label={`Resume ${session.id}`}>\n Resume\n </Button>\n <Button variant=\"ghost\" onClick={() => onOpen(session.id)} data-testid={`claude-session-open-${session.id}`}>\n Open\n </Button>\n <Button\n variant=\"ghost\"\n onClick={() => { setRenaming(true); setTitle(session.title ?? ''); }}\n data-testid={`claude-session-rename-${session.id}`}\n aria-label={`Rename session ${session.id}`}\n >\n <Pencil size={14} aria-hidden />\n </Button>\n <Button\n variant=\"ghost\"\n onClick={() => setConfirmDelete((cur) => !cur)}\n data-testid={`claude-session-delete-${session.id}`}\n aria-label={`Delete session ${session.id}`}\n >\n <Trash2 size={14} aria-hidden />\n </Button>\n </Inline>\n </Inline>\n {confirmDelete && (\n <Inline gap={1} style={{ marginTop: 'var(--space-2)' }}>\n <Button variant=\"danger\" onClick={() => void remove()} data-testid={`claude-session-confirm-delete-${session.id}`}>\n Confirm delete\n </Button>\n <Button variant=\"ghost\" onClick={() => setConfirmDelete(false)} data-testid={`claude-session-cancel-delete-${session.id}`}>\n Cancel\n </Button>\n </Inline>\n )}\n </div>\n );\n}\n\nfunction NewSessionForm({\n onCreated,\n onCancel,\n}: {\n onCreated: (id: string) => void;\n onCancel: () => void;\n}): JSX.Element {\n const [title, setTitle] = useState<string>('');\n const [agent, setAgent] = useState<string>('general');\n const [prompt, setPrompt] = useState<string>('');\n const [directory, setDirectory] = useState<string>('');\n const [busy, setBusy] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n\n const submit = async (): Promise<void> => {\n if (!agent.trim() || !prompt.trim() || busy) return;\n setBusy(true);\n setError(null);\n try {\n const res = await fetchJson<{ id: string }>('/api/claude-sessions/new', {\n method: 'POST',\n body: {\n title: title.trim() || null,\n agent: agent.trim(),\n prompt: prompt.trim(),\n directory: directory.trim() || undefined,\n },\n });\n onCreated(res.id);\n } catch (err) {\n setError(err instanceof FetchError ? err.message : (err as Error).message);\n } finally {\n setBusy(false);\n }\n };\n\n return (\n <Stack gap={3} style={{ padding: 'var(--space-4)' }}>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Title (optional)</span>\n <Input\n value={title}\n data-testid=\"claude-sessions-new-title\"\n onChange={(e) => setTitle((e.target as HTMLInputElement).value)}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Agent</span>\n <Input\n value={agent}\n data-testid=\"claude-sessions-new-agent\"\n onChange={(e) => setAgent((e.target as HTMLInputElement).value)}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Seed prompt</span>\n <textarea\n value={prompt}\n rows={4}\n data-testid=\"claude-sessions-new-prompt\"\n onChange={(e) => setPrompt((e.target as HTMLTextAreaElement).value)}\n style={{\n background: 'var(--surface-0)',\n border: '1px solid var(--border)',\n borderRadius: 'var(--radius-md)',\n padding: 'var(--space-2)',\n color: 'var(--fg)',\n fontFamily: 'var(--font-sans)',\n fontSize: 'var(--fs-13)',\n resize: 'vertical',\n }}\n />\n </label>\n <label style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' }}>\n <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Working directory (optional)</span>\n <Input\n value={directory}\n data-testid=\"claude-sessions-new-directory\"\n onChange={(e) => setDirectory((e.target as HTMLInputElement).value)}\n />\n </label>\n {error !== null && (\n <span role=\"alert\" data-testid=\"claude-sessions-new-error\" style={{ color: 'var(--danger)', fontSize: 'var(--fs-12)' }}>\n {error}\n </span>\n )}\n <Inline justify=\"end\" gap={2}>\n <SheetClose asChild>\n <Button variant=\"ghost\" onClick={onCancel} data-testid=\"claude-sessions-new-cancel\">Cancel</Button>\n </SheetClose>\n <Button\n variant=\"primary\"\n onClick={() => void submit()}\n disabled={busy || !agent.trim() || !prompt.trim()}\n data-testid=\"claude-sessions-new-submit\"\n >\n Create\n </Button>\n </Inline>\n </Stack>\n );\n}"],"names":["ClaudeSessionDetail","sessionId","url","payload","useFetch","draft","setDraft","useState","agent","setAgent","busy","setBusy","error","setError","refresh","useCallback","messages","_a","send","text","fetchJson","err","FetchError","jsxs","Stack","Inline","jsx","Button","RefreshCcw","Card","CardBody","Skeleton","m","MessageBubble","Input","e","Send","ClaudeSessionsView","creating","setCreating","detailId","setDetailId","sessions","ViewHeader","Plus","EmptyState","MessageSquareText","s","SessionRow","Sheet","SheetContent","NewSessionForm","id","open","session","onRefresh","onOpen","renaming","setRenaming","title","setTitle","confirmDelete","setConfirmDelete","rename","resume","remove","Pencil","cur","Trash2","onCreated","onCancel","prompt","setPrompt","directory","setDirectory","submit","res","SheetClose"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,j as e}from"./cmdk-
|
|
1
|
+
import{r as s,j as e}from"./cmdk-DVxytz9i.js";import{u as k,S as h,I as f,d as n,h as y,$ as w,i as S,F as z}from"./main-CdOm1Pj9.js";import{V as E}from"./ViewHeader-BqIPVKuG.js";import{C as T,b as D}from"./Card-Tyboihu7.js";import{I as b}from"./Input-BbFUDQnS.js";import{T as C}from"./Textarea-qYDf3yds.js";import{S as R,a as $}from"./Sheet-DH-WNJ3Y.js";import{E as L}from"./EmptyState-DZ2ouKwd.js";import{R as F}from"./refresh-ccw-CHMprsm5.js";import{P as I}from"./plus-M6LYiKX8.js";import{E as P}from"./external-link-DA3_VGm-.js";import{T as U}from"./trash-2-CL4khSRv.js";function Q(){const l=k("/api/clipboard/list"),[v,r]=s.useState(!1),[x,o]=s.useState(null),[u,d]=s.useState(null),p=s.useMemo(()=>{var t;return((t=l.data)==null?void 0:t.clips)??[]},[l.data]),c=s.useCallback(()=>{l.refetch()},[l]),g=async t=>{d(null);try{await S(`/api/clipboard/${t}`,{method:"DELETE"}),o(null),c()}catch(i){d((i instanceof z,i.message))}};return e.jsxs(h,{gap:4,"data-testid":"clipboard-view",children:[e.jsx(E,{title:"Clipboard",description:"Saved clips. Each becomes a markdown note under clips/.",actions:e.jsxs(f,{align:"center",gap:2,children:[u!==null&&e.jsx("span",{role:"alert","data-testid":"clipboard-error",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:u}),e.jsxs(n,{variant:"ghost",onClick:()=>void c(),"data-testid":"clipboard-refresh",children:[e.jsx(F,{size:14,"aria-hidden":!0})," Refresh"]}),e.jsxs(n,{variant:"primary",onClick:()=>r(!0),"data-testid":"clipboard-add",children:[e.jsx(I,{size:14,"aria-hidden":!0})," Save clip"]})]})}),e.jsx(T,{variant:"default",children:e.jsx(D,{children:l.loading&&p.length===0?e.jsxs(h,{gap:1,children:[e.jsx(y,{style:{height:60}}),e.jsx(y,{style:{height:60}})]}):p.length===0?e.jsx(L,{icon:e.jsx(w,{size:28,"aria-hidden":!0}),title:"No saved clips",description:"Save one with a URL + content."}):e.jsx(h,{gap:1,children:p.map(t=>{const i=x===t.id;return e.jsxs("div",{"data-testid":`clipboard-row-${t.id}`,style:{padding:"var(--space-2)",border:"1px solid var(--border)",borderRadius:"var(--radius-sm)"},children:[e.jsxs(f,{align:"center",justify:"between",gap:2,children:[e.jsxs(h,{gap:0,style:{minWidth:0,flex:1},children:[e.jsxs(f,{align:"center",gap:2,children:[e.jsx("strong",{style:{fontSize:"var(--fs-13)"},children:t.title||t.id}),t.url&&e.jsxs("a",{href:t.url,target:"_blank",rel:"noreferrer",style:{fontSize:"var(--fs-11)",color:"var(--accent)"},children:[e.jsx(P,{size:10,"aria-hidden":!0,style:{verticalAlign:"middle"}})," ",t.url]}),t.savedAt&&e.jsx("span",{style:{fontSize:"var(--fs-11)",color:"var(--fg-subtle)"},children:t.savedAt})]}),(t.selection||t.content)&&e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:(t.selection||t.content||"").length>200?`${(t.selection||t.content||"").slice(0,200)}…`:t.selection||t.content})]}),e.jsx(n,{variant:"ghost",onClick:()=>o(m=>m===t.id?null:t.id),"data-testid":`clipboard-delete-${t.id}`,"aria-label":`Delete ${t.id}`,children:e.jsx(U,{size:14,"aria-hidden":!0})})]}),i&&e.jsxs(f,{gap:1,style:{marginTop:"var(--space-1)"},children:[e.jsx(n,{variant:"danger",onClick:()=>void g(t.id),"data-testid":`clipboard-confirm-delete-${t.id}`,children:"Confirm delete"}),e.jsx(n,{variant:"ghost",onClick:()=>o(null),children:"Cancel"})]})]},t.id)})})})}),e.jsx(R,{open:v,onOpenChange:r,children:e.jsx($,{side:"right",title:"Save clip",description:"URL or content required.",children:e.jsx(A,{onSubmit:async t=>{await S("/api/clipboard/save",{method:"POST",body:t}),r(!1),c()},onCancel:()=>r(!1)})})})]})}function A({onSubmit:l,onCancel:v}){const[r,x]=s.useState(""),[o,u]=s.useState(""),[d,p]=s.useState(""),[c,g]=s.useState(""),[t,i]=s.useState(!1),[m,j]=s.useState(null);return e.jsxs(h,{gap:3,style:{padding:"var(--space-4)"},children:[e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"URL (optional)"}),e.jsx(b,{value:r,onChange:a=>x(a.target.value),"data-testid":"clipboard-form-url"})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Title (optional)"}),e.jsx(b,{value:o,onChange:a=>u(a.target.value),"data-testid":"clipboard-form-title"})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Content"}),e.jsx(C,{value:d,rows:6,onChange:a=>p(a.target.value),"data-testid":"clipboard-form-content"})]}),e.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[e.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Selection (optional)"}),e.jsx(C,{value:c,rows:3,onChange:a=>g(a.target.value),"data-testid":"clipboard-form-selection"})]}),m!==null&&e.jsx("span",{role:"alert",style:{color:"var(--danger)",fontSize:"var(--fs-12)"},children:m}),e.jsxs(f,{justify:"end",gap:2,children:[e.jsx(n,{variant:"ghost",onClick:v,children:"Cancel"}),e.jsx(n,{variant:"primary",disabled:t||!r.trim()&&!d.trim(),"data-testid":"clipboard-form-submit",onClick:async()=>{i(!0),j(null);try{await l({url:r.trim()||void 0,title:o.trim()||void 0,content:d.trim()||void 0,selection:c.trim()||void 0})}catch(a){j((a instanceof z,a.message)),i(!1)}},children:t?"Saving…":"Save"})]})]})}export{Q as ClipboardView};
|