fluxy-bot 0.12.6 → 0.12.7

package/workspace/client/src/components/deleteme_onboarding/WorkspaceTour.tsx

@@ -0,0 +1,94 @@
+/**
+ * First-time workspace onboarding tour.
+ * Uses driver.js to highlight key areas of the workspace.
+ *
+ * This entire folder (deleteme_onboarding) can be safely deleted
+ * once you no longer need the tour. Just remove the import
+ * from App.tsx as well.
+ */
+
+import { useEffect } from 'react';
+import { driver } from 'driver.js';
+import 'driver.js/dist/driver.css';
+import './tour-theme.css';
+
+const TOUR_KEY = 'fluxy_workspace_tour_done';
+
+export default function WorkspaceTour() {
+  useEffect(() => {
+    if (localStorage.getItem(TOUR_KEY)) return;
+
+    // Mark immediately to prevent StrictMode double-fire
+    localStorage.setItem(TOUR_KEY, 'pending');
+
+    const timer = setTimeout(() => {
+      const d = driver({
+        showProgress: true,
+        animate: true,
+        allowClose: true,
+        overlayColor: '#000',
+        overlayOpacity: 0.75,
+        stagePadding: 12,
+        stageRadius: 16,
+        popoverClass: 'fluxy-tour-popover',
+        nextBtnText: 'Next →',
+        prevBtnText: '← Back',
+        doneBtnText: 'Got it!',
+        onDestroyed: () => {
+          localStorage.setItem(TOUR_KEY, '1');
+        },
+        steps: [
+          {
+            element: '#tour-sidebar',
+            popover: {
+              title: 'Your Sidebar',
+              description: 'When you ask Fluxy to build something, it creates an App that shows up right here. Think of it as your personal app launcher.',
+              side: 'right',
+              align: 'start',
+            },
+          },
+          {
+            element: '#tour-dashboard',
+            popover: {
+              title: 'Your Dashboard',
+              description: 'Fluxy can add widgets here with a summary of your apps, the weather in your city, home automation controls... whatever you need at a glance.',
+              side: 'left',
+              align: 'start',
+            },
+          },
+          {
+            element: '#fluxy-widget-toggle',
+            popover: {
+              title: 'Chat with Fluxy',
+              description: 'This is where you talk to your Fluxy. Tell it what to build, ask questions, or just chat. It is always here for you.',
+              side: 'left',
+              align: 'end',
+            },
+          },
+          {
+            popover: {
+              title: 'A few things to know',
+              description: `
+                <div style="display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.5">
+                  <p><strong>Make it yours.</strong> These widgets are just examples. You own this workspace and Fluxy can transform it into anything you want.</p>
+                  <p><strong>Set a workspace password.</strong> By default, your workspace is open. Ask Fluxy to add a password so only you can see your apps and data.</p>
+                  <p><strong>Keep your chat password safe.</strong> It controls access to Fluxy, which has full access to this machine. Use a strong one. If you ever lose it, run <code style="background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px;font-size:12px">fluxy password-reset</code> in your terminal.</p>
+                  <p><strong>Fluxy does more than build apps.</strong> It can research topics, manage files, run commands, and help with just about anything. Just ask.</p>
+                  <p><strong>Fluxy wakes up on its own.</strong> Every 30 minutes, it checks in and can take action proactively. You can adjust this anytime.</p>
+                  <p><strong>Schedule anything.</strong> Ask things like "Every day at 6am, send me a briefing" or "In 40 minutes, remind me to call the dentist." Fluxy handles cron jobs and one-time reminders.</p>
+                  <p><strong>Install it on your phone.</strong> Fluxy is a PWA. You can add it to your home screen and enable push notifications. It only pings you when something actually matters, and you can tune that by asking.</p>
+                </div>
+              `,
+            },
+          },
+        ],
+      });
+
+      d.drive();
+    }, 800);
+
+    return () => clearTimeout(timer);
+  }, []);
+
+  return null;
+}

package/workspace/client/src/components/deleteme_onboarding/tour-theme.css

