From bbc8549cc96cfee01d69661acae22da92bc367a1 Mon Sep 17 00:00:00 2001
From: Richard Ward <JohnDoe6345789@gmail.com>
Date: Tue, 30 Dec 2025 12:51:08 +0000
Subject: [PATCH] code: tsx,icons,fakemui (12 files)

---
 fakemui/icons/ContentCopy.tsx                    | 14 ++++++++++++++
 fakemui/icons/ContentPaste.tsx                   | 16 ++++++++++++++++
 fakemui/icons/DragHandle.tsx                     | 12 ++++++++++++
 fakemui/icons/DragIndicator.tsx                  | 16 ++++++++++++++++
 fakemui/icons/Notifications.tsx                  | 13 +++++++++++++
 fakemui/icons/NotificationsOff.tsx               | 15 +++++++++++++++
 fakemui/icons/Print.tsx                          | 16 ++++++++++++++++
 fakemui/icons/Schedule.tsx                       | 16 ++++++++++++++++
 fakemui/icons/ThumbDown.tsx                      | 12 ++++++++++++
 fakemui/icons/ThumbUp.tsx                        | 12 ++++++++++++
 fakemui/icons/Tune.tsx                           | 16 ++++++++++++++++
 .../src/components/molecules/overlay/Dialog.tsx  |  4 ++--
 12 files changed, 160 insertions(+), 2 deletions(-)
 create mode 100644 fakemui/icons/ContentCopy.tsx
 create mode 100644 fakemui/icons/ContentPaste.tsx
 create mode 100644 fakemui/icons/DragHandle.tsx
 create mode 100644 fakemui/icons/DragIndicator.tsx
 create mode 100644 fakemui/icons/Notifications.tsx
 create mode 100644 fakemui/icons/NotificationsOff.tsx
 create mode 100644 fakemui/icons/Print.tsx
 create mode 100644 fakemui/icons/Schedule.tsx
 create mode 100644 fakemui/icons/ThumbDown.tsx
 create mode 100644 fakemui/icons/ThumbUp.tsx
 create mode 100644 fakemui/icons/Tune.tsx

