@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

package/dist/components/common/SolidAdmin.tsx

@@ -1,194 +1,179 @@
-import { Message } from "primereact/message";
 import { env } from "../../adapters/env";
-import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import SolidLogo from '../../resources/images/SolidXLogo-dark.svg'
+import { ChatIcon } from "../layout/SolidAiStudioLayout";
 
 export const SolidAdmin = () => {
   const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL");
   const hasRedirect = Boolean(redirectUrl);
+  const aiChatUrl = env("VITE_SOLIDX_AI_URL");
+  const canOpenChat = Boolean(aiChatUrl);
+
+  const handleChatLaunch = () => {
+    if (!aiChatUrl) return;
+    window.open(aiChatUrl, "_blank");
+  };
 
   return (
     <>
       <style>{`
-        @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');
-
         .solid-welcome {
           min-height: 100vh;
-          background: #FFF;
+          background: var(--background);
           display: flex;
           align-items: center;
           justify-content: center;
-          font-family: 'DM Sans', sans-serif;
           padding: 2rem;
         }
 
         .welcome-card {
           text-align: center;
-          max-width: 560px;
+          max-width: 480px;
           width: 100%;
+          background-color: var(--card);
+          border: 1px solid var(--border);
+          border-radius: 12px;
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+          overflow: hidden;
+          display: flex;
+          flex-direction: column;
         }
 
-
-        .logo-wrap {
-          display: inline-flex;
+        .welcome-card-header {
+          padding: 32px 32px 16px;
+          display: flex;
+          flex-direction: column;
           align-items: center;
-          justify-content: center;
-          width: 56px;
-          height: 56px;
-          background: #1A1A1A;
-          border-radius: 14px;
-          margin-bottom: 2rem;
+          gap: 12px;
         }
 
-        .logo-letter {
-          font-family: 'Lora', serif;
-          font-weight: 500;
-          font-size: 1.5rem;
-          color: #FAFAF8;
-          letter-spacing: -0.02em;
-        }
-
-        .welcome-eyebrow {
-          font-size: 0.72rem;
-          font-weight: 500;
-          letter-spacing: 0.12em;
-          text-transform: uppercase;
-          color: #A0A096;
-          margin-bottom: 0.85rem;
+        .welcome-card-content {
+          padding: 0 32px 16px;
         }
 
         .welcome-title {
-          font-family: 'Lora', serif;
-          font-size: 2.4rem;
-          font-weight: 400;
-          color: #1A1A1A;
+          font-size: 24px;
+          font-weight: 500;
+          color: var(--foreground);
           line-height: 1.2;
-          margin-bottom: 1.25rem;
-          letter-spacing: -0.02em;
-        }
-
-        .welcome-title em {
-          font-style: italic;
-          color: #555550;
-        }
-
-        .divider {
-          width: 36px;
-          height: 1.5px;
-          background: #D4D4CC;
-          margin: 0 auto 1.25rem;
+          margin: 0;
+          letter-spacing: 0em;
         }
 
         .welcome-desc {
-          font-size: 0.975rem;
-          font-weight: 300;
-          color: #6E6E66;
-          line-height: 1.75;
-          margin-bottom: 2.25rem;
+          font-size: 14px;
+          color: var(--muted-foreground);
+          line-height: 1.6;
+          margin-bottom: 12px;
         }
 
         .features-row {
           display: flex;
           justify-content: center;
-          gap: 1rem;
+          gap: 0px;
           flex-wrap: wrap;
+          margin-bottom: 12px;
         }
 
-        .feature-pill {
-          font-size: 0.78rem;
-          font-weight: 400;
-          color: #7A7A72;
-          background: #F0F0EC;
-          border: 1px solid #E4E4DF;
-          border-radius: 100px;
-          padding: 0.35rem 0.9rem;
-          letter-spacing: 0.01em;
-          transition: background 0.2s, color 0.2s;
-          cursor: default;
+        .chat-hint {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 12px;
+          margin-top: 12px;
+          padding-top: 12px;
+          border-top: 1px solid var(--border);
         }
 
-        .feature-pill:hover {
-          background: #E8E8E3;
-          color: #3A3A35;
+        .chat-hint p {
+          margin: 0;
+          font-size: 13px;
+          color: var(--muted-foreground);
         }
 
         .hint {
-          margin-top: 2.5rem;
-          font-size: 0.78rem;
-          color: #B0B0A8;
-          font-weight: 300;
+          font-size: 12px;
+          color: var(--muted-foreground);
+          opacity: 0.8;
+        }
+
+        .chat-button {
+          border: none;
+          background: #111827;
+          color: #fff;
+          border-radius: 999px;
+          padding: 0.5rem 1.25rem;
+          font-size: 14px;
+          font-weight: 500;
+          display: inline-flex;
+          align-items: center;
+          gap: 8px;
+          cursor: pointer;
+          transition: transform 0.15s ease, box-shadow 0.15s ease;
+        }
+
+        .chat-button:disabled {
+          opacity: 0.4;
+          cursor: not-allowed;
         }
 
-        .hint span {
-          display: inline-block;
-          background: #EDEDE9;
-          border: 1px solid #E0E0DB;
-          border-radius: 5px;
-          padding: 0.1rem 0.45rem;
-          font-size: 0.72rem;
-          color: #8A8A82;
-          font-family: monospace;
-          vertical-align: middle;
+        .chat-button:not(:disabled):hover {
+          transform: translateY(-1px);
+          box-shadow: 0 8px 15px rgba(17, 24, 39, 0.2);
         }
       `}</style>
 
-      {/* <div className="flex flex-column align-items-center justify-content-center min-h-screen bg-white">
-        {!hasRedirect && (
-          <div className="mb-3">
-            <Message
-              severity="warn"
-              text="Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL."
-            />
-          </div>
-        )}
-        {hasRedirect && (
-          <>
+      <div className="solid-welcome">
+
+        <div className="solid-studio-card welcome-card">
+
+          <div className="welcome-card-header">
             <img
               alt="solid logo"
               src={SolidLogo}
-              className="mb-5 w-6rem flex-shrink-0"
+              className="mb-2 w-4rem flex-shrink-0"
+              style={{ opacity: 0.9 }}
             />
-            <h1 className="mt-0 mb-3">Welcome to SolidX</h1>
-            <p className="text-600 line-height-3 mt-0 mb-5 text-xl w-5 text-center">
-              SolidX is the admin console for managing modules, models, views, and permissions. Use the
-              left navigation to explore modules, configure settings, and build your app.
-            </p>
-          </>
-        )}
-      </div> */}
-      <div className="solid-welcome">
-
-        <div className="welcome-card">
-
-          <img
-            alt="solid logo"
-            src={SolidLogo}
-            className="mb-5 w-6rem flex-shrink-0"
-          />
 
-          <p className="welcome-eyebrow">Admin Console</p>
+            <div className="solid-studio-home-badge">Admin Console</div>
 
-          <h1 className="welcome-title">
-            Welcome to <em>SolidX</em>
-          </h1>
-
-          <div className="divider" />
+            <h1 className="welcome-title">
+              Welcome to SolidX
+            </h1>
+          </div>
 
-          <p className="welcome-desc">
-            Manage your modules, models, views, and permissions
-            from one place. Use the navigation on the left to
-            explore and configure your application.
-          </p>
+          <div className="welcome-card-content">
+            <p className="welcome-desc">
+              Manage modules, models, views, and permissions
+              from one place. Use the navigation on the left to
+              explore and configure your application.
+            </p>
 
-          <div className="features-row">
-            {["Modules", "Models", "Views", "Permissions", "Settings"].map((label) => (
-              <span key={label} className="feature-pill">{label}</span>
-            ))}
+            <div className="features-row">
+              {["Modules", "Models", "Views", "Permissions", "Settings"].map((label) => (
+                <span key={label} className="solid-studio-home-badge" style={{ textTransform: 'none', letterSpacing: 'normal' }}>
+                  {label}
+                </span>
+              ))}
+            </div>
+
+            <div className="chat-hint">
+              <p>Need help scaffolding? Ask the SolidX AI Agent.</p>
+              <button
+                type="button"
+                className="chat-button"
+                onClick={handleChatLaunch}
+                disabled={!canOpenChat}
+                aria-label="Open SolidX AI chat"
+              >
+                <ChatIcon />
+                <span>Open AI Chat</span>
+              </button>
+              <p className="hint">
+                Or select a section from the left sidebar
+              </p>
+            </div>
           </div>
 
-          <p className="hint">
-            Get started by selecting a section from the <span>left nav</span>
-          </p>
-
         </div>
 
       </div>

package/dist/components/common/SolidBreadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB;AAcD,eAAO,MAAM,eAAe,UAAW,KAAK,4CAmG3C,CAAC"}
+{"version":3,"file":"SolidBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB;AAcD,eAAO,MAAM,eAAe,UAAW,KAAK,4CAyG3C,CAAC"}

package/dist/components/common/SolidBreadcrumb.js

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
-import { BreadCrumb } from "primereact/breadcrumb";
 import { useEffect, useState } from "react";
+import { ChevronRight } from "lucide-react";
 var toTitleCase = function (str) {
     return str
         .replace(/[-_]/g, " ")
@@ -56,7 +45,7 @@ export var SolidBreadcrumb = function (props) {
     useEffect(function () {
         if (typeof window !== "undefined") {
             var storedView = sessionStorage.getItem("fromView");
-            if (storedView === "list" || storedView === "kanban") {
+            if (storedView === "list" || storedView === "kanban" || storedView === "card") {
                 setFromView(storedView);
             }
         }
@@ -77,15 +66,14 @@ export var SolidBreadcrumb = function (props) {
                 : decodeURIComponent(queryUserKeyField || userKeyFieldValue || segments[segments.length - 1] || ""),
         });
     }
-    var items = breadcrumbItems.map(function (item, index) { return (__assign({ label: item.label }, (item.link
-        ? {
-            template: function () {
+    return (_jsx("nav", { className: "solid-breadcrumb", "aria-label": "Breadcrumb", children: _jsx("ol", { className: "solid-breadcrumb-list", children: breadcrumbItems.map(function (item, index) {
                 var fullLabel = item.label;
                 var truncatedLabel = truncateText(fullLabel, 10);
                 var shouldTruncate = fullLabel.length > 10;
-                var handleClick = function (e) {
-                    e.preventDefault();
-                    // prefer stored full return url which preserves query params (action/menu)
+                var isLast = index === breadcrumbItems.length - 1;
+                var handleClick = function () {
+                    if (!item.link)
+                        return;
                     if (typeof window !== "undefined") {
                         var storedFullUrl = sessionStorage.getItem("fromViewUrl");
                         if (storedFullUrl) {
@@ -95,10 +83,7 @@ export var SolidBreadcrumb = function (props) {
                     }
                     router.push(item.link);
                 };
-                return (_jsx("a", { onClick: handleClick, children: _jsx("p", { className: "".concat(index === 1 ? 'font-bold' : 'font-normal', " ").concat(shouldTruncate ? 'cursor-pointer' : ''), title: shouldTruncate ? fullLabel : undefined, children: truncatedLabel }) }));
-            },
-        }
-        : {}))); });
-    return _jsx(BreadCrumb, { model: items, className: "solid-breadcrumb" });
+                return (_jsxs("li", { className: "solid-breadcrumb-item", children: [item.link ? (_jsx("button", { type: "button", className: "solid-breadcrumb-link", onClick: handleClick, title: shouldTruncate ? fullLabel : undefined, children: _jsx("span", { className: isLast ? "font-bold" : "font-normal", children: truncatedLabel }) })) : (_jsx("span", { className: "solid-breadcrumb-current", title: shouldTruncate ? fullLabel : undefined, children: truncatedLabel })), !isLast ? _jsx(ChevronRight, { size: 14, className: "solid-breadcrumb-separator" }) : null] }, "".concat(item.label, "-").concat(index)));
+            }) }) }));
 };
 //# sourceMappingURL=SolidBreadcrumb.js.map

package/dist/components/common/SolidBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { BreadCrumb } from \"primereact/breadcrumb\";\nimport { useEffect, useState } from \"react\";\n\ninterface BreadcrumbItem {\n  label: string;\n  link?: string;\n}\n\ninterface Props {\n  solidFormViewMetaData?: any;\n  initialEntityData?: any;\n}\n\nconst toTitleCase = (str: string) => {\n  return str\n    .replace(/[-_]/g, \" \")\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst truncateText = (text: string, maxLength: number = 15) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\nexport const SolidBreadcrumb = (props: Props) => {\n  const { solidFormViewMetaData, initialEntityData } = props;\n\n  const modelMetadata = solidFormViewMetaData?.data?.solidView?.model;\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const segments = pathname.split(\"/\").filter(Boolean);\n\n  let userKeyFieldValue: string | null = null;\n\n  if (modelMetadata?.userKeyField) {\n    const userKeyFieldName = modelMetadata.userKeyField.name;\n    if (userKeyFieldName && initialEntityData?.[userKeyFieldName] !== undefined) {\n      userKeyFieldValue = initialEntityData[userKeyFieldName];\n    }\n  }\n\n  const queryUserKeyField = searchParams.get(\"userKeyField\");\n  const isNewForm = pathname.endsWith(\"/new\");\n\n  useEffect(() => {\n    if (!isNewForm && userKeyFieldValue && !queryUserKeyField) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set(\"userKeyField\", userKeyFieldValue);\n      const newUrl = `${pathname}?${params.toString()}`;\n      router.push(newUrl);\n    }\n  }, [pathname, userKeyFieldValue, queryUserKeyField, isNewForm, router]);\n\n  const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const storedView = sessionStorage.getItem(\"fromView\");\n      if (storedView === \"list\" || storedView === \"kanban\") {\n        setFromView(storedView);\n      }\n    }\n  }, []);\n\n  const breadcrumbItems: BreadcrumbItem[] = [];\n\n  if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n    const moduleName = segments[2];\n    const modelName = segments[3];\n    const modelDisplayName = modelMetadata?.displayName || toTitleCase(modelName);\n\n    // Link to model list or kanban view based on stored view\n    breadcrumbItems.push({\n      label: modelDisplayName,\n      link: `/admin/core/${moduleName}/${modelName}/${fromView || \"list\"}`,\n    });\n\n    breadcrumbItems.push({\n      label: isNewForm\n        ? `Add ${modelDisplayName} Details`\n        : decodeURIComponent(queryUserKeyField || userKeyFieldValue || segments[segments.length - 1] || \"\"),\n    });\n  }\n\n  const items = breadcrumbItems.map((item, index) => ({\n    label: item.label,\n    ...(item.link\n      ? {\n        template: () => {\n          const fullLabel = item.label;\n          const truncatedLabel = truncateText(fullLabel, 10);\n          const shouldTruncate = fullLabel.length > 10;\n\n          const handleClick = (e: any) => {\n            e.preventDefault();\n            // prefer stored full return url which preserves query params (action/menu)\n            if (typeof window !== \"undefined\") {\n              const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n              if (storedFullUrl) {\n                router.push(storedFullUrl);\n                return;\n              }\n            }\n            router.push(item.link!);\n          };\n\n          return (\n            <a onClick={handleClick}>\n              <p\n                className={`${index === 1 ? 'font-bold' : 'font-normal'} ${shouldTruncate ? 'cursor-pointer' : ''}`}\n                title={shouldTruncate ? fullLabel : undefined}\n              >\n                {truncatedLabel}\n              </p>\n            </a>\n          );\n        },\n      }\n      : {}),\n  }));\n\n  return <BreadCrumb model={items} className=\"solid-breadcrumb\" />;\n};\n"]}
+{"version":3,"file":"SolidBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { ChevronRight } from \"lucide-react\";\n\ninterface BreadcrumbItem {\n  label: string;\n  link?: string;\n}\n\ninterface Props {\n  solidFormViewMetaData?: any;\n  initialEntityData?: any;\n}\n\nconst toTitleCase = (str: string) => {\n  return str\n    .replace(/[-_]/g, \" \")\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst truncateText = (text: string, maxLength: number = 15) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\nexport const SolidBreadcrumb = (props: Props) => {\n  const { solidFormViewMetaData, initialEntityData } = props;\n\n  const modelMetadata = solidFormViewMetaData?.data?.solidView?.model;\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const segments = pathname.split(\"/\").filter(Boolean);\n\n  let userKeyFieldValue: string | null = null;\n\n  if (modelMetadata?.userKeyField) {\n    const userKeyFieldName = modelMetadata.userKeyField.name;\n    if (userKeyFieldName && initialEntityData?.[userKeyFieldName] !== undefined) {\n      userKeyFieldValue = initialEntityData[userKeyFieldName];\n    }\n  }\n\n  const queryUserKeyField = searchParams.get(\"userKeyField\");\n  const isNewForm = pathname.endsWith(\"/new\");\n\n  useEffect(() => {\n    if (!isNewForm && userKeyFieldValue && !queryUserKeyField) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set(\"userKeyField\", userKeyFieldValue);\n      const newUrl = `${pathname}?${params.toString()}`;\n      router.push(newUrl);\n    }\n  }, [pathname, userKeyFieldValue, queryUserKeyField, isNewForm, router]);\n\n  const [fromView, setFromView] = useState<\"list\" | \"kanban\" | \"card\" | null>(null);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const storedView = sessionStorage.getItem(\"fromView\");\n      if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\") {\n        setFromView(storedView);\n      }\n    }\n  }, []);\n\n  const breadcrumbItems: BreadcrumbItem[] = [];\n\n  if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n    const moduleName = segments[2];\n    const modelName = segments[3];\n    const modelDisplayName = modelMetadata?.displayName || toTitleCase(modelName);\n\n    // Link to model list or kanban view based on stored view\n    breadcrumbItems.push({\n      label: modelDisplayName,\n      link: `/admin/core/${moduleName}/${modelName}/${fromView || \"list\"}`,\n    });\n\n    breadcrumbItems.push({\n      label: isNewForm\n        ? `Add ${modelDisplayName} Details`\n        : decodeURIComponent(queryUserKeyField || userKeyFieldValue || segments[segments.length - 1] || \"\"),\n    });\n  }\n\n  return (\n    <nav className=\"solid-breadcrumb\" aria-label=\"Breadcrumb\">\n      <ol className=\"solid-breadcrumb-list\">\n        {breadcrumbItems.map((item, index) => {\n          const fullLabel = item.label;\n          const truncatedLabel = truncateText(fullLabel, 10);\n          const shouldTruncate = fullLabel.length > 10;\n          const isLast = index === breadcrumbItems.length - 1;\n\n          const handleClick = () => {\n            if (!item.link) return;\n            if (typeof window !== \"undefined\") {\n              const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n              if (storedFullUrl) {\n                router.push(storedFullUrl);\n                return;\n              }\n            }\n            router.push(item.link);\n          };\n\n          return (\n            <li key={`${item.label}-${index}`} className=\"solid-breadcrumb-item\">\n              {item.link ? (\n                <button\n                  type=\"button\"\n                  className=\"solid-breadcrumb-link\"\n                  onClick={handleClick}\n                  title={shouldTruncate ? fullLabel : undefined}\n                >\n                  <span className={isLast ? \"font-bold\" : \"font-normal\"}>{truncatedLabel}</span>\n                </button>\n              ) : (\n                <span className=\"solid-breadcrumb-current\" title={shouldTruncate ? fullLabel : undefined}>\n                  {truncatedLabel}\n                </span>\n              )}\n              {!isLast ? <ChevronRight size={14} className=\"solid-breadcrumb-separator\" /> : null}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"]}

package/dist/components/common/SolidBreadcrumb.tsx

@@ -3,8 +3,8 @@
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
-import { BreadCrumb } from "primereact/breadcrumb";
 import { useEffect, useState } from "react";
+import { ChevronRight } from "lucide-react";
 
 interface BreadcrumbItem {
   label: string;
@@ -58,12 +58,12 @@ export const SolidBreadcrumb = (props: Props) => {
     }
   }, [pathname, userKeyFieldValue, queryUserKeyField, isNewForm, router]);
 
-  const [fromView, setFromView] = useState<"list" | "kanban" | null>(null);
+  const [fromView, setFromView] = useState<"list" | "kanban" | "card" | null>(null);
 
   useEffect(() => {
     if (typeof window !== "undefined") {
       const storedView = sessionStorage.getItem("fromView");
-      if (storedView === "list" || storedView === "kanban") {
+      if (storedView === "list" || storedView === "kanban" || storedView === "card") {
         setFromView(storedView);
       }
     }
@@ -89,18 +89,17 @@ export const SolidBreadcrumb = (props: Props) => {
     });
   }
 
-  const items = breadcrumbItems.map((item, index) => ({
-    label: item.label,
-    ...(item.link
-      ? {
-        template: () => {
+  return (
+    <nav className="solid-breadcrumb" aria-label="Breadcrumb">
+      <ol className="solid-breadcrumb-list">
+        {breadcrumbItems.map((item, index) => {
           const fullLabel = item.label;
           const truncatedLabel = truncateText(fullLabel, 10);
           const shouldTruncate = fullLabel.length > 10;
+          const isLast = index === breadcrumbItems.length - 1;
 
-          const handleClick = (e: any) => {
-            e.preventDefault();
-            // prefer stored full return url which preserves query params (action/menu)
+          const handleClick = () => {
+            if (!item.link) return;
             if (typeof window !== "undefined") {
               const storedFullUrl = sessionStorage.getItem("fromViewUrl");
               if (storedFullUrl) {
@@ -108,23 +107,30 @@ export const SolidBreadcrumb = (props: Props) => {
                 return;
               }
             }
-            router.push(item.link!);
+            router.push(item.link);
           };
 
           return (
-            <a onClick={handleClick}>
-              <p
-                className={`${index === 1 ? 'font-bold' : 'font-normal'} ${shouldTruncate ? 'cursor-pointer' : ''}`}
-                title={shouldTruncate ? fullLabel : undefined}
-              >
-                {truncatedLabel}
-              </p>
-            </a>
+            <li key={`${item.label}-${index}`} className="solid-breadcrumb-item">
+              {item.link ? (
+                <button
+                  type="button"
+                  className="solid-breadcrumb-link"
+                  onClick={handleClick}
+                  title={shouldTruncate ? fullLabel : undefined}
+                >
+                  <span className={isLast ? "font-bold" : "font-normal"}>{truncatedLabel}</span>
+                </button>
+              ) : (
+                <span className="solid-breadcrumb-current" title={shouldTruncate ? fullLabel : undefined}>
+                  {truncatedLabel}
+                </span>
+              )}
+              {!isLast ? <ChevronRight size={14} className="solid-breadcrumb-separator" /> : null}
+            </li>
           );
-        },
-      }
-      : {}),
-  }));
-
-  return <BreadCrumb model={items} className="solid-breadcrumb" />;
+        })}
+      </ol>
+    </nav>
+  );
 };

package/dist/components/common/SolidErrorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":"AAKA,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,iDAKxB,mBAAmB,4CAoCrB,CAAC"}
+{"version":3,"file":"SolidErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":"AAGA,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,iDAKxB,mBAAmB,4CAYrB,CAAC"}

package/dist/components/common/SolidErrorPage.js

@@ -1,11 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "primereact/button";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useRouter } from "../../hooks/useRouter";
-import SolidLogo from '../../resources/images/SolidXLogo.svg';
-import ErrorSvg from '../../resources/images/errors/error.svg';
+import { SolidErrorStatePage } from "./SolidErrorStatePage";
 export var SolidErrorPage = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? "Error Occurred" : _b, _c = _a.message, message = _c === void 0 ? "Something went wrong." : _c, _d = _a.actionLabel, actionLabel = _d === void 0 ? "Go to Dashboard" : _d, _e = _a.actionHref, actionHref = _e === void 0 ? "/admin" : _e;
+    var _b = _a.title, title = _b === void 0 ? "Something went wrong" : _b, _c = _a.message, message = _c === void 0 ? "We hit an issue while loading this page. Please try again or go back to dashboard." : _c, _d = _a.actionLabel, actionLabel = _d === void 0 ? "Back to dashboard" : _d, _e = _a.actionHref, actionHref = _e === void 0 ? "/admin" : _e;
     var router = useRouter();
-    return (_jsx("div", { className: "surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden", children: _jsxs("div", { className: "flex flex-column align-items-center justify-content-center", children: [_jsx("img", { alt: "solid logo", src: SolidLogo, className: "mb-5 w-6rem flex-shrink-0" }), _jsx("div", { style: { borderRadius: '56px', padding: '0.3px', background: "linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)" }, children: _jsxs("div", { className: "w-full py-8 px-5 sm:px-8 flex flex-column align-items-center m-2", style: { borderRadius: '53px', backgroundColor: 'white' }, children: [_jsx("div", { className: "flex justify-content-center align-items-center bg-pink-500 border-circle", style: { height: '3rem', width: '3rem', backgroundColor: 'var(--primary-color)' }, children: _jsx("i", { className: "pi pi-fw pi-exclamation-circle text-2xl text-white" }) }), _jsx("h1", { className: "text-900 font-bold text-5xl mb-2", children: title }), _jsx("div", { className: "text-600 mb-5", children: message }), _jsx("img", { alt: "solid error", src: ErrorSvg, className: "mb-5" }), _jsx(Button, { label: actionLabel, text: true, onClick: function () { return router.push(actionHref); }, className: "mt-2 font-bold", icon: "pi pi-arrow-left", iconPos: "left" })] }) })] }) }));
+    return (_jsx(SolidErrorStatePage, { statusCode: "500", title: title, description: message, actionLabel: actionLabel, onAction: function () { return router.push(actionHref); } }));
 };
 //# sourceMappingURL=SolidErrorPage.js.map

package/dist/components/common/SolidErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidErrorPage.js","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAC7D,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAS9D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKT;QAJpB,aAAwB,EAAxB,KAAK,mBAAG,gBAAgB,KAAA,EACxB,eAAiC,EAAjC,OAAO,mBAAG,uBAAuB,KAAA,EACjC,mBAA+B,EAA/B,WAAW,mBAAG,iBAAiB,KAAA,EAC/B,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IAErB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAC,yGAAyG,YACtH,eAAK,SAAS,EAAC,4DAA4D,aACzE,cACE,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,GACrC,EACF,cAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,wEAAwE,EAAE,YAC1I,eAAK,SAAS,EAAC,kEAAkE,EAAC,KAAK,EAAE,EAAC,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAC,aACvI,cAAK,SAAS,EAAC,0EAA0E,EAAC,KAAK,EAAE,EAAC,MAAM,EAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,sBAAsB,EAAC,YACxK,YAAG,SAAS,EAAC,oDAAoD,GAAG,GAChE,EACN,aAAI,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAM,EAC7D,cAAK,SAAS,EAAC,eAAe,YAAE,OAAO,GAAO,EAC9C,cACE,GAAG,EAAC,aAAa,EACjB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,MAAM,GAChB,EACF,KAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAClB,IAAI,QACJ,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EACtC,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAC,MAAM,GACd,IACE,GACF,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Button } from \"primereact/button\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport ErrorSvg from '../../resources/images/errors/error.svg'\n\ntype SolidErrorPageProps = {\n  title?: string;\n  message?: string;\n  actionLabel?: string;\n  actionHref?: string;\n};\n\nexport const SolidErrorPage = ({\n  title = \"Error Occurred\",\n  message = \"Something went wrong.\",\n  actionLabel = \"Go to Dashboard\",\n  actionHref = \"/admin\",\n}: SolidErrorPageProps) => {\n  const router = useRouter();\n\n  return (\n    <div className=\"surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden\">\n      <div className=\"flex flex-column align-items-center justify-content-center\">\n        <img\n          alt=\"solid logo\"\n          src={SolidLogo}\n          className=\"mb-5 w-6rem flex-shrink-0\"\n        />\n        <div style={{ borderRadius: '56px', padding: '0.3px', background: \"linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)\" }}>\n          <div className=\"w-full py-8 px-5 sm:px-8 flex flex-column align-items-center m-2\" style={{borderRadius: '53px', backgroundColor: 'white'}}>\n            <div className=\"flex justify-content-center align-items-center bg-pink-500 border-circle\" style={{height : '3rem', width: '3rem', backgroundColor: 'var(--primary-color)'}}>\n              <i className=\"pi pi-fw pi-exclamation-circle text-2xl text-white\" />\n            </div>\n            <h1 className=\"text-900 font-bold text-5xl mb-2\">{title}</h1>\n            <div className=\"text-600 mb-5\">{message}</div>\n            <img\n              alt=\"solid error\"\n              src={ErrorSvg}\n              className=\"mb-5\"\n            />\n            <Button\n              label={actionLabel}\n              text\n              onClick={() => router.push(actionHref)}\n              className=\"mt-2 font-bold\"\n              icon=\"pi pi-arrow-left\"\n              iconPos=\"left\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidErrorPage.js","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKT;QAJpB,aAA8B,EAA9B,KAAK,mBAAG,sBAAsB,KAAA,EAC9B,eAA8F,EAA9F,OAAO,mBAAG,oFAAoF,KAAA,EAC9F,mBAAiC,EAAjC,WAAW,mBAAG,mBAAmB,KAAA,EACjC,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IAErB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,KAAC,mBAAmB,IAClB,UAAU,EAAC,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,GACvC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRouter } from \"../../hooks/useRouter\";\nimport { SolidErrorStatePage } from \"./SolidErrorStatePage\";\n\ntype SolidErrorPageProps = {\n  title?: string;\n  message?: string;\n  actionLabel?: string;\n  actionHref?: string;\n};\n\nexport const SolidErrorPage = ({\n  title = \"Something went wrong\",\n  message = \"We hit an issue while loading this page. Please try again or go back to dashboard.\",\n  actionLabel = \"Back to dashboard\",\n  actionHref = \"/admin\",\n}: SolidErrorPageProps) => {\n  const router = useRouter();\n\n  return (\n    <SolidErrorStatePage\n      statusCode=\"500\"\n      title={title}\n      description={message}\n      actionLabel={actionLabel}\n      onAction={() => router.push(actionHref)}\n    />\n  );\n};\n"]}

