@solidxai/core-ui 0.1.13-beta.3 → 0.1.13-beta.5

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { env } from \"../../../../adapters/env\";\nimport { hasAnyRole } from \"../../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { useLazyGetSolidVersionInfoQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from \"../../../../redux/store/solidEntityApiPool\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ninterface PackageVersionInfo {\n  repo: \"local\" | \"npm\";\n  version: string;\n}\n\nconst PACKAGE_LABELS: Record<string, string> = {\n  \"solid-core\": \"Solid Core\",\n  \"solid-core-ui\": \"Solid Core UI\",\n  \"solid-code-builder\": \"Solid Code Builder\",\n};\n\nconst PACKAGE_HINTS: Record<string, string> = {\n  \"solid-core\": \"@solidxai/core\",\n  \"solid-core-ui\": \"@solidxai/core-ui\",\n  \"solid-code-builder\": \"@solidxai/code-builder\",\n};\n\nexport const SolidVersionInfo = () => {\n  const { data: session } = useSession();\n  const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();\n  const [showDiagnostics, setShowDiagnostics] = useState(false);\n  const [refreshTick, setRefreshTick] = useState(0);\n  const [activeTab, setActiveTab] = useState<\"pool\" | \"runtime\">(\"pool\");\n  const poolSnapshot = useMemo(() => getSolidEntityApiPoolSnapshot(), [refreshTick, showDiagnostics]);\n\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  if (isLoading) {\n    return (\n      <div className={styles.versionLoaderWrap}>\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (isError || !data) {\n    return <p className={styles.versionError}>Unable to load version information.</p>;\n  }\n\n  const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  const isDevLikeEnvironment = [\"dev\", \"development\", \"staging\", \"stage\", \"uat\", \"test\", \"local\"].includes(envName);\n  const canOpenDiagnostics = hasAnyRole(session?.user?.roles, [\"Admin\"]) && isDevLikeEnvironment;\n  const loginRedirect = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n  const backendApi = env(\"NEXT_PUBLIC_BACKEND_API_URL\") || env(\"API_URL\") || \"(not set)\";\n  const roles = (session?.user?.roles || []).map((role: any) => role?.name || role).join(\", \") || \"(none)\";\n  const activeCount = poolSnapshot.filter((entry) => entry.active).length;\n\n  return (\n    <div className={styles.versionPanel}>\n      <h3 className={styles.sectionTitle}>Version Information</h3>\n      <p className={styles.versionCaption}>Packages powering this application</p>\n\n      <div className={styles.versionList}>\n        {Object.entries(packages).map(([key, info]) => (\n          <div key={key} className={styles.versionRow}>\n            <div>\n              <div className={styles.versionName}>{PACKAGE_LABELS[key] || key}</div>\n              <div className={styles.versionHint}>{PACKAGE_HINTS[key] || key}</div>\n            </div>\n            <div className={styles.versionTags}>\n              <span className={styles.versionTag}>{info.version}</span>\n              <span className={`${styles.versionTag} ${info.repo === \"local\" ? styles.repoLocal : styles.repoNpm}`}>\n                {info.repo}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {canOpenDiagnostics && (\n        <div className={styles.versionActions}>\n          <SolidButton\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setShowDiagnostics(true)}\n          >\n            Diagnostics\n          </SolidButton>\n        </div>\n      )}\n\n      {canOpenDiagnostics && showDiagnostics && (\n        <div className={styles.diagnosticsBackdrop} role=\"presentation\" onClick={() => setShowDiagnostics(false)}>\n          <section\n            className={styles.diagnosticsModal}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"solid-diagnostics-title\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <header className={styles.diagnosticsHeader}>\n              <div>\n                <h3 id=\"solid-diagnostics-title\" className={styles.sectionTitle}>Diagnostics</h3>\n                <p className={styles.versionCaption}>Current tab runtime entity API pool snapshot.</p>\n              </div>\n              <div className={styles.diagnosticsHeaderActions}>\n                <SolidButton type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => setRefreshTick((value) => value + 1)}>\n                  Refresh\n                </SolidButton>\n                <button\n                  type=\"button\"\n                  className={styles.closeButton}\n                  onClick={() => setShowDiagnostics(false)}\n                  aria-label=\"Close diagnostics\"\n                >\n                  ×\n                </button>\n              </div>\n            </header>\n\n            <div className={styles.diagnosticsSummary}>\n              <span><strong>Environment:</strong> {envName || \"unknown\"}</span>\n              <span><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</span>\n              <span><strong>Active:</strong> {activeCount}</span>\n              <span><strong>Cached:</strong> {poolSnapshot.length}</span>\n            </div>\n\n            <div className={styles.diagnosticsTabs}>\n              <button\n                type=\"button\"\n                className={`${styles.diagnosticsTab} ${activeTab === \"pool\" ? styles.diagnosticsTabActive : \"\"}`}\n                onClick={() => setActiveTab(\"pool\")}\n              >\n                Pool\n              </button>\n              <button\n                type=\"button\"\n                className={`${styles.diagnosticsTab} ${activeTab === \"runtime\" ? styles.diagnosticsTabActive : \"\"}`}\n                onClick={() => setActiveTab(\"runtime\")}\n              >\n                Runtime\n              </button>\n            </div>\n\n            {activeTab === \"pool\" ? (\n              <div className={styles.diagnosticsTableWrap}>\n                <table className={styles.diagnosticsTable}>\n                  <thead>\n                    <tr>\n                      <th>Entity</th>\n                      <th>Reducer Path</th>\n                      <th>Registered</th>\n                      <th>Last Accessed</th>\n                      <th>Active</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {poolSnapshot.length === 0 ? (\n                      <tr>\n                        <td colSpan={5} className={styles.diagnosticsEmpty}>No entity APIs created in this session yet.</td>\n                      </tr>\n                    ) : (\n                      poolSnapshot.map((entry) => (\n                        <tr key={entry.reducerPath}>\n                          <td>{entry.entityName}</td>\n                          <td className={styles.diagnosticsMono}>{entry.reducerPath}</td>\n                          <td>#{entry.registeredAt}</td>\n                          <td>#{entry.lastAccessedAt}</td>\n                          <td>{entry.active ? \"yes\" : \"no\"}</td>\n                        </tr>\n                      ))\n                    )}\n                  </tbody>\n                </table>\n              </div>\n            ) : (\n              <div className={styles.diagnosticsRuntimeGrid}>\n                <div><strong>Environment:</strong> {envName || \"unknown\"}</div>\n                <div><strong>Backend API:</strong> {backendApi}</div>\n                <div><strong>Login Redirect:</strong> {loginRedirect}</div>\n                <div><strong>User:</strong> {session?.user?.email || session?.user?.name || \"(unknown)\"}</div>\n                <div className={styles.diagnosticsSpan2}><strong>Roles:</strong> {roles}</div>\n              </div>\n            )}\n          </section>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { env } from \"../../../../adapters/env\";\nimport { hasAnyRole } from \"../../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { useLazyGetSolidVersionInfoQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from \"../../../../redux/store/solidEntityApiPool\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ninterface PackageVersionInfo {\n  repo: \"local\" | \"npm\";\n  version: string;\n}\n\nconst PACKAGE_LABELS: Record<string, string> = {\n  \"solid-core\": \"Solid Core\",\n  \"solid-core-ui\": \"Solid Core UI\",\n  \"solid-code-builder\": \"Solid Code Builder\",\n};\n\nconst PACKAGE_HINTS: Record<string, string> = {\n  \"solid-core\": \"@solidxai/core\",\n  \"solid-core-ui\": \"@solidxai/core-ui\",\n  \"solid-code-builder\": \"@solidxai/code-builder\",\n};\n\nexport const SolidVersionInfo = () => {\n  const { data: session } = useSession();\n  const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();\n  const [showDiagnostics, setShowDiagnostics] = useState(false);\n  const [activeTab, setActiveTab] = useState<\"pool\" | \"runtime\">(\"pool\");\n  const [poolSnapshot, setPoolSnapshot] = useState(() => getSolidEntityApiPoolSnapshot());\n  const [isRefreshingDiagnostics, setIsRefreshingDiagnostics] = useState(false);\n  const [lastDiagnosticsRefreshLabel, setLastDiagnosticsRefreshLabel] = useState<string | null>(null);\n\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  const refreshDiagnosticsSnapshot = async () => {\n    setIsRefreshingDiagnostics(true);\n\n    try {\n      await new Promise<void>((resolve) => {\n        window.requestAnimationFrame(() => resolve());\n      });\n\n      const snapshot = getSolidEntityApiPoolSnapshot();\n      setPoolSnapshot(snapshot);\n      setLastDiagnosticsRefreshLabel(\n        `Refreshed at ${new Intl.DateTimeFormat(undefined, {\n          hour: \"numeric\",\n          minute: \"2-digit\",\n          second: \"2-digit\",\n        }).format(new Date())}`\n      );\n    } finally {\n      setIsRefreshingDiagnostics(false);\n    }\n  };\n\n  useEffect(() => {\n    if (!showDiagnostics) return;\n    void refreshDiagnosticsSnapshot();\n  }, [showDiagnostics]);\n\n  if (isLoading) {\n    return (\n      <div className={styles.versionLoaderWrap}>\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (isError || !data) {\n    return <p className={styles.versionError}>Unable to load version information.</p>;\n  }\n\n  const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  const isDevLikeEnvironment = [\"dev\", \"development\", \"staging\", \"stage\", \"uat\", \"test\", \"local\"].includes(envName);\n  const canOpenDiagnostics = hasAnyRole(session?.user?.roles, [\"Admin\"]) && isDevLikeEnvironment;\n  const loginRedirect = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n  const backendApi = env(\"NEXT_PUBLIC_BACKEND_API_URL\") || env(\"API_URL\") || \"(not set)\";\n  const roles = (session?.user?.roles || []).map((role: any) => role?.name || role).join(\", \") || \"(none)\";\n  const activeCount = poolSnapshot.filter((entry) => entry.active).length;\n\n  return (\n    <div className={styles.versionPanel}>\n      <h3 className={styles.sectionTitle}>Version Information</h3>\n      <p className={styles.versionCaption}>Packages powering this application</p>\n\n      <div className={styles.versionList}>\n        {Object.entries(packages).map(([key, info]) => (\n          <div key={key} className={styles.versionRow}>\n            <div>\n              <div className={styles.versionName}>{PACKAGE_LABELS[key] || key}</div>\n              <div className={styles.versionHint}>{PACKAGE_HINTS[key] || key}</div>\n            </div>\n            <div className={styles.versionTags}>\n              <span className={styles.versionTag}>{info.version}</span>\n              <span className={`${styles.versionTag} ${info.repo === \"local\" ? styles.repoLocal : styles.repoNpm}`}>\n                {info.repo}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {canOpenDiagnostics && (\n        <div className={styles.versionActions}>\n          <SolidButton\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setShowDiagnostics(true)}\n          >\n            Diagnostics\n          </SolidButton>\n        </div>\n      )}\n\n      {canOpenDiagnostics && showDiagnostics && (\n        <div className={styles.diagnosticsBackdrop} role=\"presentation\" onClick={() => setShowDiagnostics(false)}>\n          <section\n            className={styles.diagnosticsModal}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"solid-diagnostics-title\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <header className={styles.diagnosticsHeader}>\n              <div>\n                <h3 id=\"solid-diagnostics-title\" className={styles.sectionTitle}>Diagnostics</h3>\n                <p className={styles.versionCaption}>Current tab runtime entity API pool snapshot.</p>\n              </div>\n              <div className={styles.diagnosticsHeaderActions}>\n                <span className={styles.diagnosticsRefreshStatus} aria-live=\"polite\">{lastDiagnosticsRefreshLabel}</span>\n                <SolidButton\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  loading={isRefreshingDiagnostics}\n                  onClick={() => void refreshDiagnosticsSnapshot()}\n                >\n                  Refresh\n                </SolidButton>\n                <button\n                  type=\"button\"\n                  className={styles.closeButton}\n                  onClick={() => setShowDiagnostics(false)}\n                  aria-label=\"Close diagnostics\"\n                >\n                  ×\n                </button>\n              </div>\n            </header>\n\n            <div className={styles.diagnosticsSummary}>\n              <span><strong>Environment:</strong> {envName || \"unknown\"}</span>\n              <span><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</span>\n              <span><strong>Active:</strong> {activeCount}</span>\n              <span><strong>Cached:</strong> {poolSnapshot.length}</span>\n            </div>\n\n            <div className={styles.diagnosticsTabs}>\n              <button\n                type=\"button\"\n                className={`${styles.diagnosticsTab} ${activeTab === \"pool\" ? styles.diagnosticsTabActive : \"\"}`}\n                onClick={() => setActiveTab(\"pool\")}\n              >\n                Pool\n              </button>\n              <button\n                type=\"button\"\n                className={`${styles.diagnosticsTab} ${activeTab === \"runtime\" ? styles.diagnosticsTabActive : \"\"}`}\n                onClick={() => setActiveTab(\"runtime\")}\n              >\n                Runtime\n              </button>\n            </div>\n\n            {activeTab === \"pool\" ? (\n              <div className={styles.diagnosticsTableWrap}>\n                <table className={styles.diagnosticsTable}>\n                  <thead>\n                    <tr>\n                      <th>Entity</th>\n                      <th>Reducer Path</th>\n                      <th>Registered</th>\n                      <th>Last Accessed</th>\n                      <th>Active</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {poolSnapshot.length === 0 ? (\n                      <tr>\n                        <td colSpan={5} className={styles.diagnosticsEmpty}>No entity APIs created in this session yet.</td>\n                      </tr>\n                    ) : (\n                      poolSnapshot.map((entry) => (\n                        <tr key={entry.reducerPath}>\n                          <td>{entry.entityName}</td>\n                          <td className={styles.diagnosticsMono}>{entry.reducerPath}</td>\n                          <td>#{entry.registeredAt}</td>\n                          <td>#{entry.lastAccessedAt}</td>\n                          <td>{entry.active ? \"yes\" : \"no\"}</td>\n                        </tr>\n                      ))\n                    )}\n                  </tbody>\n                </table>\n              </div>\n            ) : (\n              <div className={styles.diagnosticsRuntimeGrid}>\n                <div><strong>Environment:</strong> {envName || \"unknown\"}</div>\n                <div><strong>Backend API:</strong> {backendApi}</div>\n                <div><strong>Login Redirect:</strong> {loginRedirect}</div>\n                <div><strong>User:</strong> {session?.user?.email || session?.user?.name || \"(unknown)\"}</div>\n                <div className={styles.diagnosticsSpan2}><strong>Roles:</strong> {roles}</div>\n              </div>\n            )}\n          </section>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import { env } from "../../../../adapters/env";
 import { hasAnyRole } from "../../../../helpers/rolesHelper";
 import { useSession } from "../../../../hooks/useSession";
