From ccb9f2d9854e3a6537f58b13b0ea2f898717e775 Mon Sep 17 00:00:00 2001
From: mfoltz <mitchell.foltz@gmail.com>
Date: Sat, 9 May 2026 14:33:31 -0500
Subject: [PATCH 1/4] Move NPC summary into the quick facts rail

---
 src/components/db/DbDetailView.test.tsx |  3 ++
 src/components/db/DbDetailView.tsx      | 41 ++++++++++++++++---------
 2 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/components/db/DbDetailView.test.tsx b/src/components/db/DbDetailView.test.tsx
index 79cf9335c8..f5137a9a16 100644
--- a/src/components/db/DbDetailView.test.tsx
+++ b/src/components/db/DbDetailView.test.tsx
@@ -133,6 +133,9 @@ test("structured NPC detail keeps summary cues while consolidating duplicate rel
   assert.match(html, /⚑/);
   assert.match(html, /◇/);
   assert.match(html, /✧/);
+  assert.match(html, /Quick Facts/);
+  assert.match(html, /Quick Facts<\/div><div class="mt-2 text-xs uppercase tracking-\[0\.18em\] text-\[var\(--database-accent-soft\)\]">NPC Archive<\/div>/);
+  assert.match(html, /<aside class="database-summary-capsule hidden rounded-\[1\.35rem\] p-4 sm:p-5 xl:block">/);
 
   assert.doesNotMatch(html, />NPC Summary</);
   assert.doesNotMatch(html, /preserved aggro, movement, and drop context/);
diff --git a/src/components/db/DbDetailView.tsx b/src/components/db/DbDetailView.tsx
index 757d5d7bab..31b8634604 100644
--- a/src/components/db/DbDetailView.tsx
+++ b/src/components/db/DbDetailView.tsx
@@ -1337,23 +1337,29 @@ function renderNpcSummaryRow(label: string, value: ReactNode) {
   );
 }
 
+function renderNpcSummaryRows(detail: DbEntityDetail) {
+  const unitCategory = typeof detail.npcUnitCategory === "string" && detail.npcUnitCategory !== "None" ? detail.npcUnitCategory : undefined;
+
+  return (
+    <dl className="database-summary-rows-soft">
+      {typeof detail.npcKind === "string" ? renderNpcSummaryRow("Kind", detail.npcKind) : null}
+      {typeof detail.npcLevel === "number" ? renderNpcSummaryRow("Level", formatNumber(detail.npcLevel)) : null}
+      {typeof detail.npcBloodType === "string" ? renderNpcSummaryRow("Blood", detail.npcBloodType) : null}
+      {typeof detail.npcFaction === "string" ? renderNpcSummaryRow("Faction", detail.npcFaction) : null}
+      {unitCategory ? renderNpcSummaryRow("Unit", unitCategory) : null}
+      {typeof detail.essenceGain === "number" ? renderNpcSummaryRow("Essence", formatNumber(detail.essenceGain)) : null}
+    </dl>
+  );
+}
+
 function renderNpcSummary(section: DbSection, detail: DbEntityDetail) {
   if (!hasNpcSummaryData(section, detail)) {
     return null;
   }
 
-  const unitCategory = typeof detail.npcUnitCategory === "string" && detail.npcUnitCategory !== "None" ? detail.npcUnitCategory : undefined;
-
   return (
     <div className="database-summary-capsule mt-4 rounded-[1.15rem] p-4">
-      <dl className="database-summary-rows-soft">
-        {typeof detail.npcKind === "string" ? renderNpcSummaryRow("Kind", detail.npcKind) : null}
-        {typeof detail.npcLevel === "number" ? renderNpcSummaryRow("Level", formatNumber(detail.npcLevel)) : null}
-        {typeof detail.npcBloodType === "string" ? renderNpcSummaryRow("Blood", detail.npcBloodType) : null}
-        {typeof detail.npcFaction === "string" ? renderNpcSummaryRow("Faction", detail.npcFaction) : null}
-        {unitCategory ? renderNpcSummaryRow("Unit", unitCategory) : null}
-        {typeof detail.essenceGain === "number" ? renderNpcSummaryRow("Essence", formatNumber(detail.essenceGain)) : null}
-      </dl>
+      {renderNpcSummaryRows(detail)}
     </div>
   );
 }
