soja-cli 1.5.1 → 1.6.0

package/dist/ui/screens/WorkspacesScreen.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
+import { useState } from 'react';
 import { useAppState } from '../app-state.js';
 import { useFlows } from '../hooks/use-flows.js';
 import { useLayout } from '../hooks/use-layout.js';
@@ -14,6 +15,8 @@ import { Panel } from '../kit/Panel.js';
 import { ScreenFrame } from './ScreenFrame.js';
 export function WorkspacesScreen({ active }) {
     const { services, session } = useAppState();
+    const { invalidateQueries, run } = useAppState();
+    const [membersFocus, setMembersFocus] = useState(false);
     const { height, width } = useLayout();
     const data = useQuery(async () => {
         const [workspaces, members] = await Promise.all([
@@ -26,8 +29,31 @@ export function WorkspacesScreen({ active }) {
     const members = data.data?.members ?? [];
     const listRows = Math.max(3, Math.min(workspaces.length, height - 6 - Math.min(members.length, 8)));
     const list = useList(workspaces.length, listRows, true, Math.max(0, workspaces.findIndex((w) => w.id === session.workspace.id)));
+    const memberList = useList(Math.min(members.length, 10), Math.max(1, Math.min(members.length, 8)), membersFocus);
+    const isOwner = workspaces.find((workspace) => workspace.id === session.workspace.id)?.role === 'owner';
     const flows = useFlows();
     useKeys(Layer.screen, (input, key) => {
+        if (input === '\t') {
+            setMembersFocus((focused) => !focused);
+            return true;
+        }
+        if (membersFocus) {
+            if (memberList.handleKey(input, key))
+                return true;
+            if (key.escape) {
+                setMembersFocus(false);
+                return true;
+            }
+            const member = members[memberList.index];
+            if (input === 'd' && isOwner && member) {
+                void run(async () => {
+                    await services.workspaces.setDesignated(session, member.id, !member.designated);
+                    invalidateQueries([`workspaces:${session.workspace.id}`]);
+                }, `${member.designated ? 'Removed designate access from' : 'Designated'} @${member.username}`);
+                return true;
+            }
+            return false;
+        }
         if (list.handleKey(input, key))
             return true;
         if (key.ctrl || key.meta)
@@ -49,6 +75,8 @@ export function WorkspacesScreen({ active }) {
             ['enter', 'switch'],
             ['n', 'new workspace'],
             ['a', 'add developer'],
+            ['tab', 'members'],
+            ...(isOwner ? [['d', 'toggle designate']] : []),
             ['esc', 'back'],
         ], children: _jsxs(Box, { flexDirection: wide ? 'row' : 'column', gap: 1, children: [_jsx(Panel, { title: "Your workspaces", flexGrow: 1, children: workspaces.slice(list.offset, list.offset + listRows).map((workspace, position) => {
                         const index = list.offset + position;
@@ -56,7 +84,7 @@ export function WorkspacesScreen({ active }) {
                         const current = workspace.id === session.workspace.id;
                         const bg = selected ? { backgroundColor: palette.selection } : {};
                         return (_jsx(Clickable, { active: active, onClick: () => (selected ? void flows.switchWorkspace(workspace.id) : list.select(index)), children: _jsxs(Box, { gap: 1, flexGrow: 1, ...bg, children: [_jsx(Text, { color: palette.accent, children: selected ? symbols.pointer : ' ' }), _jsx(Text, { color: palette.text, bold: selected, wrap: "truncate-end", children: workspace.name }), _jsx(Text, { color: palette.muted, wrap: "truncate-end", children: `${workspace.slug} ${symbols.dot} ${workspace.role}` }), current ? _jsx(Badge, { tone: "success", children: "current" }) : null] }) }, workspace.id));
-                    }) }), _jsxs(Panel, { title: `Developers in ${session.workspace.name}`, aside: `${members.length}`, width: wide ? Math.floor(width * 0.45) : undefined, flexShrink: 0, children: [members.slice(0, 10).map((member) => (_jsxs(Box, { gap: 1, children: [_jsx(Text, { backgroundColor: palette.neutralSoft, color: palette.accent, bold: true, children: ` ${initials(member.displayName)} ` }), _jsx(Text, { color: palette.text, children: `@${member.username}` }), _jsx(Text, { color: palette.muted, wrap: "truncate-end", children: member.displayName }), member.role === 'owner' ? _jsx(Badge, { tone: "info", children: "owner" }) : null] }, member.id))), members.length > 10 ? _jsx(Text, { color: palette.faint, children: `${symbols.ellipsis} and ${members.length - 10} more` }) : null, _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: palette.faint, children: "a adds a developer" }) })] })] }) }));
+                    }) }), _jsxs(Panel, { title: `Developers in ${session.workspace.name}`, aside: `${members.length}`, width: wide ? Math.floor(width * 0.45) : undefined, flexShrink: 0, children: [members.slice(0, 10).map((member, index) => (_jsx(Clickable, { active: active, onClick: () => { memberList.select(index); setMembersFocus(true); }, children: _jsxs(Box, { gap: 1, flexGrow: 1, ...(membersFocus && index === memberList.index ? { backgroundColor: palette.selection } : {}), children: [_jsx(Text, { backgroundColor: palette.neutralSoft, color: palette.accent, bold: true, children: ` ${initials(member.displayName)} ` }), _jsx(Text, { color: palette.text, children: `@${member.username}` }), _jsx(Text, { color: palette.muted, wrap: "truncate-end", children: member.displayName }), member.role === 'owner' ? _jsx(Badge, { tone: "info", children: "owner" }) : null, member.designated && member.role !== 'owner' ? _jsx(Badge, { tone: "success", children: "designate" }) : null] }) }, member.id))), members.length > 10 ? _jsx(Text, { color: palette.faint, children: `${symbols.ellipsis} and ${members.length - 10} more` }) : null, _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: palette.faint, children: isOwner ? 'a add developer · tab focus members · d toggle designate' : 'a adds a developer' }) })] })] }) }));
 }
 function initials(name) {
     const parts = name.trim().split(/\s+/);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soja-cli",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Software Operations & Job Assistant",
   "author": "Enmauel.biz",
   "license": "SEE LICENSE IN LICENSE",