From 2c2b6c31eb0a5624c8997a845a32938823d67ddf Mon Sep 17 00:00:00 2001
From: mesalogo <pettygay757@gmail.com>
Date: Sun, 4 Oct 2026 16:21:33 +0800
Subject: [PATCH] fix(composer): add icon to story graph toggle

---
 src/renderer/src/Composer.tsx |  6 +++++-
 src/renderer/src/styles.css   | 10 ++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/Composer.tsx b/src/renderer/src/Composer.tsx
index de821f4f..58241715 100644
--- a/src/renderer/src/Composer.tsx
+++ b/src/renderer/src/Composer.tsx
@@ -6,6 +6,7 @@ import {
   Library,
   LoaderCircle,
   Mic,
+  Network,
   Paperclip,
   RefreshCw,
   Send,
@@ -866,7 +867,10 @@ export const Composer = memo(function Composer({
               <strong>{t("composer.settings")}</strong>
               {supervisorEnabled && (
                 <label className="toggle-row">
-                  <span>{t("composer.storyGraph.label")}</span>
+                  <span className="composer__story-graph-label">
+                    <Network aria-hidden="true" size={16} />
+                    {t("composer.storyGraph.label")}
+                  </span>
                   <input
                     type="checkbox"
                     role="switch"
diff --git a/src/renderer/src/styles.css b/src/renderer/src/styles.css
index 6205f313..bb157a5f 100644
--- a/src/renderer/src/styles.css
+++ b/src/renderer/src/styles.css
@@ -8299,6 +8299,16 @@ button > svg {
   gap: var(--space-2);
 }
 
+.composer__story-graph-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.composer__story-graph-label > svg {
+  flex-shrink: 0;
+}
+
 .composer__options > strong {
   padding: var(--space-1) var(--space-2);
   color: var(--text-secondary);