issue/48

README.md

@@ -52,8 +52,8 @@ TBD
 
 ## License
 
-Distributed under the GPL v3 License. See
-[GPL V3 License](https://opensource.org/license/gpl-3-0) for more information.
+Distributed under the Apache License 2.0. See
+[Apache 2.0 License](https://www.apache.org/licenses/LICENSE-2.0) for more information.
 
 ## Development
 

apps/customer_dashboard/src/app/users/sign_in/page.module.scss

@@ -15,10 +15,11 @@
   justify-content: center;
 }
 
-.rectangleSection {
-  background: var(--bg-secondary);
-  height: 562px;
-  border-radius: 24px;
-  width: 683px;
-  flex-shrink: 0;
+.formFrame {
+  position: relative;
+  padding: 40px;
+  background-image: url("/signin_form_frame.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
 }

apps/customer_dashboard/src/app/users/sign_in/page.tsx

@@ -8,8 +8,9 @@ export default function Page() {
       <DashboardHeader />
 
       <div className={styles.body}>
-        <div className={styles.rectangleSection}></div>
-        <SignInForm />
+        <div className={styles.formFrame}>
+          <SignInForm />
+        </div>
       </div>
     </div>
   );

apps/customer_dashboard/src/components/sign_in_form/sign_in_form.module.scss

@@ -10,11 +10,10 @@
 
 .cardHeader {
   display: flex;
-  height: 140px;
   justify-content: center;
   align-items: flex-start;
-  gap: 10px;
-  margin-top: 20px;
+  margin-top: 24px;
+  margin-bottom: 32px;
 }
 
 .cardLogoContainer {

apps/customer_dashboard/src/components/sign_in_form/sign_in_form.tsx

@@ -30,7 +30,7 @@ export const SignInForm: React.FC = () => {
     <Card className={styles.loginCard} variant="elevated" padding="lg">
       <div className={styles.cardHeader}>
         {/* NOTE: theme is hardcoded to light for now */}
-        <Logo theme={"light"} />
+        <Logo theme={"light"} width={58} height={22} />
       </div>
 
       <AccountForm

apps/demo_web/src/app/layout.tsx

@@ -25,7 +25,7 @@ export const metadata: Metadata = {
   title: "Oko Demo",
   description: "Oko Demo",
   icons: {
-    icon: "/favicon.png",
+    icon: "/oko_favicon.png",
   },
   openGraph: {
     type: "website",

apps/demo_web/src/components/global_header/global_header.module.scss

@@ -30,10 +30,10 @@
 }
 
 .logoResponsive {
-  width: 74px;
+  width: auto;
   height: 32px;
   flex-shrink: 0;
-  aspect-ratio: 37/16;
+  // aspect-ratio: 37/16;
 
   // TODO: new logo responsive size is required
   // @media (min-width: $desktop_min_width) {

apps/demo_web/src/components/widgets/login_widget/login_default_view.tsx

@@ -9,8 +9,8 @@ import { Spacing } from "@oko-wallet/oko-common-ui/spacing";
 import { TelegramIcon } from "@oko-wallet/oko-common-ui/icons/telegram_icon";
 import { XIcon } from "@oko-wallet/oko-common-ui/icons/x_icon";
 import { AppleIcon } from "@oko-wallet/oko-common-ui/icons/apple_icon";
-import { OkoProductLogoIcon } from "@oko-wallet/oko-common-ui/icons/oko_product_logo_icon";
 import { MailboxIcon } from "@oko-wallet/oko-common-ui/icons/mailbox";
+import { OkoLogoIcon } from "@oko-wallet-common-ui/icons/oko_logo_icon";
 
 import styles from "./login_widget.module.scss";
 
@@ -31,10 +31,7 @@ export const LoginDefaultView: FC<LoginDefaultViewProps> = ({
   return (
     <Fragment>
       <div className={styles.logoWrapper}>
-        <Typography size="sm" weight="medium" color="primary">
-          Login or sign up
-        </Typography>
-        <Logo theme={"light"} />
+        <Logo theme={"light"} width={84} height={32} />
       </div>
 
       <Button
@@ -104,9 +101,9 @@ export const LoginDefaultView: FC<LoginDefaultViewProps> = ({
 
       <div className={styles.getSupportRow}>
         <div className={styles.byKeplrRow}>
-          <OkoProductLogoIcon width={43.26} height={20} theme={"light"} />
-          <Typography size="xs" weight="medium" color="secondary">
-            by Keplr
+          <OkoLogoIcon width={47} height={18} theme={"light"} />
+          <Typography size="sm" weight="medium" color="secondary">
+            Oko
           </Typography>
         </div>
         <a

apps/docs_web/docusaurus.config.ts

@@ -1,6 +1,7 @@
 import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
+import type { PluginOptions } from "@signalwire/docusaurus-plugin-llms-txt/public";
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
@@ -103,6 +104,25 @@ const config: Config = {
       additionalLanguages: ["bash"],
     },
   } satisfies Preset.ThemeConfig,
+  themes: ["@signalwire/docusaurus-theme-llms-txt"],
+  plugins: [
+    [
+      "@signalwire/docusaurus-plugin-llms-txt",
+      {
+        llmsTxt: {
+          enableLlmsFullTxt: true,
+        },
+        ui: {
+          copyPageContent: {
+            contentStrategy: "prefer-markdown",
+            display: {
+              docs: true,
+            },
+          },
+        },
+      } satisfies PluginOptions,
+    ],
+  ],
 };
 
 export default config;

apps/docs_web/package.json

@@ -13,19 +13,21 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "3.8.1",
-    "@docusaurus/plugin-client-redirects": "3.6.3",
-    "@docusaurus/preset-classic": "3.8.1",
+    "@docusaurus/core": "3.9.2",
+    "@docusaurus/plugin-client-redirects": "3.9.2",
+    "@docusaurus/preset-classic": "3.9.2",
     "@mdx-js/react": "^3.0.0",
+    "@signalwire/docusaurus-plugin-llms-txt": "2.0.0-alpha.7",
+    "@signalwire/docusaurus-theme-llms-txt": "1.0.0-alpha.8",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.8.1",
-    "@docusaurus/tsconfig": "3.8.1",
-    "@docusaurus/types": "3.8.1",
+    "@docusaurus/module-type-aliases": "3.9.2",
+    "@docusaurus/tsconfig": "3.9.2",
+    "@docusaurus/types": "3.9.2",
     "typescript": "~5.6.2"
   },
   "browserslist": {

apps/import_demo_web/src/components/widgets/login_widget/login_default_view.tsx

@@ -9,8 +9,8 @@ import { Spacing } from "@oko-wallet/oko-common-ui/spacing";
 import { TelegramIcon } from "@oko-wallet/oko-common-ui/icons/telegram_icon";
 import { XIcon } from "@oko-wallet/oko-common-ui/icons/x_icon";
 import { AppleIcon } from "@oko-wallet/oko-common-ui/icons/apple_icon";
-import { OkoProductLogoIcon } from "@oko-wallet/oko-common-ui/icons/oko_product_logo_icon";
 import { MailboxIcon } from "@oko-wallet/oko-common-ui/icons/mailbox";
+import { OkoLogoIcon } from "@oko-wallet-common-ui/icons/oko_logo_icon";
 
 import styles from "./login_widget.module.scss";
 
@@ -104,7 +104,7 @@ export const LoginDefaultView: FC<LoginDefaultViewProps> = ({
 
       <div className={styles.getSupportRow}>
         <div className={styles.byKeplrRow}>
-          <OkoProductLogoIcon width={43.26} height={20} theme={"light"} />
+          <OkoLogoIcon width={47} height={18} theme={"light"} />
           <Typography size="xs" weight="medium" color="secondary">
             by Keplr
           </Typography>

apps/oko_admin_web/src/components/navigation/nav_items.tsx

@@ -19,8 +19,9 @@ export const navigationItems: NavigationItem[] = [
   },
   {
     label: "Manage Users",
-    route: paths.user_list,
+    route: "manage-users-menu",
     icon: <UsersIcon color="var(--gray-400)" className={styles.icon} />,
+    subItems: [{ label: "User List", route: paths.user_list }],
   },
   {
     label: "Sig Shares",

apps/oko_admin_web/src/components/navigation/navigation.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { useEffect, useState } from "react";
 import { usePathname, useRouter } from "next/navigation";
 
 import styles from "./navigation.module.scss";
@@ -20,60 +19,30 @@ export interface NavigationProps {
 }
 
 export const Navigation: React.FC<NavigationProps> = () => {
-  const [openMenus, setOpenMenus] = useState<Record<string, boolean>>({});
   const router = useRouter();
   const pathname = usePathname();
 
-  useEffect(() => {
-    const newOpenMenus: Record<string, boolean> = {};
-    navigationItems.forEach((item) => {
-      if (item.subItems) {
-        const isCurrentPath = item.subItems.some(
-          (subItem) => pathname === subItem.route,
-        );
-        if (isCurrentPath) {
-          newOpenMenus[item.route] = true;
-        }
-      }
-    });
-    setOpenMenus(newOpenMenus);
-  }, [pathname]);
-
-  const toggleMenu = (route: string) => {
-    setOpenMenus((prev) => ({
-      ...prev,
-      [route]: !prev[route],
-    }));
-  };
-
   return (
     <div className={styles.wrapper}>
       {navigationItems.map((item) => {
         if (item.subItems && item.subItems.length > 0) {
           return (
             // has sub items
             <div key={item.route}>
-              <NavItem
-                kind="trigger"
-                // TODO: @elden
-                onClick={() => toggleMenu(item.route)}
-                icon={item.icon}
-              >
+              <NavItem kind="trigger" icon={item.icon}>
                 {item.label}
               </NavItem>
-              {openMenus[item.route] && (
-                <NavMenu>
-                  {item.subItems.map((subItem) => (
-                    <NavItem
-                      key={subItem.route}
-                      onClick={() => router.push(subItem.route)}
-                      active={pathname === subItem.route}
-                    >
-                      {subItem.label}
-                    </NavItem>
-                  ))}
-                </NavMenu>
-              )}
+              <NavMenu>
+                {item.subItems.map((subItem) => (
+                  <NavItem
+                    key={subItem.route}
+                    onClick={() => router.push(subItem.route)}
+                    active={pathname === subItem.route}
+                  >
+                    {subItem.label}
+                  </NavItem>
+                ))}
+              </NavMenu>
             </div>
           );
         } else {

backend/admin_api/src/routes/activate_ks_node.ts

@@ -0,0 +1,45 @@
+import type { Response, Router } from "express";
+import type { OkoApiResponse } from "@oko-wallet/oko-types/api_response";
+import type {
+  GetAllKSNodeResponse,
+  CreateKSNodeResponse,
+  DeactivateKSNodeRequest,
+  DeactivateKSNodeResponse,
+  GetKSNodeByIdRequest,
+  GetKSNodeByIdResponse,
+  UpdateKSNodeRequest,
+  UpdateKSNodeResponse,
+  ActivateKSNodeRequest,
+  ActivateKSNodeResponse,
+} from "@oko-wallet/oko-types/admin";
+import type { CreateKSNodeRequest } from "@oko-wallet/oko-types/admin";
+import { ErrorCodeMap } from "@oko-wallet/oko-api-error-codes";
+
+import {
+  adminAuthMiddleware,
+  type AuthenticatedAdminRequest,
+} from "@oko-wallet-admin-api/middleware";
+import {
+  getAllKSNodes,
+  createKSNode,
+  deactivateKSNode,
+  getKSNodeById,
+  updateKSNode,
+  activateKSNode,
+  deleteKSNode,
+} from "@oko-wallet-admin-api/api/ks_node";
+
+export async function activate_ks_node(
+  req: AuthenticatedAdminRequest<ActivateKSNodeRequest>,
+  res: Response<OkoApiResponse<ActivateKSNodeResponse>>,
+) {
+  const state = req.app.locals;
+
+  const result = await activateKSNode(state.db, req.body);
+  if (!result.success) {
+    res.status(ErrorCodeMap[result.code] ?? 500).json(result);
+    return;
+  }
+
+  res.status(200).json(result);
+}