sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-04-27 15:17:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better session name

Browse source
This commit is contained in:
Peter Steinberger 2025-06-24 00:23:33 +02:00
parent 94fc980b0b
commit 24416d2c27
2 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/src/client/components/session-card.ts
View file

@ -204,6 +204,15 @@ export class SessionCard extends LitElement {
} }
render() { render() {
// Debug logging to understand what's in the session
if (!this.session.name) {
logger.warn('Session missing name', {
sessionId: this.session.id,
name: this.session.name,
command: this.session.command,
});
}
return html` return html`
<div <div
class="card cursor-pointer overflow-hidden flex flex-col h-full ${this.killing class="card cursor-pointer overflow-hidden flex flex-col h-full ${this.killing
@ -219,8 +228,8 @@ export class SessionCard extends LitElement {
class="flex justify-between items-center px-3 py-2 border-b border-dark-border bg-dark-bg-tertiary" class="flex justify-between items-center px-3 py-2 border-b border-dark-border bg-dark-bg-tertiary"
> >
<div class="text-xs font-mono pr-2 flex-1 min-w-0 text-accent-green"> <div class="text-xs font-mono pr-2 flex-1 min-w-0 text-accent-green">
<div class="truncate" title="${this.session.name || this.session.command}"> <div class="truncate" title="${this.session.name || this.session.command.join(' ')}">
${this.session.name || this.session.command} ${this.session.name || this.session.command.join(' ')}
</div> </div>
</div> </div>
${this.session.status === 'running' || this.session.status === 'exited' ${this.session.status === 'running' || this.session.status === 'exited'

10
web/src/client/components/session-view.ts
View file

@ -1073,9 +1073,15 @@ export class SessionView extends LitElement {
<div class="text-dark-text min-w-0 flex-1 overflow-hidden"> <div class="text-dark-text min-w-0 flex-1 overflow-hidden">
<div <div
class="text-accent-green text-xs sm:text-sm overflow-hidden text-ellipsis whitespace-nowrap" class="text-accent-green text-xs sm:text-sm overflow-hidden text-ellipsis whitespace-nowrap"
title="${this.session.name || this.session.command}" title="${this.session.name ||
(Array.isArray(this.session.command)
? this.session.command.join(' ')
: this.session.command)}"
> >
${this.session.name || this.session.command} ${this.session.name ||
(Array.isArray(this.session.command)
? this.session.command.join(' ')
: this.session.command)}
</div> </div>
<div class="text-xs opacity-75 mt-0.5"> <div class="text-xs opacity-75 mt-0.5">
<clickable-path .path=${this.session.workingDir} .iconSize=${12}></clickable-path> <clickable-path .path=${this.session.workingDir} .iconSize=${12}></clickable-path>