adasd

partials/desktop/shell.php

@@ -53,17 +53,42 @@ $wallpaper = $desktopPayload['desktop']['wallpaper'];
         <main class="desktop-stage">
             <div class="desktop-icons" id="desktop-icons"></div>
 
-            <div class="widget-zone">
-                <?php foreach ($desktopPayload['widgets'] as $widget): ?>
+            <div class="widget-zone" id="widget-zone">
+                <?php foreach ($desktopPayload['widgets']['active'] as $widget): ?>
                     <article class="widget-card">
-                        <h3><?= htmlspecialchars($widget['title'], ENT_QUOTES) ?></h3>
-                        <p><?= htmlspecialchars($widget['content'], ENT_QUOTES) ?></p>
+                        <div class="widget-card-header">
+                            <div>
+                                <h3><?= htmlspecialchars($widget['title'], ENT_QUOTES) ?></h3>
+                                <p><?= htmlspecialchars($widget['summary'] ?? '', ENT_QUOTES) ?></p>
+                            </div>
+                            <span class="widget-badge"><?= htmlspecialchars($widget['icon'] ?? 'WG', ENT_QUOTES) ?></span>
+                        </div>
+                        <p><?= htmlspecialchars($widget['content'] ?? '', ENT_QUOTES) ?></p>
                     </article>
                 <?php endforeach; ?>
             </div>
 
             <div class="window-layer" id="window-layer"></div>
 
+            <section class="start-menu" id="start-menu" hidden>
+                <div class="start-menu-column">
+                    <div class="start-menu-block">
+                        <p class="eyebrow">Quick Actions</p>
+                        <div id="start-menu-actions"></div>
+                    </div>
+                    <div class="start-menu-block">
+                        <p class="eyebrow">Widgets</p>
+                        <div id="start-menu-widgets"></div>
+                    </div>
+                </div>
+                <div class="start-menu-column">
+                    <div class="start-menu-block">
+                        <p class="eyebrow">Apps</p>
+                        <div id="start-menu-apps"></div>
+                    </div>
+                </div>
+            </section>
+
             <footer class="taskbar">
                 <button class="start-button" id="start-button" type="button">Menu</button>
                 <div class="taskbar-apps" id="taskbar-apps"></div>