pilotswarm 0.5.13 → 0.5.14

package/ui/core/src/selectors.js

@@ -32,6 +32,8 @@ export const ACTIVE_HIGHLIGHT_BACKGROUND = "activeHighlightBackground";
 export const ACTIVE_HIGHLIGHT_FOREGROUND = "activeHighlightForeground";
 const USER_CHAT_COLOR = "userChat";
 const USER_CHAT_LABEL_COLOR = "userChatLabel";
+// Speaker label for a message from another person in a shared session.
+const OTHER_PERSON_CHAT_LABEL_COLOR = "otherUserChatLabel";
 
 const totalDescendantCountsCache = new WeakMap();
 const visibleDescendantCountsCache = new WeakMap();
@@ -613,9 +615,13 @@ function buildSessionRowView(entry, session, state, totalDescendantCounts, visib
     const titleRuns = [...prefixRuns];
     // Owner chip — only when the list actually surfaces more than one human
     // owner (shouldDecorateSessionOwners). Otherwise it's noise on every row.
+    // Bracketed + bold so it reads as an owner badge, not part of the title.
+    // The current viewer's own sessions get a distinct color so "mine" pops.
     if (shouldDecorateSessionOwners(state) && !session?.isSystem && !session?.isGroup) {
         const initials = effectiveOwner ? ownerInitials(effectiveOwner) : "?";
-        titleRuns.push({ text: `${initials} · `, color: "cyan" });
+        const viewerKey = ownerKeyForOwner(state?.auth?.principal);
+        const isMine = viewerKey && ownerKeyForOwner(effectiveOwner) === viewerKey;
+        titleRuns.push({ text: `[${initials}] `, color: isMine ? "green" : "cyan", bold: true });
     }
     if (hasRealTitle) {
         titleRuns.push({ text: rawTitle, color: mainColor, bold: Boolean(session?.isSystem || session?.isGroup) });
@@ -682,6 +688,15 @@ function buildSessionRowView(entry, session, state, totalDescendantCounts, visib
         const childCount = totalDescendantCounts?.[session?.sessionId];
         if (childCount) { pushSep(); detailRuns.push({ text: `${childCount} child${childCount === 1 ? "" : "ren"}`, color: "gray" }); }
         if (cronBadge) { pushSep(); detailRuns.push({ text: cronBadge.text, color: cronBadge.color }); }
+        // Shared-session marker (security model): private needs no marker;
+        // shared_read/shared_write surface here in the selected-row details.
+        if (session?.visibility === "shared_read" || session?.visibility === "shared_write") {
+            pushSep();
+            detailRuns.push({
+                text: session.visibility === "shared_write" ? "shared·write" : "shared·read",
+                color: "magenta",
+            });
+        }
     }
 
     // Flat runs for the TUI: title + (for titled rows) dim age + context.
@@ -868,9 +883,11 @@ function buildPendingOutboxMessage(sessionId, item) {
         createdAt: Number(item.createdAt) || Date.now(),
         pendingPhase: item.phase === "cancelling"
             ? "cancelling"
-            : item.phase === "queued"
-                ? "queued"
-                : "pending",
+            : item.phase === "rejected"
+                ? "rejected"
+                : item.phase === "queued"
+                    ? "queued"
+                    : "pending",
     };
 }
 
@@ -1281,20 +1298,44 @@ function prefixRuns(text, color = "gray", options = {}) {
     }];
 }
 
