jay
/
pi-remote-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(statusbar): show cwd with home abbreviated to ~

This commit is contained in:
Yejun Su 2026-03-22 00:46:45 +08:00
parent 9207b3198a
commit 9e92201206
No known key found for this signature in database
GPG Key ID: AD03A563F321CA44
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
extensions/pi-remote-control/html.ts
View File

@ -69,6 +69,16 @@ return /* html */ `<!DOCTYPE html>
} }
#statusbar .dot.connected { background: var(--asst); } #statusbar .dot.connected { background: var(--asst); }
#statusbar .dot.streaming { background: var(--streaming); animation: pulse 1s infinite; } #statusbar .dot.streaming { background: var(--streaming); animation: pulse 1s infinite; }
#cwd-label {
font-family: "Menlo", "Monaco", "Consolas", monospace;
font-size: 11px;
color: var(--muted);
opacity: 0.8;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 55vw;
}
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } } @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
/* ── Messages ── */ /* ── Messages ── */
@ -377,6 +387,7 @@ return /* html */ `<!DOCTYPE html>
<div id="statusbar"> <div id="statusbar">
<div class="dot" id="dot"></div> <div class="dot" id="dot"></div>
<span id="conn-label">Connecting\u2026</span> <span id="conn-label">Connecting\u2026</span>
<span id="cwd-label"></span>
<span style="flex:1"></span> <span style="flex:1"></span>
</div> </div>
<div id="messages"></div> <div id="messages"></div>
@ -396,12 +407,14 @@ return /* html */ `<!DOCTYPE html>
tools: {}, tools: {},
streaming: false, streaming: false,
model: null, model: null,
cwd: null,
}; };
var $msgs = document.getElementById("messages"); var $msgs = document.getElementById("messages");
var $active = document.getElementById("active-tools"); var $active = document.getElementById("active-tools");
var $dot = document.getElementById("dot"); var $dot = document.getElementById("dot");
var $connLabel = document.getElementById("conn-label"); var $connLabel = document.getElementById("conn-label");
var $cwdLabel = document.getElementById("cwd-label");
var $prompt = document.getElementById("prompt"); var $prompt = document.getElementById("prompt");
var $sendBtn = document.getElementById("send-btn"); var $sendBtn = document.getElementById("send-btn");
@ -564,6 +577,8 @@ return /* html */ `<!DOCTYPE html>
$connLabel.textContent = connected $connLabel.textContent = connected
? (S.streaming ? "Agent working\u2026" : "Connected") ? (S.streaming ? "Agent working\u2026" : "Connected")
: "Disconnected \u2014 reconnecting\u2026"; : "Disconnected \u2014 reconnecting\u2026";
var cwd = connected && S.cwd ? S.cwd : null;
$cwdLabel.textContent = cwd || "";
$sendBtn.disabled = !connected; $sendBtn.disabled = !connected;
if (!connected) { if (!connected) {
$sendBtn.classList.remove("ready"); $sendBtn.classList.remove("ready");
@ -613,6 +628,7 @@ return /* html */ `<!DOCTYPE html>
S.msgs = msg.messages || []; S.msgs = msg.messages || [];
S.streaming = !!(msg.state && msg.state.isStreaming); S.streaming = !!(msg.state && msg.state.isStreaming);
S.model = msg.state && msg.state.model; S.model = msg.state && msg.state.model;
S.cwd = (msg.state && msg.state.cwd) || null;
S.pending = null; S.pending = null;
S.tools = {}; S.tools = {};
renderAll(); renderAll();

9
extensions/pi-remote-control/messages.ts
View File

@ -80,6 +80,13 @@ export function getBranchMessages(ctx: ExtensionContext): RenderMsg[] {
return out; return out;
} }
function abbreviateHome(p: string): string {
const home = process.env.HOME;
if (home && p === home) return "~";
if (home && p.startsWith(home + "/")) return "~" + p.slice(home.length);
return p;
}
export function buildSyncMessage(ctx: ExtensionContext): { export function buildSyncMessage(ctx: ExtensionContext): {
type: "sync"; type: "sync";
messages: RenderMsg[]; messages: RenderMsg[];
@ -96,7 +103,7 @@ export function buildSyncMessage(ctx: ExtensionContext): {
state: { state: {
isStreaming: !ctx.isIdle(), isStreaming: !ctx.isIdle(),
model: ctx.model?.id, model: ctx.model?.id,
cwd: ctx.cwd, cwd: abbreviateHome(ctx.cwd),
sessionName: ctx.sessionManager.getSessionName(), sessionName: ctx.sessionManager.getSessionName(),
}, },
}; };