From 62d431818ad7e78ddd61cf32acd449d8d8d72115 Mon Sep 17 00:00:00 2001
From: NPS Agent <npsagent@dash.naroomaplumbing.au>
Date: Tue, 12 May 2026 09:32:56 +0930
Subject: [PATCH] When a new user is added, it now gives them a column -- as
 well as when you remove a user it deletes their column and moves all tasks to
 ROD

---
 app.jsx        |  10 ++++++++--
 components.jsx |   6 +++++-
 dashy.db       | Bin 69632 -> 69632 bytes
 screens.jsx    |  22 +++++++++++-----------
 4 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/app.jsx b/app.jsx
index f5be8dc..e06a579 100644
--- a/app.jsx
+++ b/app.jsx
@@ -57,6 +57,10 @@ function App() {
 
   const { tasks, users: dbUsers, audit, loading } = useApiData(authed);
   const [tab, setTab] = React.useState('overview');
+
+  React.useEffect(() => {
+    window.dbUsers = dbUsers;
+  }, [dbUsers]);
   const [adding, setAdding] = React.useState(null);
   const [openTaskId, setOpenTaskId] = React.useState(null);
   const [showLogs, setShowLogs] = React.useState(false);
@@ -72,7 +76,7 @@ function App() {
   ]);
 
   if (!authed) {
-    return <LoginScreen onLogin={async (id, pwd) => {
+    return <LoginScreen dbUsers={dbUsers} onLogin={async (id, pwd) => {
       await api.login(id, pwd);
       setMeId(id);
       setAuthed(true);
@@ -200,6 +204,7 @@ function App() {
     <div className="app">
       <TopBar
         me={me}
+        dbUsers={dbUsers}
         isAdmin={isAdmin}
         tab={tab}
         setTab={setTab}
@@ -214,6 +219,7 @@ function App() {
         {tab === 'overview' && (
           <OverviewScreen
             tasks={frontendTasks} density={t.density}
+            dbUsers={dbUsers}
             onOpen={(task) => setOpenTaskId(task.id)}
             onAddFor={(uid) => setAdding(uid)}
             onMoveTask={moveTask}
@@ -228,7 +234,7 @@ function App() {
         )}
       </main>
 
-      <AddTaskModal open={!!adding} onClose={() => setAdding(null)} onSubmit={addTask} defaultAssignee={adding} me={me} />
+      <AddTaskModal open={!!adding} onClose={() => setAdding(null)} onSubmit={addTask} defaultAssignee={adding} me={me} dbUsers={dbUsers} />
       {mappedOpenTask && (
         <TaskDetail task={mappedOpenTask} allAudit={frontendAudit} onClose={() => setOpenTaskId(null)} onMove={moveTask} onPriority={setPriority} onComplete={() => completeTask(mappedOpenTask.id)} onReopen={() => reopenTask(mappedOpenTask.id)} onEditDesc={(newDesc) => editTaskDesc(mappedOpenTask.id, newDesc)} onDeleteTask={() => deleteTask(mappedOpenTask.id)} />
       )}
diff --git a/components.jsx b/components.jsx
index 5233254..d47d027 100644
--- a/components.jsx
+++ b/components.jsx
@@ -91,7 +91,11 @@ function fmtDateTime(iso) {
          ' · ' + d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
 }
 
-function findUser(id) { return USERS.find(u => u.id === id); }
+function findUser(id) { 
+  const live = window.dbUsers;
+  if (live) return live.find(u => u.id === id);
+  return USERS.find(u => u.id === id); 
+}
 
 function TaskCard({ task, onOpen, density = 'cozy', dragging = false, onDragStart, onDragEnd }) {
   const author = findUser(task.addedBy);
diff --git a/dashy.db b/dashy.db
index 8eb3b0c1e644c0df3114706ac9d6c7d43e0ed2c7..d665771c5ac6b6504ef3a2f80dd23ad198e420ae 100644
GIT binary patch
delta 1422
zcmZXTZD<>H9LFy<O_SXJ?%xpGP;FdpZEb4lcK>_G-9=?hyDeFp+Nn(N)#Y-RtZ`{l
zl5AbKKCFl^d|-w@Y~TY-QDJj?Q3ERK3mF3+h9JI}=nIkR6hT1=h;_d3lFLm@AaB0p
z^Znib$M5?+bJ2O`qVvUj9cQb9(~h%SsV(T}uQ8#MRPEW|si_B&<W&Ox4eRh%cndDl
zm+8B~=kO-|6O{trkRMTx(%tkBc>{g|mT))~o&+Oso+`rK6c1jd`alo$3S1@s0*?WK
z`WZUOZ-E9rgfCI+V4CJ=l|D=t;B)X2d6oVYzEA!F`fI0B0TOTIT^kt%>3S9^NxF-1
zXe!5YdX_V^SxfRPpUEg<cE*xvBuGe*r9+m?=#dC3X;Q+HiiCLG;KaBkWnGW3g3KRm
z!3I(cMU)R%Qp)gxE~Mv_{g&3Gh?quMZQ7D)L(|iWz)o4x94&LaA;wz&@`|1@iAhWH
zhRkzmgWFfz$UoCH-0K?mzy*5S^>I%HTqASdo8A+iA3bsEG|0OLUE?(4{(Y<3<-+49
z7M<?biEy<#?A}C9;9EH!z)!7}yN~5cB@KVSCe$j+dmK(MNIX)l&g?zn1I(^5f51P`
z#}h<FMM7GS7z$U(lq;c%Rz6l)$dyCpPircS)`BELA&!rVauh{s@s;y;wPtUhjykC{
zakyGd;{58LPI{RbsK)v{n?r!|&u)@^`0bMm&b(I0;r<m=W7dCg4EI8nfFHnj;N@0M
zzJp)GFX3nK8dPBcuECe#^Jb(ZhzsXj9{X{=TH)OJCHWrr6#~8qpP;wtOY{=0P`^>{
zQtMP4+y>Xd3m`_;$u~%i40ylrKJ67eUwM{2VfQWfl^WB#<W{9*55orny9iCS17jv7
zGQo-ytp$}RCu=LEVj*8Vnkzh>J6gyXp<E$0+c1udm_|EVZALlD3mDXc_s`8V(9uyw
zQ|;Jwpd5E$6*`zb_Hs`iYIw#THa&JWJ3L6fa05Cf?s!s(=9A`4j~(DnPXy2X5t_2^
zx;vCDmO@9$nbLnppNlugpaD&_gWonrGS80Z>p@O47ITHM<ECAd5(gVL2KhDBE=Y$B
zDLD2|5bxdT9z|T@K-0kc%;&Z$)M>!Jo%=9*+chjC_TRx<6;s;q2!=bM20SXorkgu7
zu4DJF4HlvzYh7omi8j`?yV-%F_H`vL8Ee`eG{0bXxYNes*XrT1nMo7%k2KJ9tKS_c
k%a@7<eycttiTfIKGm&=v+i0_Oib?-JkMCUvj)%Jb1<7Z9vj6}9

delta 373
zcmZozz|ydQWr8$g-b5K^#=MOQ8~GW9HY+Mr@NVvst#VSa<Edxh|Hc2A{|*0B{#?FQ
zd?Gxj_^<Ij<4xeX$s5SW%BReKe6n7Gh6%qvZ$7^guQAVDUQymT{58DK`B`{&^Uva~
z<1^xm=L_J=<L~BQ$#;T(2k#AjVcu`NCwW(IRuuTny}3T8m05+KO`D59gYOY<5_<{H
zA?{4BYg}cVPdME<7V+e8$gpYiDe@_9oXE^JS-UKkg-3?r&cul~HkXv^F>*F4@$d?J
zH*yP4ZmG>+F3L}t{GrxxvwP(<Cf3BtqWrwckE*R$_(T~3CQkI3oKy3SqfwuQN3gO~
zc=Cy|Vz7FLauZ$#zH$a01}NC9SofGwg`Yo<fqxhOCjM1W@89FU&VPabB>y4)JpNk#
z+5A2HJ;0E1<DVSg&$hXwe?ox_56=+>{-yk3e2@56@)ht|^1kKW##_hh&hwk+2+*@j
Mc(xzmVYFce0J@HJp#T5?

diff --git a/screens.jsx b/screens.jsx
index 7b1d26f..8b9117d 100644
--- a/screens.jsx
+++ b/screens.jsx
@@ -1,6 +1,6 @@
 // Screens for Dashy
 
-function LoginScreen({ onLogin }) {
+function LoginScreen({ onLogin, dbUsers = [] }) {
   const [pickedId, setPickedId] = React.useState('rod');
   const [password, setPassword] = React.useState('');
   const [error, setError] = React.useState('');
@@ -31,7 +31,7 @@ function LoginScreen({ onLogin }) {
         <p className="login__sub">Sign in to your team workspace · <span className="mono">murchison-auto</span></p>
 
         <div className="login__users">
-          {USERS.map(u => (
+          {dbUsers.map(u => (
             <button
               key={u.id}
               className={"login__user" + (pickedId === u.id ? " is-picked" : "")}
@@ -106,7 +106,7 @@ function BrandMark({ size = 22 }) {
   );
 }
 
-function TopBar({ me, isAdmin, tab, setTab, onAdd, onLogs, onLogout, onProfile, onDB }) {
+function TopBar({ me, dbUsers = [], isAdmin, tab, setTab, onAdd, onLogs, onLogout, onProfile }) {
   return (
     <header className="topbar">
       <div className="topbar__left">
@@ -117,7 +117,7 @@ function TopBar({ me, isAdmin, tab, setTab, onAdd, onLogs, onLogout, onProfile,
 
       <nav className="tabs" role="tablist">
         <Tab id="overview" label="Overview" tab={tab} setTab={setTab} />
-        {USERS.map(u => (
+        {dbUsers.map(u => (
           <Tab key={u.id} id={u.id} label={u.name} tab={tab} setTab={setTab} user={u} />
         ))}
       </nav>
@@ -189,14 +189,14 @@ function HeadsUp({ items, onDismiss, onOpenTask }) {
   );
 }
 
-function OverviewScreen({ tasks, onOpen, onAddFor, density, onMoveTask }) {
-  const byUser = Object.fromEntries(USERS.map(u => [u.id, []]));
+function OverviewScreen({ tasks, onOpen, onAddFor, density, onMoveTask, dbUsers = [] }) {
+  const byUser = Object.fromEntries(dbUsers.map(u => [u.id, []]));
   tasks.forEach(t => { if (byUser[t.assignee] && t.status !== 'closed') byUser[t.assignee].push(t); });
   const [draggingTask, setDraggingTask] = React.useState(null);
   const [dragOverCol, setDragOverCol] = React.useState(null);
   return (
     <div className="board">
-      {USERS.map(u => (
+      {dbUsers.map(u => (
         <Column
           key={u.id}
           user={u}
@@ -325,7 +325,7 @@ function Section({ title, sub, children }) {
   );
 }
 
-function AddTaskModal({ open, onClose, onSubmit, defaultAssignee, me }) {
+function AddTaskModal({ open, onClose, onSubmit, defaultAssignee, me, dbUsers = [] }) {
   const [title, setTitle] = React.useState('');
   const [desc, setDesc] = React.useState('');
   const [assignee, setAssignee] = React.useState(defaultAssignee || 'lani');
@@ -370,7 +370,7 @@ function AddTaskModal({ open, onClose, onSubmit, defaultAssignee, me }) {
           <div className="field">
             <span className="field__label">Assign to</span>
             <div className="picker">
-              {USERS.map(u => (
+              {dbUsers.map(u => (
                 <button
                   type="button"
                   key={u.id}
@@ -545,7 +545,7 @@ function TaskDetail({ task, allAudit = [], onClose, onMove, onPriority, onComple
 
           <Field label="Assigned to">
             <div className="picker">
-              {USERS.map(u => (
+              {dbUsers.map(u => (
                 <button key={u.id}
                   className={"picker__item" + (task.assignee === u.id ? " is-on" : "")}
                   onClick={() => onMove(task.id, u.id)}>
@@ -636,7 +636,7 @@ function AuditScreen({ entries, onOpen }) {
         <div className="audit__filter">
           <FilterChip on={filter==='all'} onClick={() => setFilter('all')}>All</FilterChip>
           <FilterChip on={filter==='system'} onClick={() => setFilter('system')}>System</FilterChip>
-          {USERS.map(u => (
+          {dbUsers.map(u => (
             <FilterChip key={u.id} on={filter===u.id} onClick={() => setFilter(u.id)}>
               <Avatar user={u} size={16} /> {u.name}
             </FilterChip>