@@ -0,0 +1,75 @@
+.fluxy-tour-popover {
+  background: #1A1A1A !important;
+  color: #f5f5f5 !important;
+  border: 1px solid rgba(255, 255, 255, 0.08) !important;
+  border-radius: 16px !important;
+  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
+  max-width: 380px !important;
+}
+
+.fluxy-tour-popover .driver-popover-title {
+  color: #f5f5f5 !important;
+  font-size: 16px !important;
+  font-weight: 700 !important;
+}
+
+.fluxy-tour-popover .driver-popover-description {
+  color: rgba(255, 255, 255, 0.6) !important;
+  font-size: 13px !important;
+  line-height: 1.5 !important;
+}
+
+.fluxy-tour-popover .driver-popover-description p strong {
+  color: #f5f5f5 !important;
+}
+
+.fluxy-tour-popover .driver-popover-navigation-btns {
+  gap: 6px !important;
+}
+
+.fluxy-tour-popover .driver-popover-next-btn {
+  background: linear-gradient(to right, #4FF2FE, #BC20DE, #FE546B) !important;
+  color: #fff !important;
+  border: none !important;
+  border-radius: 8px !important;
+  font-weight: 600 !important;
+  font-size: 12px !important;
+  padding: 6px 16px !important;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
+}
+
+.fluxy-tour-popover .driver-popover-prev-btn {
+  background: rgba(255, 255, 255, 0.06) !important;
+  color: rgba(255, 255, 255, 0.6) !important;
+  border: 1px solid rgba(255, 255, 255, 0.08) !important;
+  border-radius: 8px !important;
+  font-weight: 600 !important;
+  font-size: 12px !important;
+  padding: 6px 16px !important;
+  white-space: nowrap !important;
+}
+
+.fluxy-tour-popover .driver-popover-prev-btn:hover {
+  color: #f5f5f5 !important;
+  background: rgba(255, 255, 255, 0.1) !important;
+}
+
+.fluxy-tour-popover .driver-popover-progress-text {
+  color: rgba(255, 255, 255, 0.3) !important;
+  font-size: 11px !important;
+}
+
+.fluxy-tour-popover .driver-popover-close-btn {
+  color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.fluxy-tour-popover .driver-popover-close-btn:hover {
+  color: #f5f5f5 !important;
+}
+
+.fluxy-tour-popover .driver-popover-arrow-side-left,
+.fluxy-tour-popover .driver-popover-arrow-side-right,
+.fluxy-tour-popover .driver-popover-arrow-side-top,
+.fluxy-tour-popover .driver-popover-arrow-side-bottom {
+  border-color: #1A1A1A !important;
+}

package/workspace/client/src/components/ui/sheet.tsx

@@ -57,12 +57,13 @@ function SheetContent({
       <SheetOverlay />
       <SheetPrimitive.Content
         data-slot="sheet-content"
+        aria-describedby={undefined}
         className={cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" &&
             "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           side === "left" &&
-            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 sm:max-w-sm shadow-[4px_0_24px_rgba(0,0,0,0.4)]",
           side === "top" &&
             "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           side === "bottom" &&

package/workspace/client/src/styles/globals.css

@@ -3,7 +3,8 @@
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-  --color-background: #212121;
+  --font-sans: system-ui, -apple-system, sans-serif;
+  --color-background: #0A0A0A;
   --color-foreground: #f5f5f5;
   --color-card: #2a2a2a;
   --color-card-foreground: #f5f5f5;
@@ -45,6 +46,8 @@ html {
 
 body {
   background-color: var(--color-background);
+  background-image: radial-gradient(circle, #1f1f1f 1.2px, transparent 1.2px);
+  background-size: 20px 20px;
   color: var(--color-foreground);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

package/workspace/node_modules/.vite/deps/_metadata.json

@@ -0,0 +1,116 @@
+{
+  "hash": "fe6af95b",
+  "configHash": "2863888b",
+  "lockfileHash": "7341d8fa",
+  "browserHash": "53b1edc2",
+  "optimized": {
+    "clsx": {
+      "src": "../../../../node_modules/clsx/dist/clsx.mjs",
+      "file": "clsx.js",
+      "fileHash": "ca467c2f",
+      "needsInterop": false
+    },
+    "driver.js": {
+      "src": "../../../../node_modules/driver.js/dist/driver.js.mjs",
+      "file": "driver__js.js",
+      "fileHash": "a5adfb86",
+      "needsInterop": false
+    },
+    "framer-motion": {
+      "src": "../../../../node_modules/framer-motion/dist/es/index.mjs",
+      "file": "framer-motion.js",
+      "fileHash": "402fc3cf",
+      "needsInterop": false
+    },
+    "lucide-react": {
+      "src": "../../../../node_modules/lucide-react/dist/esm/lucide-react.js",
+      "file": "lucide-react.js",
+      "fileHash": "98d64dfe",
+      "needsInterop": false
+    },
+    "radix-ui": {
+      "src": "../../../../node_modules/radix-ui/dist/index.mjs",
+      "file": "radix-ui.js",
+      "fileHash": "94bfd520",
+      "needsInterop": false
+    },
+    "react-dom": {
+      "src": "../../../../node_modules/react-dom/index.js",
+      "file": "react-dom.js",
+      "fileHash": "49c9164e",
+      "needsInterop": true
+    },
+    "react-dom/client": {
+      "src": "../../../../node_modules/react-dom/client.js",
+      "file": "react-dom_client.js",
+      "fileHash": "23a5e99a",
+      "needsInterop": true
+    },
+    "react-router": {
+      "src": "../../../../node_modules/react-router/dist/development/index.mjs",
+      "file": "react-router.js",
+      "fileHash": "0772ca8b",
+      "needsInterop": false
+    },
+    "react": {
+      "src": "../../../../node_modules/react/index.js",
+      "file": "react.js",
+      "fileHash": "a920d7d3",
+      "needsInterop": true
+    },
+    "react/jsx-dev-runtime": {
+      "src": "../../../../node_modules/react/jsx-dev-runtime.js",
+      "file": "react_jsx-dev-runtime.js",
+      "fileHash": "24b36689",
+      "needsInterop": true
+    },
+    "react/jsx-runtime": {
+      "src": "../../../../node_modules/react/jsx-runtime.js",
+      "file": "react_jsx-runtime.js",
+      "fileHash": "01361365",
+      "needsInterop": true
+    },
+    "recharts": {
+      "src": "../../../../node_modules/recharts/es6/index.js",
+      "file": "recharts.js",
+      "fileHash": "3d34a992",
+      "needsInterop": false
+    },
+    "sonner": {
+      "src": "../../../../node_modules/sonner/dist/index.mjs",
+      "file": "sonner.js",
+      "fileHash": "9c4b54aa",
+      "needsInterop": false
+    },
+    "tailwind-merge": {
+      "src": "../../../../node_modules/tailwind-merge/dist/bundle-mjs.mjs",
+      "file": "tailwind-merge.js",
+      "fileHash": "004e12e8",
+      "needsInterop": false
+    },
+    "use-sync-external-store": {
+      "src": "../../../../node_modules/use-sync-external-store/index.js",
+      "file": "use-sync-external-store.js",
+      "fileHash": "a7fea51c",
+      "needsInterop": true
+    },
+    "use-sync-external-store/shim": {
+      "src": "../../../../node_modules/use-sync-external-store/shim/index.js",
+      "file": "use-sync-external-store_shim.js",
+      "fileHash": "e2c3ad18",
+      "needsInterop": true
+    },
+    "zustand": {
+      "src": "../../../../node_modules/zustand/esm/index.mjs",
+      "file": "zustand.js",
+      "fileHash": "431b548e",
+      "needsInterop": false
+    }
+  },
+  "chunks": {
+    "react-3_O8oni9": {
+      "file": "react-3_O8oni9.js",
+      "isDynamicEntry": false
+    }
+  }
+}

package/workspace/node_modules/.vite/deps/clsx.js

@@ -0,0 +1,18 @@
+//#region node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
+}
+//#endregion
+export { clsx, clsx as default };
+
+//# sourceMappingURL=clsx.js.map

package/workspace/node_modules/.vite/deps/clsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.js","names":[],"sources":["../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;AAAG,KAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;UAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,EAAE,EAAC;EAAC,IAAI,IAAE,EAAE;AAAO,OAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,OAAK,IAAE,EAAE,EAAE,GAAG,MAAI,MAAI,KAAG,MAAK,KAAG;OAAQ,MAAI,KAAK,EAAE,GAAE,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,QAAO;;AAAE,SAAgB,OAAM;AAAC,MAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,QAAM,IAAE,EAAE,EAAE,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,QAAO"}