this.gui 1.3.22 → 1.3.26

package/src/gui/components/organism/ChatGPTInterface/ChatGPTInterface.tsx

@@ -0,0 +1,71 @@
+import React, { useState } from "react";
+import { Box, Button, Typography, Paper, Stack } from "@/gui/components/atoms";
+import TextField from "@/gui/components/atoms/TextField/TextField";
+import Page from "@/gui/components/molecules/Page/Page";
+import { useCodeGen } from "@/gui/hooks/useCodeGen";
+/**
+ * ChatGPTInterface
+ * ------------------
+ * A code generation interface for interacting with ChatGPT inside this.GUI.
+ * Uses existing theme context and GUI atoms.
+ */
+export default function ChatGPTInterface() {
+  const code = useCodeGen();
+  const [prompt, setPrompt] = useState("");
+  const [output, setOutput] = useState("");
+
+  const handleGenerate = async () => {
+    const result = await code.generate("CustomRequest", { prompt });
+    setOutput(result || "No output generated.");
+  };
+
+  return (
+    <Page padding={4} background="background.paper">
+      <Paper
+        sx={{
+          p: 3,
+          width: "100%",
+          maxWidth: 900,
+          mx: "auto",
+          display: "flex",
+          flexDirection: "column",
+          gap: 2,
+        }}
+      >
+        <Typography variant="h6" sx={{ fontWeight: 700 }}>
+          ChatGPT Code Generator
+        </Typography>
+
+        <Stack spacing={2}>
+          <TextField
+            multiline
+            fullWidth
+            rows={4}
+            placeholder="Describe what you want to generate..."
+            value={prompt}
+            onChange={(e) => setPrompt(e.target.value)}
+          />
+          <Button variant="contained" onClick={handleGenerate}>
+            Generate
+          </Button>
+        </Stack>
+
+        {output && (
+          <Box
+            sx={{
+              bgcolor: "background.default",
+              borderRadius: 2,
+              p: 2,
+              mt: 2,
+              whiteSpace: "pre-wrap",
+              fontFamily: "monospace",
+              fontSize: "0.9rem",
+            }}
+          >
+            {output}
+          </Box>
+        )}
+      </Paper>
+    </Page>
+  );
+}