@@ -28,14 +28,42 @@ export const SolidVersionInfo = () => {
   const { data: session } = useSession();
   const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();
   const [showDiagnostics, setShowDiagnostics] = useState(false);
-  const [refreshTick, setRefreshTick] = useState(0);
   const [activeTab, setActiveTab] = useState<"pool" | "runtime">("pool");
-  const poolSnapshot = useMemo(() => getSolidEntityApiPoolSnapshot(), [refreshTick, showDiagnostics]);
+  const [poolSnapshot, setPoolSnapshot] = useState(() => getSolidEntityApiPoolSnapshot());
+  const [isRefreshingDiagnostics, setIsRefreshingDiagnostics] = useState(false);
+  const [lastDiagnosticsRefreshLabel, setLastDiagnosticsRefreshLabel] = useState<string | null>(null);
 
   useEffect(() => {
     trigger("");
   }, [trigger]);
 
+  const refreshDiagnosticsSnapshot = async () => {
+    setIsRefreshingDiagnostics(true);
+
+    try {
+      await new Promise<void>((resolve) => {
+        window.requestAnimationFrame(() => resolve());
+      });
+
+      const snapshot = getSolidEntityApiPoolSnapshot();
+      setPoolSnapshot(snapshot);
+      setLastDiagnosticsRefreshLabel(
+        `Refreshed at ${new Intl.DateTimeFormat(undefined, {
+          hour: "numeric",
+          minute: "2-digit",
+          second: "2-digit",
+        }).format(new Date())}`
+      );
+    } finally {
+      setIsRefreshingDiagnostics(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!showDiagnostics) return;
+    void refreshDiagnosticsSnapshot();
+  }, [showDiagnostics]);
+
   if (isLoading) {
     return (
       <div className={styles.versionLoaderWrap}>
@@ -107,7 +135,14 @@ export const SolidVersionInfo = () => {
                 <p className={styles.versionCaption}>Current tab runtime entity API pool snapshot.</p>
               </div>
               <div className={styles.diagnosticsHeaderActions}>
-                <SolidButton type="button" size="sm" variant="outline" onClick={() => setRefreshTick((value) => value + 1)}>
+                <span className={styles.diagnosticsRefreshStatus} aria-live="polite">{lastDiagnosticsRefreshLabel}</span>
+                <SolidButton
+                  type="button"
+                  size="sm"
+                  variant="outline"
+                  loading={isRefreshingDiagnostics}
+                  onClick={() => void refreshDiagnosticsSnapshot()}
+                >
                   Refresh
                 </SolidButton>
                 <button

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgF,MAAM,OAAO,CAAC;AAarG,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAiID,eAAO,MAAM,wBAAwB,kFA4tDnC,CAAC"}
+{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAclH,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAoID,eAAO,MAAM,wBAAwB,kFA6sDnC,CAAC"}