-function buildChatMessagePrefix(message) {
+function buildChatMessagePrefix(message, options = {}) {
     const time = formatTimestamp(message?.createdAt || message?.time);
-    const roleLabel = message?.role === "user"
-        ? "You"
+    // A user.message is labeled from the CURRENT VIEWER's perspective: "You"
+    // for the viewer's own messages, the sender's name for anyone else. When
+    // the sender is the session owner, an "(owner)" tag is appended — so the
+    // viewing owner sees "You (owner):" and everyone else sees "Alice (owner):".
+    // A distinct color marks messages from other people.
+    const sender = message?.sender;
+    const senderKey = sender?.kind === "user" ? ownerKeyForOwner(sender) : null;
+    const viewerKey = options?.viewerKey || null;
+    const ownerKey = options?.ownerKey || null;
+    // Only distinguish speakers / show the owner tag in a SHARED session — a
+    // private solo session stays plain "You" / "Agent" (no noise).
+    const sharedContext = options?.sharedContext === true;
+    const isUser = message?.role === "user";
+    const isSelf = isUser && senderKey && viewerKey && senderKey === viewerKey;
+    const fromOtherPerson = sharedContext && isUser && senderKey && !isSelf;
+    // Owner tag: the sender is the session owner (or, for a sender-less own
+    // message, the viewer themselves is the owner).
+    const senderIsOwner = sharedContext && isUser && ownerKey && (
+        (senderKey && senderKey === ownerKey)
+        || (!senderKey && viewerKey && viewerKey === ownerKey)
+    );
+    const ownerSuffix = senderIsOwner ? " (owner)" : "";
+
+    const roleLabel = isUser
+        ? ((fromOtherPerson ? (sender.display || sender.subject || "User") : "You") + ownerSuffix)
         : message?.role === "assistant"
             ? "Agent"
             : message?.role === "system"
                 ? "System"
                 : "PilotSwarm";
 
-    // 3-state delivery glyph for user messages:
+    // Delivery glyph for user messages:
     //   ○   pending  — client outbox, not yet durable
     //   ✓   queued   — durably enqueued, waiting for orchestration to drain
     //   x   cancelling — durable cancel requested, waiting for runtime outcome
+    //   x   rejected — server refused the send (authz); auto-dropped shortly
     //   ✓✓  sent     — persisted as user.message in CMS, LLM has it
     let glyph = null;
     let glyphColor = null;
@@ -1304,7 +1345,7 @@ function buildChatMessagePrefix(message) {
     } else if (message?.pendingPhase === "queued") {
         glyph = "✓";
         glyphColor = "cyan";
-    } else if (message?.pendingPhase === "cancelling") {
+    } else if (message?.pendingPhase === "cancelling" || message?.pendingPhase === "rejected") {
         glyph = "x";
         glyphColor = "red";
     } else if (message?.role === "user" && !message?.optimistic && !message?.pendingPhase) {
@@ -1324,8 +1365,10 @@ function buildChatMessagePrefix(message) {
         ? "yellow"
         : message?.pendingPhase === "queued"
             ? "cyan"
-            : message?.pendingPhase === "cancelling"
+            : message?.pendingPhase === "cancelling" || message?.pendingPhase === "rejected"
                 ? "red"
+            : fromOtherPerson
+                ? OTHER_PERSON_CHAT_LABEL_COLOR
             : message?.role === "user"
                 ? USER_CHAT_LABEL_COLOR
         : message?.role === "assistant"
@@ -1907,7 +1950,7 @@ function buildChatMessageLines(message, maxWidth, options = {}) {
             ? "red"
             : message?.role === "user" ? USER_CHAT_COLOR : null,
     );
-    const prefix = options.skipPrefix ? [] : buildChatMessagePrefix(message);
+    const prefix = options.skipPrefix ? [] : buildChatMessagePrefix(message, options);
 
     if (tintedMarkdownLines.length === 0) {
         return prefix.length > 0 ? [prefix] : [];
@@ -2120,7 +2163,26 @@ export function selectChatLines(state, maxWidth = 80, options = {}) {
         return [{ text: "No messages yet.", color: "gray" }];
     }
 
-    const buildOptions = options?.tableMode ? { tableMode: options.tableMode } : {};
+    // The current viewer's identity key — a user.message whose sender differs
+    // is labeled with the sender's name (others) vs "You" (the viewer). The
+    // session owner's messages additionally carry an "(owner)" tag.
+    const viewerKey = ownerKeyForOwner(state?.auth?.principal);
+    const activeSessionId = state?.sessions?.activeSessionId;
+    const activeSession = activeSessionId ? state?.sessions?.byId?.[activeSessionId] : null;
+    const ownerKey = ownerKeyForOwner(activeSession?.owner);
+    // A shared context = the session is shared deployment-wide, or the viewer
+    // is not its owner (someone shared it with them). Only then does the
+    // transcript name speakers and tag the owner.
+    const sharedContext = Boolean(activeSession && (
+        (activeSession.visibility && activeSession.visibility !== "private")
+        || (ownerKey && viewerKey && ownerKey !== viewerKey)
+    ));
+    const buildOptions = {
+        ...(options?.tableMode ? { tableMode: options.tableMode } : {}),
+        ...(viewerKey ? { viewerKey } : {}),
+        ...(ownerKey ? { ownerKey } : {}),
+        ...(sharedContext ? { sharedContext: true } : {}),
+    };
     const lines = [];
     for (const [index, message] of messages.entries()) {
         const messageLines = buildChatMessageLines(message, maxWidth, buildOptions);
@@ -2145,10 +2207,12 @@ export function selectOutboxOverlayLines(state, maxWidth = 80, options = {}) {
     const queuedCount = messages.filter((message) => message.pendingPhase === "queued").length;
     const pendingCount = messages.filter((message) => message.pendingPhase === "pending").length;
     const cancellingCount = messages.filter((message) => message.pendingPhase === "cancelling").length;
+    const rejectedCount = messages.filter((message) => message.pendingPhase === "rejected").length;
     const parts = [];
     if (pendingCount > 0) parts.push(`${pendingCount} pending`);
     if (queuedCount > 0) parts.push(`${queuedCount} queued`);
     if (cancellingCount > 0) parts.push(`${cancellingCount} cancelling`);
+    if (rejectedCount > 0) parts.push(`${rejectedCount} rejected`);
     const label = parts.length > 0 ? parts.join(" · ") : "queued prompts";
     const labelText = ` queued prompts: ${label} `;
     const rightRule = Math.max(1, safeWidth - labelText.length);
@@ -2969,6 +3033,12 @@ export function selectStatusBar(state) {
             right: "type title · left/right move · enter save · esc cancel",
         };
     }
+    if (state.ui.modal?.type === "shareSession") {
+        return {
+            left: "Share the selected session",
+            right: "name [r|w] grants · -name revokes · enter apply · esc close",
+        };
+    }
     if (state.ui.modal?.type === "artifactPicker") {
         return {
             left: "Select a linked artifact or URL",
@@ -3040,7 +3110,7 @@ export function selectStatusBar(state) {
     const chatViewMode = state.ui?.chatViewMode === "summary" ? "summary" : "transcript";
     const chatViewHint = chatViewMode === "summary" ? "s transcript" : "s summary";
     const hints = {
-        [FOCUS_REGIONS.SESSIONS]: `up/down switch · ctrl-u/ctrl-d page · ctrl-g move group · f filter · P pin · V select · d done · D delete · r refresh · t title · ${fullscreenHint} · [/] resize pane · {/} columns · T themes · ? help · a linked items · drag copy · tab next pane · p prompt`,
+        [FOCUS_REGIONS.SESSIONS]: `up/down switch · ctrl-u/ctrl-d page · ctrl-g move group · f filter · P pin · V select · d done · D delete · r refresh · t title · v visibility · S share · [/] resize pane · {/} columns · T themes · ? help · a linked items · drag copy · tab next pane · p prompt`,
         [FOCUS_REGIONS.CHAT]: `${chatViewHint} · j/k scroll · ctrl-u/ctrl-d page · e older history · g/G top/bottom · d done · ${fullscreenHint} · [/] resize pane · {/} columns · T themes · ? help · a linked items · drag copy · tab next pane · p prompt`,
         [FOCUS_REGIONS.INSPECTOR]: state.ui.inspectorTab === "logs"
             ? `j/k scroll · ctrl-u/ctrl-d page · g/G top/bottom · d done · t tail · f filter · ${fullscreenHint} · left/right tab · [/] resize pane · {/} columns · T themes · ? help · a linked items · drag copy · tab next pane`
@@ -4324,6 +4394,59 @@ export function selectRenameSessionModal(state, maxWidth = 76) {
     };
 }
 
+export function selectShareSessionModal(state, maxWidth = 76) {
+    const modal = state.ui.modal;
+    if (!modal || modal.type !== "shareSession") return null;
+
+    const value = String(modal.value || "");
+    const shares = Array.isArray(modal.shares) ? modal.shares : [];
+    const detailsLines = [
+        [{
+            text: "General: ",
+            color: "gray",
+        }, {
+            text: String(modal.visibility || "private"),
+            color: "white",
+            bold: true,
+        }],
+        ...(shares.length === 0
+            ? [[{ text: "No individual grants.", color: "gray" }]]
+            : shares.map((row) => [{
+                text: `${row.displayName || row.subject}  `,
+                color: "white",
+            }, {
+                text: `can ${row.access}`,
+                color: "gray",
+            }])),
+    ];
+
+    return {
+        title: modal.title || "Share Session",
+        value,
+        cursorIndex: Math.max(0, Math.min(Number(modal.cursorIndex) || 0, value.length)),
+        placeholder: "Name, email, or id",
+        helpTitle: "Share Rules",
+        helpLines: [
+            [{
+                text: "name-or-email [r|w] grants · -name revokes · Enter apply · Esc close",
+                color: "gray",
+            }],
+            [{
+                text: "Grantee needn't have signed in — an email grant binds at their first sign-in.",
+                color: "gray",
+            }],
+        ],
+        detailsLines,
+        idealWidth: Math.min(
+            Math.max(
+                56,
+                ...detailsLines.map((line) => flattenRunsLength(line) + 6),
+            ),
+            maxWidth,
+        ),
+    };
+}
+
 export function selectSessionGroupNameModal(state, maxWidth = 76) {
     const modal = state.ui.modal;
     if (!modal || modal.type !== "sessionGroupName") return null;
@@ -5825,7 +5948,7 @@ const KEYBINDING_HELP = [
         ["p", "focus the prompt"],
         ["[  ]", "shrink / grow the focused pane"],
         ["{  }", "grow left / right column"],
-        ["v", "fullscreen the focused pane"],
+        ["v", "fullscreen the focused pane (sessions pane: cycle visibility)"],
         ["n / r", "new session / refresh"],
         ["a", "linked items — artifacts to download, links to open"],
         ["m", "cycle inspector tab"],
@@ -5843,6 +5966,8 @@ const KEYBINDING_HELP = [
         ["+ / -", "expand / collapse subtree"],
         ["t", "rename"],
         ["P", "pin / unpin"],
+        ["v", "cycle visibility (private / shared read / shared write)"],
+        ["S", "share — grant / revoke individual access"],
         ["V / space", "select mode / toggle selection"],
         ["f", "filter"],
     ] },

package/ui/core/src/themes/helpers.js

@@ -57,6 +57,10 @@ export function createTheme({ id, label, description, page, terminal, tui = {} }
         cyan: terminal?.cyan || "#55ffff",
         userChat: "#ffd866",
         userChatLabel: "#ffec99",
+        // Speaker label for a message from ANOTHER person in a shared session
+        // (distinct from the viewer's gold "You", the agent's green, and
+        // System's yellow). Every theme inherits this; a theme may override it.
+        otherUserChatLabel: terminal?.brightMagenta || terminal?.magenta || "#c9a3ff",
         activeHighlightBackground: terminal?.blue || "#5555ff",
         activeHighlightForeground: terminal?.background || "#000000",
         selectionBackground: terminal?.cursor || terminal?.blue || "#5555ff",

package/ui/react/src/components.js

@@ -25,6 +25,7 @@ import {
     selectContextTierPickerModal,
     selectRenameSessionModal,
     selectSessionAgentPickerModal,
+    selectShareSessionModal,
     selectSessionGroupNameModal,
     selectSessionGroupPickerModal,
     selectSessionOwnerFilterModal,
@@ -138,8 +139,30 @@ function formatProcessRssTitleRuns(rssBytes) {
     ];
 }
 
-function buildSessionTitleRightRuns(rssRuns, versionLabel = null) {
-    const titleRuns = [...(Array.isArray(rssRuns) ? rssRuns : [])];
+// The signed-in identity shown in the sessions header. Admins are marked with
+// a leading "(*)" so an operator can tell at a glance they hold elevated rights.
+function formatSignedInIdentityLabel(auth) {
+    const principal = auth?.principal;
+    if (!principal) return null;
+    const base = principal.displayName || principal.email || principal.subject || null;
+    if (!base) return null;
+    const isAdmin = auth?.authorization?.role === "admin"
+        || (Array.isArray(principal.roles) && principal.roles.includes("admin"));
+    return isAdmin ? `(*) ${base}` : base;
+}
+
+function buildSessionTitleRightRuns(rssRuns, versionLabel = null, identityLabel = null) {
+    const titleRuns = [];
+    // Signed-in identity (multi-user deployments) sits left of the rss gauge
+    // so it's always visible without giving up a whole line.
+    const normalizedIdentityLabel = typeof identityLabel === "string" ? identityLabel.trim() : "";
+    if (normalizedIdentityLabel) {
+        titleRuns.push({ text: normalizedIdentityLabel, color: "yellow", bold: true });
+    }
+    if (Array.isArray(rssRuns) && rssRuns.length > 0) {
+        if (titleRuns.length > 0) titleRuns.push({ text: "  ", color: "gray" });
+        titleRuns.push(...rssRuns);
+    }
     const normalizedVersionLabel = typeof versionLabel === "string" ? versionLabel.trim() : "";
     if (!normalizedVersionLabel) return titleRuns.length > 0 ? titleRuns : null;
     if (titleRuns.length > 0) {
@@ -269,16 +292,19 @@ function buildWorkspacePaneFrames(layout) {
 const SessionList = React.memo(function SessionList({ controller, maxRows, width, height, frame, versionLabel = null }) {
     const platform = useUiPlatform();
     const rssTitleRuns = useProcessRssTitleRuns();
-    const titleRightRuns = React.useMemo(
-        () => buildSessionTitleRightRuns(rssTitleRuns, versionLabel),
-        [rssTitleRuns, versionLabel],
-    );
     const sessionView = useControllerSelector(controller, (state) => ({
         sessions: state.sessions,
         mode: state.connection?.mode || "local",
         brandingTitle: state.branding?.title || "PilotSwarm",
         focused: state.ui.focusRegion === "sessions",
+        // Who am I signed in as (null on identity-less/local deployments);
+        // admins are prefixed with "(*)".
+        identityLabel: formatSignedInIdentityLabel(state.auth),
     }), shallowEqualObject);
+    const titleRightRuns = React.useMemo(
+        () => buildSessionTitleRightRuns(rssTitleRuns, versionLabel, sessionView.identityLabel),
+        [rssTitleRuns, versionLabel, sessionView.identityLabel],
+    );
     const selectorState = React.useMemo(() => ({
         sessions: sessionView.sessions,
         connection: { mode: sessionView.mode },
@@ -320,6 +346,9 @@ const ChatPane = React.memo(function ChatPane({ controller, width, height, frame
             activeSession: activeSessionId ? state.sessions.byId[activeSessionId] || null : null,
             activeHistory: activeSessionId ? state.history.bySessionId.get(activeSessionId) || null : null,
             activeOutbox: activeSessionId ? state.outbox?.bySessionId?.[activeSessionId] || null : null,
+            // Viewer identity — so the transcript can say "You" for the viewer's
+            // own messages (and tag the owner) in shared sessions.
+            authPrincipal: state.auth?.principal || null,
             branding: state.branding,
             connectionError: state.connection.error,
             connectionMode: state.connection.mode,
@@ -336,6 +365,7 @@ const ChatPane = React.memo(function ChatPane({ controller, width, height, frame
         }
         return {
             branding: chatView.branding,
+            auth: { principal: chatView.authPrincipal },
             connection: {
                 error: chatView.connectionError,
                 mode: chatView.connectionMode,
@@ -365,6 +395,7 @@ const ChatPane = React.memo(function ChatPane({ controller, width, height, frame
         chatView.activeSessionId,
         chatView.activeSession,
         chatView.activeOutbox,
+        chatView.authPrincipal,
         chatView.branding,
         chatView.chatViewMode,
         chatView.connectionError,
@@ -1420,6 +1451,63 @@ function RenameSessionModalContainer({ controller }) {
     return React.createElement(RenameSessionModal, { state });
 }
 
+function ShareSessionModal({ state }) {
+    const platform = useUiPlatform();
+    const modal = selectShareSessionModal(state);
+    if (!modal) return null;
+
+    const viewport = typeof platform.getViewport === "function"
+        ? platform.getViewport()
+        : { width: 120, height: 40 };
+    const width = Math.max(56, Math.min(modal.idealWidth || 72, (viewport.width || 120) - 12));
+    const detailsHeight = Math.max(6, Math.min((modal.detailsLines?.length || 0) + 2, 14, (viewport.height || 40) - 14));
+    const helpHeight = Math.max(4, Math.min(5, (viewport.height || 40) - detailsHeight - 8));
+
+    return React.createElement(platform.Overlay, null,
+        React.createElement(platform.Column, { width },
+            React.createElement(platform.Panel, {
+                title: modal.title,
+                color: "cyan",
+                focused: false,
+                width,
+                height: detailsHeight,
+                lines: modal.detailsLines,
+                scrollOffset: 0,
+                scrollMode: "top",
+                marginBottom: 1,
+                fillColor: "surface",
+            }),
+            React.createElement(platform.Input, {
+                label: "grant",
+                value: modal.value,
+                cursorIndex: modal.cursorIndex,
+                focused: true,
+                placeholder: modal.placeholder,
+                rows: 1,
+            }),
+            React.createElement(platform.Panel, {
+                title: modal.helpTitle || "Share Rules",
+                color: "cyan",
+                focused: false,
+                width,
+                height: helpHeight,
+                lines: modal.helpLines,
+                scrollOffset: 0,
+                scrollMode: "top",
+                fillColor: "surface",
+            }),
+        ));
+}
+
+function ShareSessionModalContainer({ controller }) {
+    const state = useControllerSelector(controller, (rootState) => ({
+        ui: {
+            modal: rootState.ui.modal,
+        },
+    }), shallowEqualObject);
+    return React.createElement(ShareSessionModal, { state });
+}
+
 function ArtifactUploadModal({ state }) {
     const platform = useUiPlatform();
     const modal = selectArtifactUploadModal(state);
@@ -2106,6 +2194,7 @@ export function SharedPilotSwarmApp({ controller, versionLabel = null }) {
         React.createElement(StatusBar, { controller }),
         React.createElement(PromptBar, { controller, rows: layoutState.promptRows }),
         React.createElement(RenameSessionModalContainer, { controller }),
+        React.createElement(ShareSessionModalContainer, { controller }),
         React.createElement(ArtifactUploadModalContainer, { controller }),
         React.createElement(ArtifactPickerModalContainer, { controller }),
         React.createElement(HelpModalContainer, { controller }),