diff --git a/fakemui/icons/ContentCopy.tsx b/fakemui/icons/ContentCopy.tsx
new file mode 100644
index 000000000..a9f416ede
--- /dev/null
+++ b/fakemui/icons/ContentCopy.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Content copy icon - duplicate/copy to clipboard
+ */
+export const ContentCopy = (props: IconProps) => (
+  <Icon {...props}>
+    <rect x="64" y="64" width="136" height="160" rx="8" />
+    <path d="M192 64 L192 48 C192 36 182 32 172 32 L84 32 C72 32 64 40 64 52 L64 64" />
+    <path d="M56 64 L56 192 C56 204 64 212 76 212 L64 212" />
+    <rect x="40" y="48" width="136" height="160" rx="8" />
+  </Icon>
+)
diff --git a/fakemui/icons/ContentPaste.tsx b/fakemui/icons/ContentPaste.tsx
new file mode 100644
index 000000000..4b4ddd8e9
--- /dev/null
+++ b/fakemui/icons/ContentPaste.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Content paste icon - paste from clipboard
+ */
+export const ContentPaste = (props: IconProps) => (
+  <Icon {...props}>
+    <rect x="56" y="56" width="144" height="176" rx="8" />
+    <path d="M96 56 L96 40 C96 34 100 24 112 24 L144 24 C156 24 160 34 160 40 L160 56" />
+    <rect x="96" y="24" width="64" height="32" rx="4" />
+    <line x1="88" y1="112" x2="168" y2="112" />
+    <line x1="88" y1="144" x2="168" y2="144" />
+    <line x1="88" y1="176" x2="136" y2="176" />
+  </Icon>
+)
diff --git a/fakemui/icons/DragHandle.tsx b/fakemui/icons/DragHandle.tsx
new file mode 100644
index 000000000..c7c4aaa88
--- /dev/null
+++ b/fakemui/icons/DragHandle.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Drag handle icon - horizontal lines for draggable areas
+ */
+export const DragHandle = (props: IconProps) => (
+  <Icon {...props}>
+    <line x1="40" y1="104" x2="216" y2="104" strokeLinecap="round" />
+    <line x1="40" y1="152" x2="216" y2="152" strokeLinecap="round" />
+  </Icon>
+)
diff --git a/fakemui/icons/DragIndicator.tsx b/fakemui/icons/DragIndicator.tsx
new file mode 100644
index 000000000..cf847f861
--- /dev/null
+++ b/fakemui/icons/DragIndicator.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Drag indicator icon - 6-dot drag handle for sortable items
+ */
+export const DragIndicator = (props: IconProps) => (
+  <Icon {...props}>
+    <circle cx="96" cy="64" r="12" fill="currentColor" />
+    <circle cx="160" cy="64" r="12" fill="currentColor" />
+    <circle cx="96" cy="128" r="12" fill="currentColor" />
+    <circle cx="160" cy="128" r="12" fill="currentColor" />
+    <circle cx="96" cy="192" r="12" fill="currentColor" />
+    <circle cx="160" cy="192" r="12" fill="currentColor" />
+  </Icon>
+)
diff --git a/fakemui/icons/Notifications.tsx b/fakemui/icons/Notifications.tsx
new file mode 100644
index 000000000..f6931f0f2
--- /dev/null
+++ b/fakemui/icons/Notifications.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Notifications icon - bell with indicator dot
+ */
+export const Notifications = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M56 104 C56 64 88 32 128 32 C168 32 200 64 200 104 L200 144 L216 176 L40 176 L56 144 Z" />
+    <path d="M96 176 L96 184 C96 202 110 216 128 216 C146 216 160 202 160 184 L160 176" />
+    <circle cx="184" cy="64" r="20" fill="currentColor" stroke="none" />
+  </Icon>
+)
diff --git a/fakemui/icons/NotificationsOff.tsx b/fakemui/icons/NotificationsOff.tsx
new file mode 100644
index 000000000..3f04967ba
--- /dev/null
+++ b/fakemui/icons/NotificationsOff.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Notifications off icon - muted bell with slash
+ */
+export const NotificationsOff = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M72 120 C72 88 92 56 128 56 C152 56 172 72 180 96" />
+    <path d="M200 144 L200 104" />
+    <path d="M216 176 L84 176" />
+    <path d="M96 176 L96 184 C96 202 110 216 128 216 C146 216 160 202 160 184 L160 176" />
+    <line x1="40" y1="40" x2="216" y2="216" strokeLinecap="round" />
+  </Icon>
+)
diff --git a/fakemui/icons/Print.tsx b/fakemui/icons/Print.tsx
new file mode 100644
index 000000000..bfc8e87b4
--- /dev/null
+++ b/fakemui/icons/Print.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Print icon - printer with paper
+ */
+export const Print = (props: IconProps) => (
+  <Icon {...props}>
+    <polyline points="64 88 64 32 192 32 192 88" />
+    <rect x="32" y="88" width="192" height="96" rx="8" />
+    <path d="M64 152 L64 224 L192 224 L192 152" />
+    <line x1="88" y1="176" x2="168" y2="176" />
+    <line x1="88" y1="200" x2="144" y2="200" />
+    <circle cx="184" cy="120" r="8" fill="currentColor" />
+  </Icon>
+)
diff --git a/fakemui/icons/Schedule.tsx b/fakemui/icons/Schedule.tsx
new file mode 100644
index 000000000..d13ad852a
--- /dev/null
+++ b/fakemui/icons/Schedule.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Schedule icon - clock with appointment marks
+ */
+export const Schedule = (props: IconProps) => (
+  <Icon {...props}>
+    <circle cx="128" cy="128" r="96" />
+    <polyline points="128 72 128 128 176 128" />
+    <line x1="128" y1="32" x2="128" y2="48" />
+    <line x1="128" y1="208" x2="128" y2="224" />
+    <line x1="32" y1="128" x2="48" y2="128" />
+    <line x1="208" y1="128" x2="224" y2="128" />
+  </Icon>
+)
diff --git a/fakemui/icons/ThumbDown.tsx b/fakemui/icons/ThumbDown.tsx
new file mode 100644
index 000000000..4f81d05a1
--- /dev/null
+++ b/fakemui/icons/ThumbDown.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Thumb down icon - disapproval/dislike indicator
+ */
+export const ThumbDown = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M32 144 L32 48 C32 40 38 32 48 32 L72 32 L72 144 L48 144 C38 144 32 152 32 144" />
+    <path d="M72 144 L72 32 L184 32 C196 32 206 42 208 54 L224 134 C226 146 216 156 204 156 L160 156 L160 200 C160 214 150 224 136 224 L124 224 C118 224 112 218 112 212 L112 168 C112 156 104 144 88 144 Z" />
+  </Icon>
+)
diff --git a/fakemui/icons/ThumbUp.tsx b/fakemui/icons/ThumbUp.tsx
new file mode 100644
index 000000000..531a9bdd8
--- /dev/null
+++ b/fakemui/icons/ThumbUp.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Thumb up icon - approval/like indicator
+ */
+export const ThumbUp = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M32 112 L32 208 C32 216 38 224 48 224 L72 224 L72 112 L48 112 C38 112 32 104 32 112" />
+    <path d="M72 112 L72 224 L184 224 C196 224 206 214 208 202 L224 122 C226 110 216 100 204 100 L160 100 L160 56 C160 42 150 32 136 32 L124 32 C118 32 112 38 112 44 L112 88 C112 100 104 112 88 112 Z" />
+  </Icon>
+)
diff --git a/fakemui/icons/Tune.tsx b/fakemui/icons/Tune.tsx
new file mode 100644
index 000000000..675ee9bca
--- /dev/null
+++ b/fakemui/icons/Tune.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+/**
+ * Tune icon - sliders for settings/filters
+ */
+export const Tune = (props: IconProps) => (
+  <Icon {...props}>
+    <line x1="40" y1="64" x2="216" y2="64" />
+    <line x1="40" y1="128" x2="216" y2="128" />
+    <line x1="40" y1="192" x2="216" y2="192" />
+    <circle cx="80" cy="64" r="16" fill="currentColor" />
+    <circle cx="176" cy="128" r="16" fill="currentColor" />
+    <circle cx="112" cy="192" r="16" fill="currentColor" />
+  </Icon>
+)
diff --git a/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx b/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx
index 5298a6687..9bdcfe504 100644
--- a/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx
+++ b/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx
@@ -105,7 +105,7 @@ const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(
               color: 'text.secondary',
             }}
           >
-            <CloseIcon />
+            <Close />
           </IconButton>
         )}
         {children}
@@ -182,7 +182,7 @@ const DialogClose = forwardRef<
   }
   return (
     <IconButton ref={ref} aria-label="close" onClick={onClick} {...props}>
-      <CloseIcon />
+      <Close />
     </IconButton>
   )
 })