-
-
- {
+ if (event.button === 1) event.preventDefault()
+ }}
+ onClick={(event) => props.onOpenSession(props.record.session, { background: isBackgroundOpen(event) })}
+ onAuxClick={(event) => {
+ if (!isBackgroundOpen(event)) return
+ event.preventDefault()
+ props.onOpenSession(props.record.session, { background: true })
+ }}
+ >
+
+
+
+
+
+
+ }
>
-
- setState("draft", event.currentTarget.value)}
+ onKeyDown={(event) => {
+ event.stopPropagation()
+ if (event.key === "Enter") {
+ event.preventDefault()
+ saveRename()
+ }
+ if (event.key === "Escape") {
+ event.preventDefault()
+ setState("editing", false)
+ }
+ }}
+ onBlur={saveRename}
+ />
+
+
+
+ }
- aria-label={props.language.t("common.archive")}
- onClick={(event) => {
- event.preventDefault()
- event.stopPropagation()
- void props.onArchiveSession(props.record.session)
+ icon={}
+ aria-label={language.t("common.moreOptions")}
+ aria-expanded={state.menuOpen || state.shareOpen}
+ ref={(element: HTMLButtonElement) => {
+ menuTrigger = element
}}
+ onPointerDown={(event) => event.stopPropagation()}
+ onClick={(event) => event.stopPropagation()}
/>
-
-
-
+ }
+ open={state.menuOpen}
+ onOpenChange={(open) => setState("menuOpen", open)}
+ onCloseAutoFocus={() => {
+ if (state.pendingRename) {
+ setState("pendingRename", false)
+ rename()
+ return true
+ }
+ if (!state.pendingShare) return false
+ requestAnimationFrame(() => {
+ setState("shareOpen", true)
+ setState("pendingShare", false)
+ })
+ return true
+ }}
+ shareEnabled={props.shareEnabled()}
+ onRename={() => {
+ setState("pendingRename", true)
+ setState("menuOpen", false)
+ }}
+ onShare={() => {
+ setState("pendingShare", true)
+ setState("menuOpen", false)
+ }}
+ onExport={() => props.onExportSession(props.record.session)}
+ onArchive={() => props.onArchiveSession(props.record.session)}
+ onDelete={() =>
+ dialog.show(() => (
+
props.onDeleteSession(props.record.session)}
+ />
+ ))
+ }
+ />
+ menuTrigger}
+ url={shareUrl()}
+ publishing={state.sharing}
+ unpublishing={state.unsharing}
+ onOpenChange={(open) => setState("shareOpen", open)}
+ onPublish={() => {
+ setState("sharing", true)
+ void props
+ .onShareSession(props.record.session)
+ .catch(() => {})
+ .finally(() => {
+ setState("sharing", false)
+ })
+ }}
+ onUnpublish={() => {
+ setState("unsharing", true)
+ void props
+ .onUnshareSession(props.record.session)
+ .catch(() => {})
+ .finally(() => {
+ setState("unsharing", false)
+ })
+ }}
+ onCopy={() => {
+ const url = shareUrl()
+ if (url) void navigator.clipboard.writeText(url)
+ }}
+ onView={() => {
+ const url = shareUrl()
+ if (url) window.open(url, "_blank", "noopener,noreferrer")
+ }}
+ />
+