@@ -1536,6 +1542,7 @@ function renderWorkstationLinkedRecordsSurface(detail: DbEntityDetail) {
 function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisplayRow[]) {
   const categories = getHeroCategories(section, detail);
   const eyebrow = hasDbSchema(section) ? dbSchemas[section].eyebrow : `${humanizeKey(section)} Archive`;
+  const summaryRailLabel = section === "npcs" ? eyebrow : humanizeKey(section);
   const subtitle = typeof detail.subtitle === "string" ? detail.subtitle : typeof detail.prefab === "string" ? detail.prefab : undefined;
   const { text: bodyCopy } = getHeroBodyCopy(section, detail);
   const recipeSummary = renderRecipeSummary(section, detail);
@@ -1543,12 +1550,16 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
   const itemSummary = renderItemSummary(section, detail);
   const npcSummary = renderNpcSummary(section, detail);
   const structuredSummary = recipeSummary ?? workstationSummary ?? itemSummary ?? npcSummary;
+  const placeStructuredSummaryInRail = section === "npcs" && Boolean(npcSummary);
   const { key: heroBodyKey } = getHeroBodyCopy(section, detail);
   const showHeroBodyCopy = Boolean(bodyCopy && (!structuredSummary || (section === "items" && heroBodyKey !== "summary")));
   const detailIcon = typeof detail.icon === "string" ? detail.icon : undefined;
   const inlineFactRows = factRows.slice(0, 4);
   const summaryFactRows = factRows.slice(4);
-  const showSummaryRail = summaryFactRows.length > 0;
+  const showSummaryRail = summaryFactRows.length > 0 || placeStructuredSummaryInRail;
+  const summaryRailClassName = placeStructuredSummaryInRail
+    ? "database-summary-capsule hidden rounded-[1.35rem] p-4 sm:p-5 xl:block"
+    : "database-summary-capsule rounded-[1.35rem] p-4 sm:p-5";
   const visibleCategories = categories.slice(0, 3);
   const extraCategoryCount = Math.max(0, categories.length - visibleCategories.length);
 
@@ -1570,7 +1581,7 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
                   <VariableText text={String(bodyCopy)} variableValues={detail.textVariableValues} />
                 </p>
               ) : null}
