From 8c41ca05c68b3bcdf05c68e6a8d726559b353d71 Mon Sep 17 00:00:00 2001
From: Hugo <exo-ops@proton.me>
Date: Sat, 18 Apr 2026 12:54:53 +0200
Subject: [PATCH] fix: improved ssr

---
 packages/app/test-results/.last-run.json      |  4 ---
 .../src/ui/pages/feature-request.tsx          | 27 +++++++++----------
 packages/kanban/src/ui/pages/board.tsx        | 20 +++++++-------
 packages/kanban/src/ui/pages/settings.tsx     |  6 ++---
 packages/kanban/src/ui/pages/task.tsx         | 24 ++++++++---------
 5 files changed, 37 insertions(+), 44 deletions(-)
 delete mode 100644 packages/app/test-results/.last-run.json

diff --git a/packages/app/test-results/.last-run.json b/packages/app/test-results/.last-run.json
deleted file mode 100644
index cbcc1fb..0000000
--- a/packages/app/test-results/.last-run.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "status": "passed",
-  "failedTests": []
-}
\ No newline at end of file
diff --git a/packages/feature-requests/src/ui/pages/feature-request.tsx b/packages/feature-requests/src/ui/pages/feature-request.tsx
index 579ea63..1141d7e 100644
--- a/packages/feature-requests/src/ui/pages/feature-request.tsx
+++ b/packages/feature-requests/src/ui/pages/feature-request.tsx
@@ -2,7 +2,7 @@ import { useSignal, useComputed, batch } from "@preact/signals";
 import { auth } from "@exosphere/client/auth";
 import { useLocation, useRoute, spherePath } from "@exosphere/client/router";
 import { Link } from "@exosphere/client/link";
-import { useCanDo } from "@exosphere/client/permissions";
+import { canDo } from "@exosphere/client/permissions";
 import { useQuery } from "@exosphere/client/hooks";
 import * as ui from "@exosphere/client/ui.css";
 import * as frUi from "../ui.css.ts";
@@ -564,10 +564,10 @@ export function FeatureRequestPage() {
     }
   }, [votesQuery.data]);
 
-  const canComment = useCanDo("feature-requests", "comment");
-  const canModerate = useCanDo("feature-requests", "moderate");
-  const canChangeStatus = useCanDo("feature-requests", "changeStatus");
-  const canMarkDuplicate = useCanDo("feature-requests", "markDuplicate");
+  const canComment = canDo("feature-requests", "comment");
+  const canModerate = canDo("feature-requests", "moderate");
+  const canChangeStatus = canDo("feature-requests", "changeStatus");
+  const canMarkDuplicate = canDo("feature-requests", "markDuplicate");
 
   const availableLabels = useSignal<LabelData[]>([]);
   const localLabelIds = useSignal<string[] | null>(null);
