blocks-dusted 0.1.12 → 0.1.13

package/templates/blocks/DD-NineCanvas/utilities/webglCleanup.ts

@@ -0,0 +1,27 @@
+export const WEBGL_CLEANUP_EVENT = 'designsdusted:webgl-cleanup'
+
+export type ClientPerformanceMode = 'full' | 'reduced'
+
+export const getClientPerformanceMode = (): ClientPerformanceMode => {
+  if (typeof window === 'undefined') return 'full'
+
+  const navigatorWithHints = navigator as Navigator & {
+    connection?: { saveData?: boolean }
+    deviceMemory?: number
+  }
+
+  const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches
+  const saveData = Boolean(navigatorWithHints.connection?.saveData)
+  const lowMemory =
+    typeof navigatorWithHints.deviceMemory === 'number' && navigatorWithHints.deviceMemory <= 4
+  const lowConcurrency =
+    typeof navigator.hardwareConcurrency === 'number' && navigator.hardwareConcurrency <= 4
+
+  return reducedMotion || saveData || lowMemory || lowConcurrency ? 'reduced' : 'full'
+}
+
+export const requestWebGLCleanup = () => {
+  if (typeof window === 'undefined') return
+
+  window.dispatchEvent(new Event(WEBGL_CLEANUP_EVENT))
+}

package/templates/blocks/DD-PayloadAIAssistant/Component.tsx

@@ -0,0 +1,78 @@
+import { Mic } from 'lucide-react'
+import { DustedBot } from './DustedBot'
+import { adminAIAssistantStyles } from './styles'
+import './demo.css'
+
+// Server-rendered markup only: no state, handlers, requests, recording or plugin imports.
+export function PayloadAIAssistantDemo() {
+  return (
+    <section className="ai-assistant-demo" aria-label="Static AI Duster interface">
+      <style>{adminAIAssistantStyles}</style>
+      <div className="ai-assistant-demo__status">
+        <span>Static interface preview</span>
+        <span>AI and MCP disconnected</span>
+      </div>
+      <div className="payload-ai-assistant__modal">
+        <div className="payload-ai-assistant__topbar">
+          <div>
+            <h2>AI Duster</h2>
+            <p>Actions are limited by your Payload MCP permissions.</p>
+            <p className="ai-assistant-demo__note">
+              Display only — messaging and voice input are disabled.
+            </p>
+            <div className="payload-ai-assistant__dustedBot" aria-hidden="true">
+              <DustedBot />
+            </div>
+          </div>
+          <button
+            type="button"
+            className="payload-ai-assistant__close"
+            disabled
+            aria-label="Close AI Task Duster"
+          >
+            x
+          </button>
+        </div>
+        <div className="payload-ai-assistant__messages">
+          <div className="payload-ai-assistant__message payload-ai-assistant__message--assistant">
+            What needs to get done and dusted?
+          </div>
+          <div className="payload-ai-assistant__message payload-ai-assistant__message--user">
+            Example message · Plain text input
+          </div>
+          <div className="payload-ai-assistant__message payload-ai-assistant__message--assistant">
+            Example assistant response · Static display text. No request has been sent and no CMS
+            content has been changed.
+          </div>
+        </div>
+        <div className="payload-ai-assistant__composer">
+          <textarea
+            placeholder="What needs to get dusted?..."
+            rows={1}
+            disabled
+            aria-label="Message · Plain text field"
+          />
+          <div className="payload-ai-assistant__composer-actions">
+            <button
+              type="button"
+              disabled
+              className="payload-ai-assistant__mic-button"
+              aria-label="Start voice recording"
+            >
+              <Mic aria-hidden="true" size={18} />
+            </button>
+            <button
+              type="button"
+              disabled
+              className="payload-ai-assistant__send-button"
+              aria-label="Send message"
+            >
+              Send
+            </button>
+          </div>
+        </div>
+        <p className="payload-ai-assistant__author">Get Dusted | HZ</p>
+      </div>
+    </section>
+  )
+}