-              {structuredSummary}
+              {placeStructuredSummaryInRail ? <div className="xl:hidden">{structuredSummary}</div> : structuredSummary}
             </div>
             {detailIcon && !showSummaryRail && section !== "items" ? (
               <DbIconAvatar
@@ -1595,11 +1606,11 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
           {renderInlineFacts(inlineFactRows)}
         </div>
         {showSummaryRail ? (
-          <aside className="database-summary-capsule rounded-[1.35rem] p-4 sm:p-5">
+          <aside className={summaryRailClassName}>
             <div className="flex items-start justify-between gap-4">
               <div>
                 <div className="text-[10px] font-semibold uppercase tracking-[0.22em] text-[var(--database-dim)]">Quick Facts</div>
-                <div className="mt-2 text-xs uppercase tracking-[0.18em] text-[var(--database-accent-soft)]">{humanizeKey(section)}</div>
+                <div className="mt-2 text-xs uppercase tracking-[0.18em] text-[var(--database-accent-soft)]">{summaryRailLabel}</div>
               </div>
               {detailIcon ? (
                 <DbIconAvatar
@@ -1611,7 +1622,7 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
               ) : null}
             </div>
 
-            {renderSummaryRows(summaryFactRows)}
+            {placeStructuredSummaryInRail ? <div className="mt-4">{renderNpcSummaryRows(detail)}</div> : renderSummaryRows(summaryFactRows)}
           </aside>
         ) : null}
       </div>

From 40f8cd8c1d503d37325603a8a2de2faf4031bb0f Mon Sep 17 00:00:00 2001
From: mfoltz <mitchell.foltz@gmail.com>
Date: Sat, 9 May 2026 15:01:52 -0500
Subject: [PATCH 2/4] Update agent instructions

---
 src/components/db/DbDetailView.test.tsx |   9 ++
 src/components/db/DbDetailView.tsx      | 119 ++++++++++++++++--------
 2 files changed, 89 insertions(+), 39 deletions(-)

diff --git a/src/components/db/DbDetailView.test.tsx b/src/components/db/DbDetailView.test.tsx
index f5137a9a16..90e9c3f608 100644
--- a/src/components/db/DbDetailView.test.tsx
+++ b/src/components/db/DbDetailView.test.tsx
@@ -77,6 +77,9 @@ test("structured recipe detail keeps summary cues while consolidating duplicate
   assert.match(html, /📦/);
   assert.match(html, /🧩/);
   assert.match(html, /🔧/);
+  assert.match(html, /Quick Facts/);
+  assert.match(html, /Quick Facts<\/div><div class="mt-2 text-xs uppercase tracking-\[0\.18em\] text-\[var\(--database-accent-soft\)\]">Recipe Database<\/div>/);
+  assert.match(html, /<aside class="database-summary-capsule hidden rounded-\[1\.35rem\] p-4 sm:p-5 xl:block">/);
 
   assert.doesNotMatch(html, />Recipe Summary</);
   assert.doesNotMatch(html, /Player Context/);
@@ -103,6 +106,9 @@ test("structured item detail keeps localized copy while consolidating duplicate
   assert.match(html, /Durability/);
   assert.match(html, /Armor \/ Footgear/);
   assert.match(html, /Equippable/);
+  assert.match(html, /Quick Facts/);
+  assert.match(html, /Quick Facts<\/div><div class="mt-2 text-xs uppercase tracking-\[0\.18em\] text-\[var\(--database-accent-soft\)\]">Item Database<\/div>/);
+  assert.match(html, /<aside class="database-summary-capsule hidden rounded-\[1\.35rem\] p-4 sm:p-5 xl:block">/);
   assert.doesNotMatch(html, /Equippable \/ Footgear/);
   assert.doesNotMatch(html, />Item Summary</);
 
@@ -170,6 +176,9 @@ test("structured workstation detail keeps summary cues while consolidating dupli
   assert.match(html, /✦/);
   assert.match(html, /📜/);
   assert.match(html, /📦/);
+  assert.match(html, /Quick Facts/);
+  assert.match(html, /Quick Facts<\/div><div class="mt-2 text-xs uppercase tracking-\[0\.18em\] text-\[var\(--database-accent-soft\)\]">Workstation Database<\/div>/);
+  assert.match(html, /<aside class="database-summary-capsule hidden rounded-\[1\.35rem\] p-4 sm:p-5 xl:block">/);
   assert.match(html, /src="\/icons\/buildables\/Stunlock_Icon_Structure_JewelcraftingTable\.png"/);
   assert.match(html, /alt="Jewelcrafting Table station portrait"/);
 
diff --git a/src/components/db/DbDetailView.tsx b/src/components/db/DbDetailView.tsx
index 31b8634604..8c0ca5a857 100644
--- a/src/components/db/DbDetailView.tsx
+++ b/src/components/db/DbDetailView.tsx
@@ -1143,6 +1143,22 @@ function renderRecipeSummaryRow(label: string, value: ReactNode) {
   );
 }
 
+function renderRecipeSummaryRows(detail: DbEntityDetail) {
+  const outputs = getRelatedEntityList(detail, "outputs");
+  const requirements = getRelatedEntityList(detail, "requirements");
+  const repairCosts = getRelatedEntityList(detail, "repairCosts");
+  const repairEmptyLabel = detail.repairCostCount === 0 ? "None recorded" : undefined;
+
+  return (
+    <dl className="divide-y divide-[var(--database-divider)]">
+      {typeof detail.craftDuration === "number" ? renderRecipeSummaryRow("Craft time", formatDuration(detail.craftDuration)) : null}
+      {outputs.length > 0 ? renderRecipeSummaryRow("Output", renderRecipeChipList(outputs)) : null}
+      {requirements.length > 0 ? renderRecipeSummaryRow("Ingredients", renderRecipeChipList(requirements)) : null}
+      {repairCosts.length > 0 || repairEmptyLabel ? renderRecipeSummaryRow("Repair cost", renderRecipeChipList(repairCosts, repairEmptyLabel)) : null}
+    </dl>
+  );
+}
+
 function getRecipeLinkedRecordCount(detail: DbEntityDetail): number {
   return recipeDetailPresentation.relationGroups.reduce((count, relation) => count + getRelatedEntityList(detail, relation.key).length, 0);
 }
@@ -1179,19 +1195,9 @@ function renderRecipeSummary(section: DbSection, detail: DbEntityDetail) {
     return null;
   }
 
-  const outputs = getRelatedEntityList(detail, "outputs");
-  const requirements = getRelatedEntityList(detail, "requirements");
-  const repairCosts = getRelatedEntityList(detail, "repairCosts");
-  const repairEmptyLabel = detail.repairCostCount === 0 ? "None recorded" : undefined;
-
   return (
     <div className="database-summary-capsule mt-4 rounded-[1.15rem] p-4">
-      <dl className="divide-y divide-[var(--database-divider)]">
-        {typeof detail.craftDuration === "number" ? renderRecipeSummaryRow("Craft time", formatDuration(detail.craftDuration)) : null}
-        {outputs.length > 0 ? renderRecipeSummaryRow("Output", renderRecipeChipList(outputs)) : null}
-        {requirements.length > 0 ? renderRecipeSummaryRow("Ingredients", renderRecipeChipList(requirements)) : null}
-        {repairCosts.length > 0 || repairEmptyLabel ? renderRecipeSummaryRow("Repair cost", renderRecipeChipList(repairCosts, repairEmptyLabel)) : null}
-      </dl>
+      {renderRecipeSummaryRows(detail)}
     </div>
   );
 }
@@ -1246,11 +1252,7 @@ function renderItemSummaryRow(label: string, value: ReactNode) {
   );
 }
 
-function renderItemSummary(section: DbSection, detail: DbEntityDetail) {
-  if (!hasItemSummaryData(section, detail)) {
-    return null;
-  }
-
+function getItemSummaryValues(detail: DbEntityDetail) {
   const group = combineDistinctValues(typeof detail.itemGroup === "string" ? detail.itemGroup : undefined, typeof detail.itemFamily === "string" ? detail.itemFamily : undefined);
   const kind = combineItemKindValues(
     typeof detail.itemType === "string" ? detail.itemType : undefined,
@@ -1259,16 +1261,32 @@ function renderItemSummary(section: DbSection, detail: DbEntityDetail) {
     group
   );
 
+  return { group, kind };
+}
+
+function renderItemSummaryRows(detail: DbEntityDetail) {
+  const { group, kind } = getItemSummaryValues(detail);
+
+  return (
+    <dl className="database-summary-rows-soft">
+      {group ? renderItemSummaryRow("Group", group) : null}
+      {kind ? renderItemSummaryRow("Kind", kind) : null}
+      {typeof detail.level === "number" ? renderItemSummaryRow("Level", formatNumber(detail.level)) : null}
+      {typeof detail.maxAmount === "number" ? renderItemSummaryRow("Stack", formatNumber(detail.maxAmount)) : null}
+      {typeof detail.durability === "number" ? renderItemSummaryRow("Durability", formatNumber(detail.durability)) : null}
+      {typeof detail.consumeAbility === "string" ? renderItemSummaryRow("Use effect", detail.consumeAbility) : null}
+    </dl>
+  );
+}
+
+function renderItemSummary(section: DbSection, detail: DbEntityDetail) {
+  if (!hasItemSummaryData(section, detail)) {
+    return null;
+  }
+
   return (
     <div className="database-summary-capsule mt-4 rounded-[1.15rem] p-4">
-      <dl className="database-summary-rows-soft">
-        {group ? renderItemSummaryRow("Group", group) : null}
-        {kind ? renderItemSummaryRow("Kind", kind) : null}
-        {typeof detail.level === "number" ? renderItemSummaryRow("Level", formatNumber(detail.level)) : null}
-        {typeof detail.maxAmount === "number" ? renderItemSummaryRow("Stack", formatNumber(detail.maxAmount)) : null}
-        {typeof detail.durability === "number" ? renderItemSummaryRow("Durability", formatNumber(detail.durability)) : null}
-        {typeof detail.consumeAbility === "string" ? renderItemSummaryRow("Use effect", detail.consumeAbility) : null}
-      </dl>
+      {renderItemSummaryRows(detail)}
     </div>
   );
 }
@@ -1432,6 +1450,23 @@ function renderWorkstationSummaryRow(label: string, value: ReactNode) {
   );
 }
 
+function renderWorkstationSummaryRows(detail: DbEntityDetail) {
+  return (
+    <dl className="database-summary-rows-soft">
+      {typeof detail.workstationRole === "string" ? renderWorkstationSummaryRow("Role", detail.workstationRole) : null}
+      {typeof detail.stationKind === "string" ? renderWorkstationSummaryRow("Station kind", detail.stationKind) : null}
+      {typeof detail.matchingFloorType === "string" ? renderWorkstationSummaryRow("Matching floor", renderMutedNone(detail.matchingFloorType)) : null}
+      {typeof detail.bonusServantType === "string" ? renderWorkstationSummaryRow("Servant bonus", renderMutedNone(detail.bonusServantType)) : null}
+      {typeof detail.workstationRecipeCount === "number"
+        ? renderWorkstationSummaryRow("Recipes", `${formatNumber(detail.workstationRecipeCount)} linked`)
+        : null}
+      {typeof detail.workstationOutputCount === "number"
+        ? renderWorkstationSummaryRow("Outputs", `${formatNumber(detail.workstationOutputCount)} linked`)
+        : null}
+    </dl>
+  );
+}
+
 function renderWorkstationSummary(section: DbSection, detail: DbEntityDetail) {
   if (!hasWorkstationSummaryData(section, detail)) {
     return null;
@@ -1439,18 +1474,7 @@ function renderWorkstationSummary(section: DbSection, detail: DbEntityDetail) {
 
   return (
     <div className="database-summary-capsule rounded-[1.15rem] p-4">
-      <dl className="database-summary-rows-soft">
-        {typeof detail.workstationRole === "string" ? renderWorkstationSummaryRow("Role", detail.workstationRole) : null}
-        {typeof detail.stationKind === "string" ? renderWorkstationSummaryRow("Station kind", detail.stationKind) : null}
-        {typeof detail.matchingFloorType === "string" ? renderWorkstationSummaryRow("Matching floor", renderMutedNone(detail.matchingFloorType)) : null}
-        {typeof detail.bonusServantType === "string" ? renderWorkstationSummaryRow("Servant bonus", renderMutedNone(detail.bonusServantType)) : null}
-        {typeof detail.workstationRecipeCount === "number"
-          ? renderWorkstationSummaryRow("Recipes", `${formatNumber(detail.workstationRecipeCount)} linked`)
-          : null}
-        {typeof detail.workstationOutputCount === "number"
-          ? renderWorkstationSummaryRow("Outputs", `${formatNumber(detail.workstationOutputCount)} linked`)
-          : null}
-      </dl>
+      {renderWorkstationSummaryRows(detail)}
     </div>
   );
 }
@@ -1539,10 +1563,26 @@ function renderWorkstationLinkedRecordsSurface(detail: DbEntityDetail) {
   );
 }
 
+function renderStructuredSummaryRows(section: DbSection, detail: DbEntityDetail) {
+  if (section === "recipes" && hasRecipeSummaryData(section, detail)) {
+    return renderRecipeSummaryRows(detail);
+  }
+  if (section === "items" && hasItemSummaryData(section, detail)) {
+    return renderItemSummaryRows(detail);
+  }
+  if (section === "workstations" && hasWorkstationSummaryData(section, detail)) {
+    return renderWorkstationSummaryRows(detail);
+  }
+  if (section === "npcs" && hasNpcSummaryData(section, detail)) {
+    return renderNpcSummaryRows(detail);
+  }
+
+  return null;
+}
+
 function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisplayRow[]) {
   const categories = getHeroCategories(section, detail);
   const eyebrow = hasDbSchema(section) ? dbSchemas[section].eyebrow : `${humanizeKey(section)} Archive`;
-  const summaryRailLabel = section === "npcs" ? eyebrow : humanizeKey(section);
   const subtitle = typeof detail.subtitle === "string" ? detail.subtitle : typeof detail.prefab === "string" ? detail.prefab : undefined;
   const { text: bodyCopy } = getHeroBodyCopy(section, detail);
   const recipeSummary = renderRecipeSummary(section, detail);
@@ -1550,7 +1590,8 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
   const itemSummary = renderItemSummary(section, detail);
   const npcSummary = renderNpcSummary(section, detail);
   const structuredSummary = recipeSummary ?? workstationSummary ?? itemSummary ?? npcSummary;
-  const placeStructuredSummaryInRail = section === "npcs" && Boolean(npcSummary);
+  const placeStructuredSummaryInRail = Boolean(recipeSummary || workstationSummary || itemSummary || npcSummary);
+  const summaryRailLabel = placeStructuredSummaryInRail ? eyebrow : humanizeKey(section);
   const { key: heroBodyKey } = getHeroBodyCopy(section, detail);
   const showHeroBodyCopy = Boolean(bodyCopy && (!structuredSummary || (section === "items" && heroBodyKey !== "summary")));
   const detailIcon = typeof detail.icon === "string" ? detail.icon : undefined;
@@ -1622,7 +1663,7 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
               ) : null}
             </div>
 
-            {placeStructuredSummaryInRail ? <div className="mt-4">{renderNpcSummaryRows(detail)}</div> : renderSummaryRows(summaryFactRows)}
+            {placeStructuredSummaryInRail ? <div className="mt-4">{renderStructuredSummaryRows(section, detail)}</div> : renderSummaryRows(summaryFactRows)}
           </aside>
         ) : null}
       </div>