package/src/gui/components/organism/RootDomain/RootDomain.stories.tsx

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RootDomain from './RootDomain';
+
+const RootDomainList = [
+  { "domain": "abellae.com", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Brand extension" },
+  { "domain": "abellae.me", "status": "Active", "provider": "Squarespace", "expiration": "May 16, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Creative identity site" },
+  { "domain": "abellae.music", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Music/creative brand" },
+  { "domain": "abellae.love", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Love brand" },
+  { "domain": "abellae.lol", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Fun brand" },
+  { "domain": "abellae.art", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Art brand" },
+  { "domain": "abellae.space", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Space brand" },
+  { "domain": "abellae.design", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Design brand" },
+  { "domain": "abellae.dev", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Dev brand" },
+  { "domain": "abellae.io", "status": "Active", "provider": "Squarespace", "expiration": "Jun 19, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Tech brand" },
+  { "domain": "suign.com", "status": "Active", "provider": "Squarespace", "expiration": "Jun 30, 2026", "emails": ["me@neurons.me","jabellae@gmail.com"], "notes": "Forwards to www.suign.com" }
+];
+
+const meta: Meta<typeof RootDomain> = {
+  title: 'RootDomain',
+  component: RootDomain,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof RootDomain>;
+
+export const Default: Story = {
+  render: () => <RootDomain services={RootDomainList} />,
+};

package/src/gui/components/organism/RootDomain/RootDomain.tsx

@@ -0,0 +1,100 @@
+
+
+import React, { useState } from "react";
+import { Box, Typography, Divider, Button, Stack, Paper } from "@/gui/components/atoms";
+import Icon from "@/gui/Theme/Icon/Icon";
+
+const staticServices = [
+  {
+    domain: "neurons.me",
+    status: "active",
+    provider: "Namecheap",
+    expiration: "2027-04-02",
+    emails: ["admin@neurons.me", "support@neurons.me"],
+    notes: "Primary neural platform domain."
+  },
+  {
+    domain: "cleaker.com",
+    status: "active",
+    provider: "GoDaddy",
+    expiration: "2025-12-15",
+    emails: ["info@cleaker.com"],
+    notes: "Identity & login service."
+  },
+  {
+    domain: "netget.org",
+    status: "expired",
+    provider: "Google Domains",
+    expiration: "2022-08-10",
+    emails: [],
+    notes: "Renewal pending."
+  },
+  {
+    domain: "ai-space.net",
+    status: "active",
+    provider: "Namecheap",
+    expiration: "2026-03-21",
+    emails: ["owner@ai-space.net", "contact@ai-space.net"],
+    notes: "AI experiments and demos."
+  }
+];
+
+function generateHash(input: string) {
+  let hash = 0;
+  for (let i = 0; i < input.length; i++) {
+    hash = (hash << 5) - hash + input.charCodeAt(i);
+    hash |= 0;
+  }
+  return Math.abs(hash).toString(16);
+}
+
+export default function RootDomain() {
+  const [chain, setChain] = useState(() => {
+    const genesis = {
+      id: 0,
+      timestamp: new Date().toISOString(),
+      data: "Genesis Block",
+      hash: generateHash("Genesis Block"),
+    };
+    return [genesis];
+  });
+
+  const addBlock = (data: string) => {
+    const last = chain[chain.length - 1];
+    const blockData = `${last.hash}-${data}-${Date.now()}`;
+    const newBlock = {
+      id: chain.length,
+      timestamp: new Date().toISOString(),
+      data,
+      hash: generateHash(blockData),
+    };
+    setChain([...chain, newBlock]);
+  };
+
+  return (
+    <Box sx={{ p: 4 }}>
+      <Paper sx={{ p: 2, mb: 4 }}>
+        <Typography variant="h6">Domains</Typography>
+        <Divider sx={{ my: 1 }} />
+        {staticServices.map((svc, idx) => (
+          <Box key={svc.domain + idx} sx={{ mb: 2 }}>
+            <Typography variant="subtitle1" sx={{ fontWeight: 700 }}>
+              {svc.domain}
+            </Typography>
+            <Typography variant="body2" color="text.secondary" sx={{ fontSize: "0.9em" }}>
+              Status: {svc.status} &nbsp;|&nbsp; Provider: {svc.provider} &nbsp;|&nbsp; Expiration: {svc.expiration}
+            </Typography>
+            <Typography variant="body2" color="text.secondary" sx={{ fontSize: "0.9em" }}>
+              Emails: {svc.emails && svc.emails.length > 0 ? svc.emails.join(", ") : <span style={{ color: "#aaa" }}>None</span>}
+            </Typography>
+            <Typography variant="body2" sx={{ fontStyle: "italic", color: "text.secondary" }}>
+              {svc.notes}
+            </Typography>
+          </Box>
+        ))}
+      </Paper>
+
+   
+    </Box>
+  );
+}

package/src/gui/components/organism/RootDomain/staticServices.ts

@@ -0,0 +1,66 @@
+// ---------- STATIC REGISTRY (seed) ----------
+const STATIC_SERVICES /** @type {Service[]} */ = [
+  {
+    id: "cleaker",
+    title: "Cleaker",
+    description: "Identity & login (dApp-ready)",
+    url: "https://cleaker.me",
+    tags: ["identity", "auth"],
+    status: "unknown",
+    protected: true,
+    icon: "unknown",
+  },
+  {
+    id: "neurons",
+    title: "neurons.me",
+    description: "Neural systems & models",
+    url: "https://neurons.me",
+    tags: ["ai", "models"],
+    status: "unknown",
+    protected: false,
+    icon: "unknown" ,
+  },
+  {
+    id: "netget",
+    title: "Netget",
+    description: "Domain/route manager & relays",
+    url: "https://netget.me",
+    tags: ["infra", "routing"],
+    status: "unknown",
+    protected: false,
+    icon: "unknown",
+  },
+];
+
+export const staticServices = [
+  {
+    id: "cleaker",
+    title: "Cleaker",
+    description: "Identity & login (dApp-ready)",
+    url: "https://cleaker.me",
+    tags: ["identity", "auth"],
+    status: "unknown",
+    protected: true,
+    icon: "unknown",
+  },
+  {
+    id: "neurons",
+    title: "neurons.me",
+    description: "Neural systems & models",
+    url: "https://neurons.me",
+    tags: ["ai", "models"],
+    status: "unknown",
+    protected: false,
+    icon: "unknown",
+  },
+  {
+    id: "netget",
+    title: "Netget",
+    description: "Domain/route manager & relays",
+    url: "https://netget.me",
+    tags: ["infra", "routing"],
+    status: "unknown",
+    protected: false,
+    icon: "unknown",
+  },
+];

package/src/gui/components/window/code/hugging.face.api.ts

@@ -0,0 +1,11 @@
+export async function runHuggingFace(model: string, input: string, token: string) {
+  const res = await fetch(`https://api-inference.huggingface.co/models/${model}`, {
+    method: "POST",
+    headers: { 
+      "Authorization": `Bearer ${token}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ inputs: input }),
+  });
+  return await res.json();
+}

package/src/gui/components/window/connectors/index.ts

@@ -0,0 +1,19 @@
+export const connectors = {
+  openai: async (prompt: string) => {
+    const res = await fetch("/api/openai", {
+      method: "POST",
+      body: JSON.stringify({ prompt }),
+      headers: { "Content-Type": "application/json" },
+    });
+    const data = await res.json();
+    return data.result;
+  },
+  huggingface: async (input: string) => {
+    const res = await fetch("/api/huggingface", {
+      method: "POST",
+      body: JSON.stringify({ inputs: input }),
+      headers: { "Content-Type": "application/json" },
+    });
+    return await res.json();
+  },
+};

package/src/gui/components/window/window.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import UncontainedUI from './window';
+const meta: Meta<typeof UncontainedUI> = {
+  title: 'Components/Window',
+  component: UncontainedUI,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof UncontainedUI>;
+export const Default: Story = {
+  args: {},
+  render: () => (
+    <div style={{ width: '100vw', height: '100vh' }}>
+      <UncontainedUI />
+    </div>
+  ),
+};