From 87a3894d921ab9aee651f21e4fbc3c6c7345ace3 Mon Sep 17 00:00:00 2001
From: Pooria Shariatzadeh <pooria.shariatzadeh@gmail.com>
Date: Sun, 21 Jun 2026 10:49:04 +0330
Subject: [PATCH] Enhance SbConfirmDialog component with improved icon handling
 and styling. Update project file to enable package generation on build and
 adjust CSS for better dialog responsiveness and overflow management.

---
 .../Components/Overlays/SbConfirmDialog.razor |  5 ++--
 .../SufiChain.SufiBlazor.csproj               | 10 ++++++++
 .../wwwroot/sufiblazor.css                    | 25 +++++++++++++++++++
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/SufiChain.SufiBlazor/Components/Overlays/SbConfirmDialog.razor b/src/SufiChain.SufiBlazor/Components/Overlays/SbConfirmDialog.razor
index 540d63f..a8741c3 100644
--- a/src/SufiChain.SufiBlazor/Components/Overlays/SbConfirmDialog.razor
+++ b/src/SufiChain.SufiBlazor/Components/Overlays/SbConfirmDialog.razor
@@ -2,7 +2,6 @@
 @using SufiChain.SufiBlazor.Components.Common
 @using SufiChain.SufiBlazor.Components.Actions
 @inject IStringLocalizer<SufiBlazorResource> L
-@inject IStringLocalizer<SufiBlazorResource> L
 
 @if (_isOpen)
 {
@@ -17,7 +16,7 @@
             else
             {
                 <div class="sb-confirm-dialog__icon sb-confirm-dialog__icon--@Variant.ToString().ToLower()">
-                    <SbIcon Name="@GetDefaultIconName()" Size="SbSize.Lg" />
+                    <SbIcon Name="@GetDefaultIconName()" Size="SbSize.Lg" Color="@GetConfirmButtonColor()" />
                 </div>
             }
             
@@ -128,7 +127,7 @@
     
     private string GetDefaultIconName() => Variant switch
     {
-        SbConfirmDialogVariant.Danger => "warning",
+        SbConfirmDialogVariant.Danger => "error",
         SbConfirmDialogVariant.Warning => "warning",
         SbConfirmDialogVariant.Info => "info",
         _ => "help-circle"
diff --git a/src/SufiChain.SufiBlazor/SufiChain.SufiBlazor.csproj b/src/SufiChain.SufiBlazor/SufiChain.SufiBlazor.csproj
index 5869552..5201662 100644
--- a/src/SufiChain.SufiBlazor/SufiChain.SufiBlazor.csproj
+++ b/src/SufiChain.SufiBlazor/SufiChain.SufiBlazor.csproj
@@ -17,6 +17,12 @@
     <GenerateDocumentationFile>true</GenerateDocumentationFile>
   </PropertyGroup>
 
+  <PropertyGroup Condition="'$(Configuration)' == 'Release'">
+    <GeneratePackageOnBuild>true</GeneratePackageOnBuild>
+    <CopyRazorGenerateFilesToPublishDirectory>true</CopyRazorGenerateFilesToPublishDirectory>
+    <DisableFastUpToDateCheck>true</DisableFastUpToDateCheck>
+  </PropertyGroup>
+
   <ItemGroup>
     <SupportedPlatform Include="browser" />
   </ItemGroup>
@@ -42,4 +48,8 @@
     </PackageReference>
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Update="wwwroot\**\*.*" CopyToOutputDirectory="PreserveNewest" CopyToPublishDirectory="PreserveNewest" Pack="true" PackagePath="staticwebassets\%(RecursiveDir)%(Filename)%(Extension)" />
+  </ItemGroup>
+
 </Project>
diff --git a/src/SufiChain.SufiBlazor/wwwroot/sufiblazor.css b/src/SufiChain.SufiBlazor/wwwroot/sufiblazor.css
index 4a5886e..9d2ccbf 100644
--- a/src/SufiChain.SufiBlazor/wwwroot/sufiblazor.css
+++ b/src/SufiChain.SufiBlazor/wwwroot/sufiblazor.css
@@ -7321,10 +7321,13 @@ body.sb-resizing {
 .sb-confirm-dialog {
     width: 100%;
     max-width: 400px;
+    max-height: calc(100vh - (var(--sb-space-4) * 2));
     padding: var(--sb-space-6);
     background-color: var(--sb-color-surface);
     border-radius: var(--sb-radius-lg);
     box-shadow: var(--sb-shadow-lg);
+    box-sizing: border-box;
+    overflow: auto;
 }
 
 .sb-confirm-dialog__icon {
@@ -7358,17 +7361,39 @@ body.sb-resizing {
     color: var(--sb-color-info);
 }
 
+.sb-confirm-dialog--success .sb-confirm-dialog__icon {
+    background-color: var(--sb-color-success-light, #dcfce7);
+    color: var(--sb-color-success);
+}
+
 .sb-confirm-dialog__title {
     font-size: var(--sb-font-size-lg);
     font-weight: var(--sb-font-weight-semibold);
     text-align: center;
     margin-bottom: var(--sb-space-2);
+    min-width: 0;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    max-width: 100%;
 }
 
 .sb-confirm-dialog__message {
     text-align: center;
     color: var(--sb-color-text-secondary);
     margin-bottom: var(--sb-space-4);
+    min-width: 0;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    white-space: pre-wrap;
+    max-width: 100%;
+}
+
+.sb-confirm-dialog__content,
+.sb-confirm-dialog__body {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    word-break: break-word;
 }
 
 .sb-confirm-dialog__actions {