From 1c0ade00e3097bae2721ae73032ceb864b660d3c Mon Sep 17 00:00:00 2001
From: mfoltz <mitchell.foltz@gmail.com>
Date: Sat, 9 May 2026 17:04:15 -0500
Subject: [PATCH 3/4] Preserve non-summary fact rows in quick facts rail

---
 src/components/db/DbDetailView.test.tsx | 6 ++++++
 src/components/db/DbDetailView.tsx      | 9 ++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/db/DbDetailView.test.tsx b/src/components/db/DbDetailView.test.tsx
index 446f8d8baa..bcf0472540 100644
--- a/src/components/db/DbDetailView.test.tsx
+++ b/src/components/db/DbDetailView.test.tsx
@@ -97,6 +97,12 @@ test("structured recipe detail keeps summary cues while consolidating duplicate
   assert.equal(countMatches(html, /href="#relation-repair-costs"/g), 0);
 });
 
+test("structured recipe detail keeps non-summary fact rows in the quick facts rail", () => {
+  const html = renderDetail({ ...recipeDetailFixture, alwaysUnlocked: true, hideInStation: true, ignoreServerSettings: true }, "recipes");
+
+  assert.match(html, /Ignores Server Settings/);
+});
+
 test("structured item detail keeps localized copy while consolidating duplicate relation sections", () => {
   const html = renderItemDetail();
 
diff --git a/src/components/db/DbDetailView.tsx b/src/components/db/DbDetailView.tsx
index 5a3ccf4cfe..e790435dbc 100644
--- a/src/components/db/DbDetailView.tsx
+++ b/src/components/db/DbDetailView.tsx
@@ -1682,7 +1682,14 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
               ) : null}
             </div>
 