@@ -575,7 +575,7 @@ export function FeatureRequestPage() {
 
   const fr = data?.featureRequest;
   const isAuthor = currentDid != null && currentDid === fr?.authorDid;
-  const canEditLabels = canChangeStatus.value || isAuthor;
+  const canEditLabels = canChangeStatus || isAuthor;
 
   useEffect(() => {
     if (canEditLabels) {
@@ -689,19 +689,19 @@ export function FeatureRequestPage() {
                   onVote={toggleVote}
                   onUnvote={toggleVote}
                   statusSlot={
-                    canChangeStatus.value || currentDid === fr.authorDid || canModerate.value ? (
+                    canChangeStatus || currentDid === fr.authorDid || canModerate ? (
                       <div class={ui.cluster}>
                         {currentDid === fr.authorDid && (
                           <button class={ui.buttonDangerInline} onClick={handleDelete}>
                             Delete
                           </button>
                         )}
-                        {canModerate.value && currentDid !== fr.authorDid && (
+                        {canModerate && currentDid !== fr.authorDid && (
                           <button class={ui.buttonDangerInline} onClick={handleHide}>
                             Hide
                           </button>
                         )}
-                        {canChangeStatus.value ? (
+                        {canChangeStatus ? (
                           <select
                             class={frUi.sortSelect}
                             value={fr.status}
@@ -755,8 +755,8 @@ export function FeatureRequestPage() {
               commentCount={fr.commentCount}
               status={fr.status}
               isAuthenticated={isAuthenticated}
-              canComment={canComment.value}
-              canModerate={canModerate.value}
+              canComment={canComment}
+              canModerate={canModerate}
               currentDid={currentDid}
               currentHandle={currentHandle}
             />
@@ -769,14 +769,13 @@ export function FeatureRequestPage() {
               authorHandle={fr.authorHandle ?? null}
             />
 
-            {((currentDid === fr.authorDid || canMarkDuplicate.value) &&
-              fr.status === "requested") ||
+            {((currentDid === fr.authorDid || canMarkDuplicate) && fr.status === "requested") ||
             data.duplicateCount > 0 ? (
               <MergedRequestsSection
                 requestId={fr.id}
                 duplicateCount={data.duplicateCount}
                 canMerge={
-                  (currentDid === fr.authorDid || canMarkDuplicate.value) &&
+                  (currentDid === fr.authorDid || canMarkDuplicate) &&
                   data.duplicateCount === 0 &&
                   fr.status === "requested"
                 }
diff --git a/packages/kanban/src/ui/pages/board.tsx b/packages/kanban/src/ui/pages/board.tsx
index 9764bc6..0ab6277 100644
--- a/packages/kanban/src/ui/pages/board.tsx
+++ b/packages/kanban/src/ui/pages/board.tsx
@@ -1,7 +1,7 @@
 import { useSignal } from "@preact/signals";
 import { useEffect, useRef } from "preact/hooks";
 import { auth } from "@exosphere/client/auth";
-import { useCanDo } from "@exosphere/client/permissions";
+import { canDo } from "@exosphere/client/permissions";
 import { useQuery } from "@exosphere/client/hooks";
 import { ssrPageData } from "@exosphere/client/ssr-data";
 import { spherePath } from "@exosphere/client/router";
@@ -48,11 +48,11 @@ export function BoardPage() {
   }
 
   const isAuthenticated = auth.value.authenticated;
-  const canCreate = useCanDo("kanban", "create");
-  const canChangeStatus = useCanDo("kanban", "changeStatus");
-  const canManageSettings = useCanDo("kanban", "manageSettings");
+  const canCreate = canDo("kanban", "create");
+  const canChangeStatus = canDo("kanban", "changeStatus");
+  const canManageSettings = canDo("kanban", "manageSettings");
 
-  const dnd = useBoardDnd(tasksByColumn, isAuthenticated && canChangeStatus.value);
+  const dnd = useBoardDnd(tasksByColumn, isAuthenticated && canChangeStatus);
 
   const openForm = (status?: string) => {
     formInitialStatus.value = status;
@@ -70,12 +70,12 @@ export function BoardPage() {
         <div class={kbUi.titleRow}>
           <h1 class={ui.pageTitle}>Flux</h1>
           <div class={kbUi.titleRowActions}>
-            {isAuthenticated && canManageSettings.value && (
+            {isAuthenticated && canManageSettings && (
               <Link href={spherePath("/flux/settings")} class={kbUi.iconBtn} title="Flux settings">
                 <Settings size={18} />
               </Link>
             )}
-            {isAuthenticated && canCreate.value && (
+            {isAuthenticated && canCreate && (
               <button class={ui.button} onClick={() => openForm()}>
                 New task
               </button>
@@ -127,7 +127,7 @@ export function BoardPage() {
                 status={col.slug}
                 title={col.label}
                 tasks={tasksByColumn.value[col.slug] ?? []}
-                canDrag={isAuthenticated && canChangeStatus.value}
+                canDrag={isAuthenticated && canChangeStatus}
                 draggedTaskId={dnd.dragState.value?.taskId}
                 dropTarget={dnd.dropTarget}
                 onDragOver={dnd.onColumnDragOver(col.slug)}
@@ -135,9 +135,7 @@ export function BoardPage() {
                 onDrop={dnd.onColumnDrop(col.slug)}
                 onCardDragStart={dnd.onDragStart}
                 onCardDragEnd={dnd.onDragEnd}
-                onAddTask={
-                  isAuthenticated && canCreate.value ? () => openForm(col.slug) : undefined
-                }
+                onAddTask={isAuthenticated && canCreate ? () => openForm(col.slug) : undefined}
               />
             ))}
           </div>
diff --git a/packages/kanban/src/ui/pages/settings.tsx b/packages/kanban/src/ui/pages/settings.tsx
index 5a526d0..3f2d457 100644
--- a/packages/kanban/src/ui/pages/settings.tsx
+++ b/packages/kanban/src/ui/pages/settings.tsx
@@ -1,6 +1,6 @@
 import { useEffect } from "preact/hooks";
 import { auth } from "@exosphere/client/auth";
-import { useCanDo } from "@exosphere/client/permissions";
+import { canDo } from "@exosphere/client/permissions";
 import { spherePath } from "@exosphere/client/router";
 import { Link } from "@exosphere/client/link";
 import { useQuery } from "@exosphere/client/hooks";
@@ -11,7 +11,7 @@ import { ColumnManager } from "../components/column-manager.tsx";
 
 export function BoardSettingsPage() {
   const isAuthenticated = auth.value.authenticated;
-  const canManageSettings = useCanDo("kanban", "manageSettings");
+  const canManageSettings = canDo("kanban", "manageSettings");
 
   const prefetched = ssrPageData.peek()?.["kanban-columns"] as
     | Awaited<ReturnType<typeof getColumns>>
@@ -27,7 +27,7 @@ export function BoardSettingsPage() {
     prefetched ? { initialData: prefetched } : undefined,
   );
 
-  if (!isAuthenticated || !canManageSettings.value) {
+  if (!isAuthenticated || !canManageSettings) {
     return (
       <div class={ui.container}>
         <div class={ui.section}>
diff --git a/packages/kanban/src/ui/pages/task.tsx b/packages/kanban/src/ui/pages/task.tsx
index ce7c2b3..ec05e97 100644
--- a/packages/kanban/src/ui/pages/task.tsx
+++ b/packages/kanban/src/ui/pages/task.tsx
@@ -2,7 +2,7 @@ import { useSignal, batch } from "@preact/signals";
 import { auth } from "@exosphere/client/auth";
 import { useLocation, useRoute, spherePath } from "@exosphere/client/router";
 import { Link } from "@exosphere/client/link";
-import { useCanDo } from "@exosphere/client/permissions";
+import { canDo } from "@exosphere/client/permissions";
 import { useQuery } from "@exosphere/client/hooks";
 import { ssrPageData } from "@exosphere/client/ssr-data";
 import { formatDate } from "@exosphere/client/format";
@@ -392,10 +392,10 @@ export function TaskPage() {
   const currentDid = isAuthenticated ? auth.value.did : null;
   const currentHandle = isAuthenticated ? auth.value.handle : null;
 
-  const canComment = useCanDo("kanban", "comment");
-  const canModerate = useCanDo("kanban", "moderate");
-  const canChangeStatus = useCanDo("kanban", "changeStatus");
-  const canManage = useCanDo("kanban", "manageTasks");
+  const canComment = canDo("kanban", "comment");
+  const canModerate = canDo("kanban", "moderate");
+  const canChangeStatus = canDo("kanban", "changeStatus");
+  const canManage = canDo("kanban", "manageTasks");
 
   const availableLabels = useSignal<LabelData[]>([]);
   const localLabelIds = useSignal<string[] | null>(null);
@@ -403,8 +403,8 @@ export function TaskPage() {
 
   const task = data?.task;
   const isAuthor = currentDid === task?.authorDid;
-  const canEdit = isAuthor || canManage.value;
-  const canEditLabels = canManage.value || isAuthor;
+  const canEdit = isAuthor || canManage;
+  const canEditLabels = canManage || isAuthor;
 
   useEffect(() => {
     if (canEditLabels) {
@@ -571,17 +571,17 @@ export function TaskPage() {
                             Edit
                           </button>
                         )}
-                        {(isAuthor || canManage.value) && (
+                        {(isAuthor || canManage) && (
                           <button class={ui.buttonDangerInline} onClick={handleDelete}>
                             Delete
                           </button>
                         )}
-                        {canModerate.value && !isAuthor && (
+                        {canModerate && !isAuthor && (
                           <button class={ui.buttonDangerInline} onClick={handleHide}>
                             Hide
                           </button>
                         )}
-                        {canChangeStatus.value ? (
+                        {canChangeStatus ? (
                           <select
                             class={kbUi.statusSelect}
                             value={localStatus.value ?? task.status}
@@ -638,8 +638,8 @@ export function TaskPage() {
             <CommentsSection
               taskId={task.id}
               commentCount={task.commentCount}
-              canComment={canComment.value}
-              canModerate={canModerate.value}
+              canComment={canComment}
+              canModerate={canModerate}
               currentDid={currentDid}
               currentHandle={currentHandle}
             />
-- 
2.51.2