+
+ Home page
+
Welcome to the SEMOSS Template application! This repository is
meant to be a starting point for your own SEMOSS application.
-
-
-
+
+
-
-
- HelloUser() - --
+
-
-
+ +{isLoadingHelloUser ? "Loading..." : helloUserResponse} -
HelloUser()
+ -
-
-
-
- -- {"CallPython( numValue ="} - -+ {"CallPython( numValue ="}
+ setTextValue(e.target.value?.replace(/\D/g, "")) } - size="small" + className="w-24" /> -- {")"} - --
+
{")"}
+
Example pixel calls:
+-
-
+ +{isLoadingCallPython ? "Loading..." : callPythonResponse} -
+
);
};
diff --git a/client/src/pages/LoginPage.tsx b/client/src/pages/LoginPage.tsx
index 938b908..cc726eb 100644
--- a/client/src/pages/LoginPage.tsx
+++ b/client/src/pages/LoginPage.tsx
@@ -1,7 +1,9 @@
-import { Button, Stack, TextField } from "@mui/material";
import { useInsight } from "@semoss/sdk/react";
import { type ChangeEvent, useRef, useState } from "react";
import { Navigate, useLocation } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
import { useAppContext } from "@/contexts";
import { useLoadingState } from "@/hooks";
@@ -57,48 +59,52 @@ export const LoginPage = () => {
if (isAuthorized) return
An error has occurred. Please try again or contact support if
the problem persists.
-
-
+
+
+
);
};
diff --git a/client/src/pages/layouts/InitializedLayout.tsx b/client/src/pages/layouts/InitializedLayout.tsx
index 54ba7d8..2e42542 100644
--- a/client/src/pages/layouts/InitializedLayout.tsx
+++ b/client/src/pages/layouts/InitializedLayout.tsx
@@ -1,4 +1,3 @@
-import { Stack } from "@mui/material";
import { useInsight } from "@semoss/sdk/react";
import { Outlet } from "react-router-dom";
import { LoadingScreen, MainNavigation, MessageSnackbar } from "@/components";
@@ -17,7 +16,7 @@ export const InitializedLayout = () => {
const { messageSnackbarProps } = useAppContext();
return (
-
+
+ updateState("username", event)}
+ required
+ disabled={isLoginLoading}
+ onKeyDown={(event) => {
+ if (event.key === "Enter" && username) {
+ // If the user hits enter, take them to the password box
+ passwordInputRef.current?.focus();
+ }
+ }}
+ />
+
+
+
+ updateState("password", event)}
+ required
+ disabled={isLoginLoading}
+ type="password"
+ onKeyDown={(event) => {
+ if (event.key === "Enter" && isLoginReady) {
+ // If the user hits Enter, have them attempt to log in
+ passwordLogin();
+ }
+ }}
+ ref={passwordInputRef}
+ />
+ {showError && (
+
-
+ + Username or password is incorrect. +
+ )} +
{/* Allow users to navigate around the app */}
+
+
);
};
diff --git a/client/src/theme.ts b/client/src/theme.ts
deleted file mode 100644
index 8966ade..0000000
--- a/client/src/theme.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createTheme } from "@mui/material";
-
-/**
- * The main theme of the app.
- *
- * This theme can be customized - visit MUI's documentation for help.
- *
- * @constant
- */
-export const THEME = createTheme({
- palette: {
- background: {
- default: "#FFF",
- paper: "#FAFAFA",
- },
- },
-});
diff --git a/client/src/types.d.ts b/client/src/types.d.ts
new file mode 100644
index 0000000..3216278
--- /dev/null
+++ b/client/src/types.d.ts
@@ -0,0 +1,17 @@
+export interface MCPToolRequest {
+ type: "MCP";
+ message: string;
+ id: string;
+ name: string;
+ parameters: Record
{/* Outlet is a react router component; it allows the router to choose the child based on the route */}
) : (
// Otherwise, show a centered loading wheel