-            {placeStructuredSummaryInRail ? <div className="mt-4">{renderStructuredSummaryRows(section, detail)}</div> : renderSummaryRows(summaryFactRows)}
+            {placeStructuredSummaryInRail ? (
+              <div className="mt-4 space-y-4">
+                {renderStructuredSummaryRows(section, detail)}
+                {renderSummaryRows(summaryFactRows)}
+              </div>
+            ) : (
+              renderSummaryRows(summaryFactRows)
+            )}
           </aside>
         ) : null}
       </div>

From b0a381bd14767e6db57890bab0e19ecb1423a041 Mon Sep 17 00:00:00 2001
From: mfoltz <mitchell.foltz@gmail.com>
Date: Sat, 9 May 2026 17:45:33 -0500
Subject: [PATCH 4/4] Keep overflow fact rows visible on mobile and desktop

---
 src/components/db/DbDetailView.test.tsx | 4 ++--
 src/components/db/DbDetailView.tsx      | 9 ++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/db/DbDetailView.test.tsx b/src/components/db/DbDetailView.test.tsx
index bcf0472540..a2f130f372 100644
--- a/src/components/db/DbDetailView.test.tsx
+++ b/src/components/db/DbDetailView.test.tsx
@@ -97,10 +97,10 @@ test("structured recipe detail keeps summary cues while consolidating duplicate
   assert.equal(countMatches(html, /href="#relation-repair-costs"/g), 0);
 });
 