package/dist/components/common/SolidErrorPage.tsx

@@ -1,7 +1,5 @@
-import { Button } from "primereact/button";
 import { useRouter } from "../../hooks/useRouter";
-import SolidLogo from '../../resources/images/SolidXLogo.svg'
-import ErrorSvg from '../../resources/images/errors/error.svg'
+import { SolidErrorStatePage } from "./SolidErrorStatePage";
 
 type SolidErrorPageProps = {
   title?: string;
@@ -11,44 +9,20 @@ type SolidErrorPageProps = {
 };
 
 export const SolidErrorPage = ({
-  title = "Error Occurred",
-  message = "Something went wrong.",
-  actionLabel = "Go to Dashboard",
+  title = "Something went wrong",
+  message = "We hit an issue while loading this page. Please try again or go back to dashboard.",
+  actionLabel = "Back to dashboard",
   actionHref = "/admin",
 }: SolidErrorPageProps) => {
   const router = useRouter();
 
   return (
-    <div className="surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden">
-      <div className="flex flex-column align-items-center justify-content-center">
-        <img
-          alt="solid logo"
-          src={SolidLogo}
-          className="mb-5 w-6rem flex-shrink-0"
-        />
-        <div style={{ borderRadius: '56px', padding: '0.3px', background: "linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)" }}>
-          <div className="w-full py-8 px-5 sm:px-8 flex flex-column align-items-center m-2" style={{borderRadius: '53px', backgroundColor: 'white'}}>
-            <div className="flex justify-content-center align-items-center bg-pink-500 border-circle" style={{height : '3rem', width: '3rem', backgroundColor: 'var(--primary-color)'}}>
-              <i className="pi pi-fw pi-exclamation-circle text-2xl text-white" />
-            </div>
-            <h1 className="text-900 font-bold text-5xl mb-2">{title}</h1>
-            <div className="text-600 mb-5">{message}</div>
-            <img
-              alt="solid error"
-              src={ErrorSvg}
-              className="mb-5"
-            />
-            <Button
-              label={actionLabel}
-              text
-              onClick={() => router.push(actionHref)}
-              className="mt-2 font-bold"
-              icon="pi pi-arrow-left"
-              iconPos="left"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
+    <SolidErrorStatePage
+      statusCode="500"
+      title={title}
+      description={message}
+      actionLabel={actionLabel}
+      onAction={() => router.push(actionHref)}
+    />
   );
 };

package/dist/components/common/SolidExport.d.ts

@@ -1,3 +1,3 @@
-import './solid-export.css';
+import "./solid-export.css";
 export declare const SolidExport: ({ listViewMetaData, filters }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SolidExport.d.ts.map