From 0ba9281421013a1cf887d9e3cc3ee0ec43343285 Mon Sep 17 00:00:00 2001
From: Alex Freska <alex.freska@gmail.com>
Date: Mon, 21 Aug 2023 12:40:22 -0400
Subject: [PATCH] feat: renterd health partial slab

---
 .changeset/cyan-dots-cover.md                 |  5 ++
 .changeset/wise-phones-bathe.md               |  5 ++
 .../FilesHealthColumnContents.tsx             | 61 ++++++++++++++-----
 libs/react-renterd/src/siaTypes.ts            |  5 ++
 4 files changed, 61 insertions(+), 15 deletions(-)
 create mode 100644 .changeset/cyan-dots-cover.md
 create mode 100644 .changeset/wise-phones-bathe.md

diff --git a/.changeset/cyan-dots-cover.md b/.changeset/cyan-dots-cover.md
new file mode 100644
index 000000000..84fe4a0b4
--- /dev/null
+++ b/.changeset/cyan-dots-cover.md
@@ -0,0 +1,5 @@
+---
+'@siafoundation/react-renterd': minor
+---
+
+useObject now includes partialSlab.
diff --git a/.changeset/wise-phones-bathe.md b/.changeset/wise-phones-bathe.md
new file mode 100644
index 000000000..d396231bc
--- /dev/null
+++ b/.changeset/wise-phones-bathe.md
@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+File health tooltip now includes redundancy info and supports partial slabs.
diff --git a/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx b/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
index d9610ef6e..48bc84a46 100644
--- a/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
+++ b/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
@@ -66,27 +66,44 @@ export function FilesHealthColumnContents({
     'contractSetShards'
   )
 
+  const { partialSlab } = obj.data.object
+
   return (
     <Layout
       className={slabs.length > 15 ? 'h-[300px]' : ''}
       displayHealth={displayHealth}
       label={label}
+      minShards={partialSlab ? partialSlab.minShards : slabs[0]?.minShards}
+      totalShards={
+        partialSlab ? partialSlab.totalShards : slabs[0]?.shards.length
+      }
     >
-      {slabs.map((slab) => (
-        <div key={slab.key} className="flex justify-between gap-2">
-          <Text
-            size="12"
-            color="subtle"
-            className="flex items-center"
-            font="mono"
-          >
-            Slab {slab.key.replace('key:', '').slice(0, 4)}:
-          </Text>
-          <Text size="12" className="flex items-center">
-            {slab.contractSetShards}/{slab.shards.length}
-          </Text>
-        </div>
-      ))}
+      {partialSlab ? (
+        <Text
+          size="12"
+          color="verySubtle"
+          className="flex items-center justify-center my-2"
+          font="mono"
+        >
+          partial slab
+        </Text>
+      ) : (
+        slabs.map((slab) => (
+          <div key={slab.key} className="flex justify-between gap-2">
+            <Text
+              size="12"
+              color="subtle"
+              className="flex items-center"
+              font="mono"
+            >
+              Slab {slab.key.replace('key:', '').slice(0, 4)}:
+            </Text>
+            <Text size="12" className="flex items-center">
+              {slab.contractSetShards}/{slab.shards.length}
+            </Text>
+          </div>
+        ))
+      )}
     </Layout>
   )
 }
@@ -96,11 +113,15 @@ function Layout({
   displayHealth,
   label,
   children,
+  minShards,
+  totalShards,
 }: {
   className?: string
   children: React.ReactNode
   displayHealth: number
   label: string
+  minShards?: number
+  totalShards?: number
 }) {
   return (
     <div
@@ -110,6 +131,16 @@ function Layout({
         <Text size="12">{label}</Text>
         <Text size="12">{(displayHealth * 100).toFixed(0)}%</Text>
       </div>
+      {minShards && totalShards ? (
+        <div className="flex justify-between gap-2 pt-0.5 pb-px px-2">
+          <Text size="12" color="subtle">
+            redundancy
+          </Text>
+          <Text size="12" color="subtle">
+            {minShards} of {totalShards}
+          </Text>
+        </div>
+      ) : null}
       <div className="px-2">
         <Separator className="w-full my-1" />
       </div>
diff --git a/libs/react-renterd/src/siaTypes.ts b/libs/react-renterd/src/siaTypes.ts
index 12118b972..bf6aa69cc 100644
--- a/libs/react-renterd/src/siaTypes.ts
+++ b/libs/react-renterd/src/siaTypes.ts
@@ -147,6 +147,11 @@ export interface Obj {
   health: number
   key: EncryptionKey
   slabs?: SlabSlice[]
+  partialSlab?: {
+    minShards: number
+    totalShards: number
+    data?: string
+  }
 }
 
 export interface AddObjectRequest {