-test("structured recipe detail keeps non-summary fact rows in the quick facts rail", () => {
+test("structured recipe detail keeps non-summary fact rows visible on mobile and desktop", () => {
   const html = renderDetail({ ...recipeDetailFixture, alwaysUnlocked: true, hideInStation: true, ignoreServerSettings: true }, "recipes");
 
-  assert.match(html, /Ignores Server Settings/);
+  assert.equal(countMatches(html, /Ignores Server Settings/g), 2);
 });
 
 test("structured item detail keeps localized copy while consolidating duplicate relation sections", () => {
diff --git a/src/components/db/DbDetailView.tsx b/src/components/db/DbDetailView.tsx
index e790435dbc..d5017b75e3 100644
--- a/src/components/db/DbDetailView.tsx
+++ b/src/components/db/DbDetailView.tsx
@@ -1641,7 +1641,14 @@ function renderHero(section: DbSection, detail: DbEntityDetail, factRows: DbDisp
                   <VariableText text={String(bodyCopy)} variableValues={detail.textVariableValues} />
                 </p>
               ) : null}
-              {placeStructuredSummaryInRail ? <div className="xl:hidden">{structuredSummary}</div> : structuredSummary}
+              {placeStructuredSummaryInRail ? (
+                <div className="xl:hidden">
+                  {structuredSummary}
+                  {summaryFactRows.length > 0 ? <div className="database-summary-capsule mt-4 rounded-[1.15rem] p-4">{renderSummaryRows(summaryFactRows)}</div> : null}
+                </div>
+              ) : (
+                structuredSummary
+              )}
             </div>
             {detailIcon && !showSummaryRail && section !== "items" ? (
               <DbIconAvatar