@burdenoff/microfe-technospam 2026.705.1 → 2026.709.1

package/dist/generated/wspace-operations.js

@@ -0,0 +1,67 @@
+import { gql as e } from "@apollo/client";
+import "@apollo/client/react";
+e`
+    mutation CheckAiCredits {
+  checkAiCredits
+}
+    `, e`
+    mutation ReportAiTokenUsage($input: ReportAiTokenUsageInput!) {
+  reportAiTokenUsage(input: $input)
+}
+    `;
+var t = e`
+    mutation CreateSandbox($input: CreateSandboxInput!) {
+  createSandbox(input: $input) {
+    id
+    name
+    status
+    network {
+      internalUrl
+    }
+  }
+}
+    `, n = e`
+    mutation ProxySandboxRequest($input: ProxySandboxRequestInput!) {
+  proxySandboxRequest(input: $input) {
+    status
+    body
+  }
+}
+    `, r = e`
+    mutation ExtendSandboxTtl($id: ID!, $additionalSeconds: Int!, $context: ContextInput!) {
+  extendSandboxTTL(
+    id: $id
+    additionalSeconds: $additionalSeconds
+    context: $context
+  ) {
+    id
+    expiresAt
+  }
+}
+    `, i = e`
+    query GetSandbox($id: ID!, $context: ContextInput!) {
+  getSandbox(id: $id, context: $context) {
+    id
+    status
+    errorMessage
+    network {
+      internalUrl
+    }
+  }
+}
+    `, a = e`
+    query GetActiveSandboxes($context: ContextInput!) {
+  getActiveSandboxes(context: $context) {
+    id
+    name
+    status
+    metadata
+    template
+    createdBy
+  }
+}
+    `;
+//#endregion
+export { t as CreateSandboxDocument, r as ExtendSandboxTtlDocument, a as GetActiveSandboxesDocument, i as GetSandboxDocument, n as ProxySandboxRequestDocument };
+
+//# sourceMappingURL=wspace-operations.js.map

package/dist/generated/wspace-operations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wspace-operations.js","names":[],"sources":["../../src/generated/wspace-operations.ts"],"sourcesContent":["// @ts-nocheck\nimport * as Types from './wspace-types';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nimport * as ApolloReactHooks from '@apollo/client/react';\nconst defaultOptions = {} as const;\nexport type CheckAiCreditsMutationVariables = Types.Exact<{ [key: string]: never; }>;\n\n\nexport type CheckAiCreditsMutation = { __typename?: 'Mutation', checkAiCredits: boolean };\n\nexport type ReportAiTokenUsageMutationVariables = Types.Exact<{\n  input: Types.ReportAiTokenUsageInput;\n}>;\n\n\nexport type ReportAiTokenUsageMutation = { __typename?: 'Mutation', reportAiTokenUsage: boolean };\n\nexport type CreateSandboxMutationVariables = Types.Exact<{\n  input: Types.CreateSandboxInput;\n}>;\n\n\nexport type CreateSandboxMutation = { __typename?: 'Mutation', createSandbox: { __typename?: 'Sandbox', id: string, name: string, status: Types.SandboxStatus, network: { __typename?: 'SandboxNetwork', internalUrl?: string | null } } };\n\nexport type ProxySandboxRequestMutationVariables = Types.Exact<{\n  input: Types.ProxySandboxRequestInput;\n}>;\n\n\nexport type ProxySandboxRequestMutation = { __typename?: 'Mutation', proxySandboxRequest: { __typename?: 'ProxySandboxResponse', status: number, body?: Record<string, unknown> | null } };\n\nexport type ExtendSandboxTtlMutationVariables = Types.Exact<{\n  id: Types.Scalars['ID']['input'];\n  additionalSeconds: Types.Scalars['Int']['input'];\n  context: Types.ContextInput;\n}>;\n\n\nexport type ExtendSandboxTtlMutation = { __typename?: 'Mutation', extendSandboxTTL: { __typename?: 'Sandbox', id: string, expiresAt: string } };\n\nexport type GetSandboxQueryVariables = Types.Exact<{\n  id: Types.Scalars['ID']['input'];\n  context: Types.ContextInput;\n}>;\n\n\nexport type GetSandboxQuery = { __typename?: 'Query', getSandbox?: { __typename?: 'Sandbox', id: string, status: Types.SandboxStatus, errorMessage?: string | null, network: { __typename?: 'SandboxNetwork', internalUrl?: string | null } } | null };\n\nexport type GetActiveSandboxesQueryVariables = Types.Exact<{\n  context: Types.ContextInput;\n}>;\n\n\nexport type GetActiveSandboxesQuery = { __typename?: 'Query', getActiveSandboxes: Array<{ __typename?: 'Sandbox', id: string, name: string, status: Types.SandboxStatus, metadata?: Record<string, unknown> | null, template: Types.SandboxTemplate, createdBy: string }> };\n\n\nexport const CheckAiCreditsDocument = gql`\n    mutation CheckAiCredits {\n  checkAiCredits\n}\n    `;\nexport type CheckAiCreditsMutationFn = Apollo.MutationFunction<Types.CheckAiCreditsMutation, Types.CheckAiCreditsMutationVariables>;\n\n/**\n * __useCheckAiCreditsMutation__\n *\n * To run a mutation, you first call `useCheckAiCreditsMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useCheckAiCreditsMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [checkAiCreditsMutation, { data, loading, error }] = useCheckAiCreditsMutation({\n *   variables: {\n *   },\n * });\n */\nexport function useCheckAiCreditsMutation(baseOptions?: ApolloReactHooks.MutationHookOptions<Types.CheckAiCreditsMutation, Types.CheckAiCreditsMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useMutation<Types.CheckAiCreditsMutation, Types.CheckAiCreditsMutationVariables>(CheckAiCreditsDocument, options);\n      }\nexport type CheckAiCreditsMutationHookResult = ReturnType<typeof useCheckAiCreditsMutation>;\nexport type CheckAiCreditsMutationResult = Apollo.MutationResult<Types.CheckAiCreditsMutation>;\nexport type CheckAiCreditsMutationOptions = Apollo.BaseMutationOptions<Types.CheckAiCreditsMutation, Types.CheckAiCreditsMutationVariables>;\nexport const ReportAiTokenUsageDocument = gql`\n    mutation ReportAiTokenUsage($input: ReportAiTokenUsageInput!) {\n  reportAiTokenUsage(input: $input)\n}\n    `;\nexport type ReportAiTokenUsageMutationFn = Apollo.MutationFunction<Types.ReportAiTokenUsageMutation, Types.ReportAiTokenUsageMutationVariables>;\n\n/**\n * __useReportAiTokenUsageMutation__\n *\n * To run a mutation, you first call `useReportAiTokenUsageMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useReportAiTokenUsageMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [reportAiTokenUsageMutation, { data, loading, error }] = useReportAiTokenUsageMutation({\n *   variables: {\n *      input: // value for 'input'\n *   },\n * });\n */\nexport function useReportAiTokenUsageMutation(baseOptions?: ApolloReactHooks.MutationHookOptions<Types.ReportAiTokenUsageMutation, Types.ReportAiTokenUsageMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useMutation<Types.ReportAiTokenUsageMutation, Types.ReportAiTokenUsageMutationVariables>(ReportAiTokenUsageDocument, options);\n      }\nexport type ReportAiTokenUsageMutationHookResult = ReturnType<typeof useReportAiTokenUsageMutation>;\nexport type ReportAiTokenUsageMutationResult = Apollo.MutationResult<Types.ReportAiTokenUsageMutation>;\nexport type ReportAiTokenUsageMutationOptions = Apollo.BaseMutationOptions<Types.ReportAiTokenUsageMutation, Types.ReportAiTokenUsageMutationVariables>;\nexport const CreateSandboxDocument = gql`\n    mutation CreateSandbox($input: CreateSandboxInput!) {\n  createSandbox(input: $input) {\n    id\n    name\n    status\n    network {\n      internalUrl\n    }\n  }\n}\n    `;\nexport type CreateSandboxMutationFn = Apollo.MutationFunction<Types.CreateSandboxMutation, Types.CreateSandboxMutationVariables>;\n\n/**\n * __useCreateSandboxMutation__\n *\n * To run a mutation, you first call `useCreateSandboxMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useCreateSandboxMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [createSandboxMutation, { data, loading, error }] = useCreateSandboxMutation({\n *   variables: {\n *      input: // value for 'input'\n *   },\n * });\n */\nexport function useCreateSandboxMutation(baseOptions?: ApolloReactHooks.MutationHookOptions<Types.CreateSandboxMutation, Types.CreateSandboxMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useMutation<Types.CreateSandboxMutation, Types.CreateSandboxMutationVariables>(CreateSandboxDocument, options);\n      }\nexport type CreateSandboxMutationHookResult = ReturnType<typeof useCreateSandboxMutation>;\nexport type CreateSandboxMutationResult = Apollo.MutationResult<Types.CreateSandboxMutation>;\nexport type CreateSandboxMutationOptions = Apollo.BaseMutationOptions<Types.CreateSandboxMutation, Types.CreateSandboxMutationVariables>;\nexport const ProxySandboxRequestDocument = gql`\n    mutation ProxySandboxRequest($input: ProxySandboxRequestInput!) {\n  proxySandboxRequest(input: $input) {\n    status\n    body\n  }\n}\n    `;\nexport type ProxySandboxRequestMutationFn = Apollo.MutationFunction<Types.ProxySandboxRequestMutation, Types.ProxySandboxRequestMutationVariables>;\n\n/**\n * __useProxySandboxRequestMutation__\n *\n * To run a mutation, you first call `useProxySandboxRequestMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useProxySandboxRequestMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [proxySandboxRequestMutation, { data, loading, error }] = useProxySandboxRequestMutation({\n *   variables: {\n *      input: // value for 'input'\n *   },\n * });\n */\nexport function useProxySandboxRequestMutation(baseOptions?: ApolloReactHooks.MutationHookOptions<Types.ProxySandboxRequestMutation, Types.ProxySandboxRequestMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useMutation<Types.ProxySandboxRequestMutation, Types.ProxySandboxRequestMutationVariables>(ProxySandboxRequestDocument, options);\n      }\nexport type ProxySandboxRequestMutationHookResult = ReturnType<typeof useProxySandboxRequestMutation>;\nexport type ProxySandboxRequestMutationResult = Apollo.MutationResult<Types.ProxySandboxRequestMutation>;\nexport type ProxySandboxRequestMutationOptions = Apollo.BaseMutationOptions<Types.ProxySandboxRequestMutation, Types.ProxySandboxRequestMutationVariables>;\nexport const ExtendSandboxTtlDocument = gql`\n    mutation ExtendSandboxTtl($id: ID!, $additionalSeconds: Int!, $context: ContextInput!) {\n  extendSandboxTTL(\n    id: $id\n    additionalSeconds: $additionalSeconds\n    context: $context\n  ) {\n    id\n    expiresAt\n  }\n}\n    `;\nexport type ExtendSandboxTtlMutationFn = Apollo.MutationFunction<Types.ExtendSandboxTtlMutation, Types.ExtendSandboxTtlMutationVariables>;\n\n/**\n * __useExtendSandboxTtlMutation__\n *\n * To run a mutation, you first call `useExtendSandboxTtlMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useExtendSandboxTtlMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [extendSandboxTtlMutation, { data, loading, error }] = useExtendSandboxTtlMutation({\n *   variables: {\n *      id: // value for 'id'\n *      additionalSeconds: // value for 'additionalSeconds'\n *      context: // value for 'context'\n *   },\n * });\n */\nexport function useExtendSandboxTtlMutation(baseOptions?: ApolloReactHooks.MutationHookOptions<Types.ExtendSandboxTtlMutation, Types.ExtendSandboxTtlMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useMutation<Types.ExtendSandboxTtlMutation, Types.ExtendSandboxTtlMutationVariables>(ExtendSandboxTtlDocument, options);\n      }\nexport type ExtendSandboxTtlMutationHookResult = ReturnType<typeof useExtendSandboxTtlMutation>;\nexport type ExtendSandboxTtlMutationResult = Apollo.MutationResult<Types.ExtendSandboxTtlMutation>;\nexport type ExtendSandboxTtlMutationOptions = Apollo.BaseMutationOptions<Types.ExtendSandboxTtlMutation, Types.ExtendSandboxTtlMutationVariables>;\nexport const GetSandboxDocument = gql`\n    query GetSandbox($id: ID!, $context: ContextInput!) {\n  getSandbox(id: $id, context: $context) {\n    id\n    status\n    errorMessage\n    network {\n      internalUrl\n    }\n  }\n}\n    `;\n\n/**\n * __useGetSandboxQuery__\n *\n * To run a query within a React component, call `useGetSandboxQuery` and pass it any options that fit your needs.\n * When your component renders, `useGetSandboxQuery` returns an object from Apollo Client that contains loading, error, and data properties\n * you can use to render your UI.\n *\n * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;\n *\n * @example\n * const { data, loading, error } = useGetSandboxQuery({\n *   variables: {\n *      id: // value for 'id'\n *      context: // value for 'context'\n *   },\n * });\n */\nexport function useGetSandboxQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetSandboxQuery, Types.GetSandboxQueryVariables> & ({ variables: Types.GetSandboxQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useQuery<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>(GetSandboxDocument, options);\n      }\nexport function useGetSandboxLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>) {\n          const options = {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useLazyQuery<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>(GetSandboxDocument, options);\n        }\n// @ts-ignore\nexport function useGetSandboxSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>;\nexport function useGetSandboxSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetSandboxQuery | undefined, Types.GetSandboxQueryVariables>;\nexport function useGetSandboxSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>) {\n          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useSuspenseQuery<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>(GetSandboxDocument, options);\n        }\nexport type GetSandboxQueryHookResult = ReturnType<typeof useGetSandboxQuery>;\nexport type GetSandboxLazyQueryHookResult = ReturnType<typeof useGetSandboxLazyQuery>;\nexport type GetSandboxSuspenseQueryHookResult = ReturnType<typeof useGetSandboxSuspenseQuery>;\nexport type GetSandboxQueryResult = Apollo.QueryResult<Types.GetSandboxQuery, Types.GetSandboxQueryVariables>;\nexport const GetActiveSandboxesDocument = gql`\n    query GetActiveSandboxes($context: ContextInput!) {\n  getActiveSandboxes(context: $context) {\n    id\n    name\n    status\n    metadata\n    template\n    createdBy\n  }\n}\n    `;\n\n/**\n * __useGetActiveSandboxesQuery__\n *\n * To run a query within a React component, call `useGetActiveSandboxesQuery` and pass it any options that fit your needs.\n * When your component renders, `useGetActiveSandboxesQuery` returns an object from Apollo Client that contains loading, error, and data properties\n * you can use to render your UI.\n *\n * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;\n *\n * @example\n * const { data, loading, error } = useGetActiveSandboxesQuery({\n *   variables: {\n *      context: // value for 'context'\n *   },\n * });\n */\nexport function useGetActiveSandboxesQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables> & ({ variables: Types.GetActiveSandboxesQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {\n        const options = {...defaultOptions, ...baseOptions}\n        return ApolloReactHooks.useQuery<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>(GetActiveSandboxesDocument, options);\n      }\nexport function useGetActiveSandboxesLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>) {\n          const options = {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useLazyQuery<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>(GetActiveSandboxesDocument, options);\n        }\n// @ts-ignore\nexport function useGetActiveSandboxesSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>;\nexport function useGetActiveSandboxesSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetActiveSandboxesQuery | undefined, Types.GetActiveSandboxesQueryVariables>;\nexport function useGetActiveSandboxesSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>) {\n          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}\n          return ApolloReactHooks.useSuspenseQuery<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>(GetActiveSandboxesDocument, options);\n        }\nexport type GetActiveSandboxesQueryHookResult = ReturnType<typeof useGetActiveSandboxesQuery>;\nexport type GetActiveSandboxesLazyQueryHookResult = ReturnType<typeof useGetActiveSandboxesLazyQuery>;\nexport type GetActiveSandboxesSuspenseQueryHookResult = ReturnType<typeof useGetActiveSandboxesSuspenseQuery>;\nexport type GetActiveSandboxesQueryResult = Apollo.QueryResult<Types.GetActiveSandboxesQuery, Types.GetActiveSandboxesQueryVariables>;"],"mappings":";;AA0DsC,CAAG;;;;OA8BC,CAAG;;;;;AA+B7C,IAAa,IAAwB,CAAG;;;;;;;;;;;OAsC3B,IAA8B,CAAG;;;;;;;OAkCjC,IAA2B,CAAG;;;;;;;;;;;OAwC9B,IAAqB,CAAG;;;;;;;;;;;OAiDxB,IAA6B,CAAG"}

package/dist/index.js

@@ -1,4 +1,6 @@
 import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "./technospam/providers/TechnoSpamProvider.js";
 import { TechnoSpamRoot as n } from "./technospam/TechnoSpamRoot.js";
+import { useSandboxAssistantTransport as r } from "./technospam/services/createSandboxAssistantTransport.js";
+import { useTechnoSpamAnalytics as i } from "./technospam/hooks/useTechnoSpamAnalytics.js";
 import "./technospam/index.js";
-export { n as TechnoSpamRoot, e as useTechnoSpam, t as useTechnoSpamNavigate };
+export { n as TechnoSpamRoot, r as useSandboxAssistantTransport, e as useTechnoSpam, i as useTechnoSpamAnalytics, t as useTechnoSpamNavigate };

package/dist/technospam/components/MediaCover.js

@@ -0,0 +1,57 @@
+import { cn as e } from "../utils/cn.js";
+import { createElement as t } from "react";
+import { BarChart3 as n, BrainCircuit as r, Cloud as i, Code2 as a, Database as o, Globe as s, Layers as c, Lock as l, Smartphone as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/technospam/components/MediaCover.tsx
+var p = [
+	"from-accent-primary to-accent-indigo",
+	"from-accent-indigo to-accent-purple",
+	"from-accent-teal to-accent-primary",
+	"from-accent-purple to-accent-primary",
+	"from-accent-primary to-accent-teal",
+	"from-accent-indigo to-accent-teal"
+];
+function m(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = t * 31 + e.charCodeAt(n) >>> 0;
+	return t;
+}
+function h(e) {
+	return p[m(e) % p.length];
+}
+var g = [
+	[/data|sql|postgres|database|analytics/i, o],
+	[/web|react|frontend|css|html|ui/i, s],
+	[/ai|ml|machine|neural|llm|intelligence/i, r],
+	[/cloud|devops|kubernetes|docker|infra/i, i],
+	[/security|crypto|auth/i, l],
+	[/mobile|ios|android|flutter/i, u],
+	[/architecture|system|design|scal/i, c],
+	[/chart|report|metric/i, n]
+];
+function _(e, t = a) {
+	for (let [t, n] of g) if (t.test(e)) return n;
+	return t;
+}
+function v({ seed: n, icon: r, height: i = "h-28", children: a, className: o }) {
+	let s = t(r ?? _(n), {
+		className: "pointer-events-none absolute -right-4 -top-4 text-white/15",
+		size: 96,
+		strokeWidth: 1.4
+	});
+	return /* @__PURE__ */ f("div", {
+		className: e("relative flex items-end overflow-hidden bg-gradient-to-br p-4", h(n), i, o),
+		children: [
+			s,
+			/* @__PURE__ */ d("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-white/5" }),
+			a ? /* @__PURE__ */ d("div", {
+				className: "relative flex w-full items-end justify-between gap-2",
+				children: a
+			}) : null
+		]
+	});
+}
+//#endregion
+export { v as MediaCover, h as coverGradient, _ as topicIcon };
+
+//# sourceMappingURL=MediaCover.js.map

package/dist/technospam/components/MediaCover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCover.js","names":[],"sources":["../../../src/technospam/components/MediaCover.tsx"],"sourcesContent":["import { createElement, type ReactNode } from 'react';\nimport {\n  BarChart3,\n  BrainCircuit,\n  Cloud,\n  Code2,\n  Database,\n  Globe,\n  Layers,\n  Lock,\n  Smartphone,\n  Trophy,\n  type LucideIcon,\n} from 'lucide-react';\nimport { cn } from '../utils/cn';\n\n/** Vivid, on-theme gradient covers built only from tokens that exist in the theme\n *  (accent-primary / accent-indigo / accent-teal / accent-purple). */\nconst GRADIENTS = [\n  'from-accent-primary to-accent-indigo',\n  'from-accent-indigo to-accent-purple',\n  'from-accent-teal to-accent-primary',\n  'from-accent-purple to-accent-primary',\n  'from-accent-primary to-accent-teal',\n  'from-accent-indigo to-accent-teal',\n];\n\nfunction hash(seed: string): number {\n  let h = 0;\n  for (let i = 0; i < seed.length; i += 1) h = (h * 31 + seed.charCodeAt(i)) >>> 0;\n  return h;\n}\n\nexport function coverGradient(seed: string): string {\n  return GRADIENTS[hash(seed) % GRADIENTS.length]!;\n}\n\nconst TOPIC_ICONS: Array<[RegExp, LucideIcon]> = [\n  [/data|sql|postgres|database|analytics/i, Database],\n  [/web|react|frontend|css|html|ui/i, Globe],\n  [/ai|ml|machine|neural|llm|intelligence/i, BrainCircuit],\n  [/cloud|devops|kubernetes|docker|infra/i, Cloud],\n  [/security|crypto|auth/i, Lock],\n  [/mobile|ios|android|flutter/i, Smartphone],\n  [/architecture|system|design|scal/i, Layers],\n  [/chart|report|metric/i, BarChart3],\n];\n\n/** Pick a topic-appropriate icon from a free-text seed (topic/title/tags). */\nexport function topicIcon(seed: string, fallback: LucideIcon = Code2): LucideIcon {\n  for (const [re, Icon] of TOPIC_ICONS) if (re.test(seed)) return Icon;\n  return fallback;\n}\n\nexport { Trophy };\n\n/**\n * A vivid gradient cover band with a large faint topic-icon watermark and a\n * bottom scrim for legible overlay content. Used by course / problem / hackathon\n * cards and detail heroes so media reads as bold and modern (no flat panels).\n */\nexport function MediaCover({\n  seed,\n  icon,\n  height = 'h-28',\n  children,\n  className,\n}: {\n  seed: string;\n  icon?: LucideIcon;\n  height?: string;\n  children?: ReactNode;\n  className?: string;\n}) {\n  const iconEl = createElement(icon ?? topicIcon(seed), {\n    className: 'pointer-events-none absolute -right-4 -top-4 text-white/15',\n    size: 96,\n    strokeWidth: 1.4,\n  });\n  return (\n    <div\n      className={cn(\n        'relative flex items-end overflow-hidden bg-gradient-to-br p-4',\n        coverGradient(seed),\n        height,\n        className\n      )}\n    >\n      {iconEl}\n      <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-white/5\" />\n      {children ? (\n        <div className=\"relative flex w-full items-end justify-between gap-2\">{children}</div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAkBA,IAAM,IAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAK,GAAsB;CAClC,IAAI,IAAI;AACR,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAAK,EAAG,KAAK,IAAI,KAAK,EAAK,WAAW,EAAE,KAAM;AAC/E,QAAO;;AAGT,SAAgB,EAAc,GAAsB;AAClD,QAAO,EAAU,EAAK,EAAK,GAAG,EAAU;;AAG1C,IAAM,IAA2C;CAC/C,CAAC,yCAAyC,EAAS;CACnD,CAAC,mCAAmC,EAAM;CAC1C,CAAC,0CAA0C,EAAa;CACxD,CAAC,yCAAyC,EAAM;CAChD,CAAC,yBAAyB,EAAK;CAC/B,CAAC,+BAA+B,EAAW;CAC3C,CAAC,oCAAoC,EAAO;CAC5C,CAAC,wBAAwB,EAAU;CACpC;AAGD,SAAgB,EAAU,GAAc,IAAuB,GAAmB;AAChF,MAAK,IAAM,CAAC,GAAI,MAAS,EAAa,KAAI,EAAG,KAAK,EAAK,CAAE,QAAO;AAChE,QAAO;;AAUT,SAAgB,EAAW,EACzB,SACA,SACA,YAAS,QACT,aACA,gBAOC;CACD,IAAM,IAAS,EAAc,KAAQ,EAAU,EAAK,EAAE;EACpD,WAAW;EACX,MAAM;EACN,aAAa;EACd,CAAC;AACF,QACE,kBAAC,OAAD;EACE,WAAW,EACT,iEACA,EAAc,EAAK,EACnB,GACA,EACD;YANH;GAQG;GACD,kBAAC,OAAD,EAAK,WAAU,kGAAmG,CAAA;GACjH,IACC,kBAAC,OAAD;IAAK,WAAU;IAAwD;IAAe,CAAA,GACpF;GACA"}

package/dist/technospam/components/PageLayout.js

@@ -9,7 +9,7 @@ function o({ title: o, description: s, actions: c, children: l, backPath: u, her
 	return /* @__PURE__ */ i("div", {
 		className: "flex h-full flex-col bg-bg-surface",
 		children: [/* @__PURE__ */ i("div", {
-			className: t("relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between", d ? "bg-accent-wash" : "bg-bg-surface"),
+			className: t("relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between", d ? "bg-accent-primary/12" : "bg-bg-surface"),
 			children: [
 				d ? /* @__PURE__ */ r(a, { intensity: "subtle" }) : null,
 				/* @__PURE__ */ i("div", {

package/dist/technospam/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/technospam/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (module hero). */\n  hero?: boolean;\n}\n\n/**\n * Consistent page chrome for every TechnoSpam module page: a header band\n * (optionally with the aurora hero backdrop), an optional back affordance, an\n * actions slot, and a scrollable body. Mirrors the platform page pattern so\n * TechnoSpam feels native to the shell.\n */\nexport function PageLayout({\n  title,\n  description,\n  actions,\n  children,\n  backPath,\n  hero = false,\n}: PageLayoutProps) {\n  const navigate = useTechnoSpamNavigate();\n\n  return (\n    <div className=\"flex h-full flex-col bg-bg-surface\">\n      <div\n        className={cn(\n          'relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between',\n          hero ? 'bg-accent-wash' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"relative flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className=\"flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <ArrowLeft size={15} />\n              Back\n            </button>\n          ) : null}\n          <h1 className=\"truncate text-xl font-semibold text-text-primary sm:text-2xl\">{title}</h1>\n          {description ? (\n            <p className=\"max-w-2xl text-sm text-text-secondary\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? (\n          <div className=\"relative flex flex-wrap items-center gap-2\">{actions}</div>\n        ) : null}\n      </div>\n      <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,aACA,aACA,UAAO,MACW;CAClB,IAAM,IAAW,GAAuB;AAExC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oIACA,IAAO,mBAAmB,gBAC3B;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,EAAS;OACjC,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,OAEhB;WACP;MACJ,kBAAC,MAAD;OAAI,WAAU;iBAAgE;OAAW,CAAA;MACxF,IACC,kBAAC,KAAD;OAAG,WAAU;iBAAyC;OAAgB,CAAA,GACpE;MACA;;IACL,IACC,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,GACzE;IACA;MACN,kBAAC,OAAD;GAAK,WAAU;GAA8B;GAAe,CAAA,CACxD"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/technospam/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (module hero). */\n  hero?: boolean;\n}\n\n/**\n * Consistent page chrome for every TechnoSpam module page: a header band\n * (optionally with the aurora hero backdrop), an optional back affordance, an\n * actions slot, and a scrollable body. Mirrors the platform page pattern so\n * TechnoSpam feels native to the shell.\n */\nexport function PageLayout({\n  title,\n  description,\n  actions,\n  children,\n  backPath,\n  hero = false,\n}: PageLayoutProps) {\n  const navigate = useTechnoSpamNavigate();\n\n  return (\n    <div className=\"flex h-full flex-col bg-bg-surface\">\n      <div\n        className={cn(\n          'relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between',\n          hero ? 'bg-accent-primary/12' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"relative flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className=\"flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <ArrowLeft size={15} />\n              Back\n            </button>\n          ) : null}\n          <h1 className=\"truncate text-xl font-semibold text-text-primary sm:text-2xl\">{title}</h1>\n          {description ? (\n            <p className=\"max-w-2xl text-sm text-text-secondary\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? (\n          <div className=\"relative flex flex-wrap items-center gap-2\">{actions}</div>\n        ) : null}\n      </div>\n      <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,aACA,aACA,UAAO,MACW;CAClB,IAAM,IAAW,GAAuB;AAExC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oIACA,IAAO,yBAAyB,gBACjC;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,EAAS;OACjC,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,OAEhB;WACP;MACJ,kBAAC,MAAD;OAAI,WAAU;iBAAgE;OAAW,CAAA;MACxF,IACC,kBAAC,KAAD;OAAG,WAAU;iBAAyC;OAAgB,CAAA,GACpE;MACA;;IACL,IACC,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,GACzE;IACA;MACN,kBAAC,OAAD;GAAK,WAAU;GAA8B;GAAe,CAAA,CACxD"}

package/dist/technospam/components/StatCard.js

@@ -2,32 +2,40 @@ import { cn as e } from "../utils/cn.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { GlassCard as r } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/StatCard.tsx
-function i({ label: i, value: a, hint: o, icon: s, className: c }) {
+var i = {
+	blue: "bg-accent-primary/15 text-accent-primary ring-accent-primary/20",
+	teal: "bg-accent-teal/15 text-accent-teal ring-accent-teal/20",
+	purple: "bg-accent-purple/15 text-accent-purple ring-accent-purple/20",
+	indigo: "bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20",
+	green: "bg-status-success-bg-subtle text-status-success-text ring-status-success-border/30",
+	amber: "bg-status-warning-bg-subtle text-status-warning-text ring-status-warning-border/30"
+};
+function a({ label: a, value: o, hint: s, icon: c, tone: l = "blue", className: u }) {
 	return /* @__PURE__ */ n(r, {
-		className: e("flex items-start gap-3 p-4", c),
-		children: [s ? /* @__PURE__ */ t("span", {
-			className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-teal",
-			children: /* @__PURE__ */ t(s, { size: 18 })
+		className: e("group flex items-start gap-3 p-4 transition-transform duration-200 hover:-translate-y-0.5", u),
+		children: [c ? /* @__PURE__ */ t("span", {
+			className: e("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl ring-1 transition-transform duration-200 group-hover:scale-105", i[l]),
+			children: /* @__PURE__ */ t(c, { size: 19 })
 		}) : null, /* @__PURE__ */ n("div", {
 			className: "min-w-0",
 			children: [
 				/* @__PURE__ */ t("div", {
 					className: "truncate text-sm text-text-secondary",
-					children: i
+					children: a
 				}),
 				/* @__PURE__ */ t("div", {
-					className: "text-xl font-semibold text-text-primary",
-					children: a
+					className: "text-2xl font-semibold tracking-tight text-text-primary",
+					children: o
 				}),
-				o ? /* @__PURE__ */ t("div", {
+				s ? /* @__PURE__ */ t("div", {
 					className: "mt-0.5 truncate text-xs text-text-muted",
-					children: o
+					children: s
 				}) : null
 			]
 		})]
 	});
 }
 //#endregion
-export { i as StatCard };
+export { a as StatCard };
 
 //# sourceMappingURL=StatCard.js.map

package/dist/technospam/components/StatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/technospam/components/StatCard.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface StatCardProps {\n  label: string;\n  value: string | number;\n  hint?: string;\n  icon?: LucideIcon;\n  className?: string;\n}\n\n/** Compact metric tile used across dashboards and module overviews. */\nexport function StatCard({ label, value, hint, icon: Icon, className }: StatCardProps) {\n  return (\n    <GlassCard className={cn('flex items-start gap-3 p-4', className)}>\n      {Icon ? (\n        <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-teal\">\n          <Icon size={18} />\n        </span>\n      ) : null}\n      <div className=\"min-w-0\">\n        <div className=\"truncate text-sm text-text-secondary\">{label}</div>\n        <div className=\"text-xl font-semibold text-text-primary\">{value}</div>\n        {hint ? <div className=\"mt-0.5 truncate text-xs text-text-muted\">{hint}</div> : null}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAS,EAAE,UAAO,UAAO,SAAM,MAAM,GAAM,gBAA4B;AACrF,QACE,kBAAC,GAAD;EAAW,WAAW,EAAG,8BAA8B,EAAU;YAAjE,CACG,IACC,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GACb,CAAA,GACL,MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAwC;KAAY,CAAA;IACnE,kBAAC,OAAD;KAAK,WAAU;eAA2C;KAAY,CAAA;IACrE,IAAO,kBAAC,OAAD;KAAK,WAAU;eAA2C;KAAW,CAAA,GAAG;IAC5E;KACI"}
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/technospam/components/StatCard.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\n/** Tinted icon-chip tones, all built from tokens that exist in the theme. */\nexport type StatTone = 'blue' | 'teal' | 'purple' | 'indigo' | 'green' | 'amber';\n\nconst TONE: Record<StatTone, string> = {\n  blue: 'bg-accent-primary/15 text-accent-primary ring-accent-primary/20',\n  teal: 'bg-accent-teal/15 text-accent-teal ring-accent-teal/20',\n  purple: 'bg-accent-purple/15 text-accent-purple ring-accent-purple/20',\n  indigo: 'bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20',\n  green: 'bg-status-success-bg-subtle text-status-success-text ring-status-success-border/30',\n  amber: 'bg-status-warning-bg-subtle text-status-warning-text ring-status-warning-border/30',\n};\n\ninterface StatCardProps {\n  label: string;\n  value: string | number;\n  hint?: string;\n  icon?: LucideIcon;\n  tone?: StatTone;\n  className?: string;\n}\n\n/**\n * Compact metric tile used across dashboards and module overviews. The icon sits\n * in a softly-tinted, ringed chip so a row of tiles reads as a colourful,\n * modern stat strip rather than a flat list.\n */\nexport function StatCard({\n  label,\n  value,\n  hint,\n  icon: Icon,\n  tone = 'blue',\n  className,\n}: StatCardProps) {\n  return (\n    <GlassCard\n      className={cn(\n        'group flex items-start gap-3 p-4 transition-transform duration-200 hover:-translate-y-0.5',\n        className\n      )}\n    >\n      {Icon ? (\n        <span\n          className={cn(\n            'flex h-10 w-10 shrink-0 items-center justify-center rounded-xl ring-1 transition-transform duration-200 group-hover:scale-105',\n            TONE[tone]\n          )}\n        >\n          <Icon size={19} />\n        </span>\n      ) : null}\n      <div className=\"min-w-0\">\n        <div className=\"truncate text-sm text-text-secondary\">{label}</div>\n        <div className=\"text-2xl font-semibold tracking-tight text-text-primary\">{value}</div>\n        {hint ? <div className=\"mt-0.5 truncate text-xs text-text-muted\">{hint}</div> : null}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAOA,IAAM,IAAiC;CACrC,MAAM;CACN,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACR;AAgBD,SAAgB,EAAS,EACvB,UACA,UACA,SACA,MAAM,GACN,UAAO,QACP,gBACgB;AAChB,QACE,kBAAC,GAAD;EACE,WAAW,EACT,6FACA,EACD;YAJH,CAMG,IACC,kBAAC,QAAD;GACE,WAAW,EACT,iIACA,EAAK,GACN;aAED,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GACb,CAAA,GACL,MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAwC;KAAY,CAAA;IACnE,kBAAC,OAAD;KAAK,WAAU;eAA2D;KAAY,CAAA;IACrF,IAAO,kBAAC,OAAD;KAAK,WAAU;eAA2C;KAAW,CAAA,GAAG;IAC5E;KACI"}

package/dist/technospam/components/StatusBadge.js

@@ -4,7 +4,7 @@ import { Badge as n } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/StatusBadge.tsx
 var r = {
 	neutral: "bg-bg-sunken text-text-secondary border-border-seam",
-	info: "bg-accent-wash text-accent-primary border-accent-primary/30",
+	info: "bg-accent-primary/12 text-accent-primary border-accent-primary/30",
 	success: "bg-status-success-bg-subtle text-status-success-text border-status-success-border",
 	warning: "bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border",
 	danger: "bg-status-error-bg-subtle text-status-error-text border-status-error-border"

package/dist/technospam/components/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/technospam/components/StatusBadge.tsx"],"sourcesContent":["import { Badge } from '@burdenoff/fe-libs/ui';\nimport { humanizeEnum } from '../utils/format';\n\ntype Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  neutral: 'bg-bg-sunken text-text-secondary border-border-seam',\n  info: 'bg-accent-wash text-accent-primary border-accent-primary/30',\n  success: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border',\n  danger: 'bg-status-error-bg-subtle text-status-error-text border-status-error-border',\n};\n\n/** Maps any Tec* status enum to a semantic tone. Unknown values fall back to neutral. */\nconst STATUS_TONE: Record<string, Tone> = {\n  // course / problem\n  DRAFT: 'neutral',\n  PUBLISHED: 'success',\n  ARCHIVED: 'warning',\n  // enrollment\n  ENROLLED: 'info',\n  IN_PROGRESS: 'info',\n  COMPLETED: 'success',\n  DROPPED: 'warning',\n  // certificate\n  ISSUED: 'success',\n  REVOKED: 'danger',\n  // submission verdict\n  PENDING: 'neutral',\n  ACCEPTED: 'success',\n  WRONG_ANSWER: 'danger',\n  TIME_LIMIT_EXCEEDED: 'warning',\n  RUNTIME_ERROR: 'danger',\n  COMPILE_ERROR: 'danger',\n  // mentor\n  ACTIVE: 'success',\n  PAUSED: 'warning',\n  INACTIVE: 'neutral',\n  // session\n  REQUESTED: 'info',\n  CONFIRMED: 'success',\n  CANCELLED: 'danger',\n  NO_SHOW: 'danger',\n  // hackathon\n  REGISTRATION_OPEN: 'success',\n  JUDGING: 'info',\n  // team\n  SUBMITTED: 'success',\n  DISQUALIFIED: 'danger',\n  WINNER: 'success',\n};\n\nconst DIFFICULTY_TONE: Record<string, Tone> = {\n  EASY: 'success',\n  MEDIUM: 'warning',\n  HARD: 'danger',\n  BEGINNER: 'success',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  EXPERT: 'danger',\n};\n\nexport function StatusBadge({\n  status,\n  kind = 'status',\n}: {\n  status?: string | null;\n  kind?: 'status' | 'level';\n}) {\n  if (!status) return null;\n  const tone = (kind === 'level' ? DIFFICULTY_TONE[status] : STATUS_TONE[status]) ?? 'neutral';\n  return (\n    <Badge variant=\"outline\" className={TONE_CLASS[tone]}>\n      {humanizeEnum(status)}\n    </Badge>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAAmC;CACvC,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAGK,IAAoC;CAExC,OAAO;CACP,WAAW;CACX,UAAU;CAEV,UAAU;CACV,aAAa;CACb,WAAW;CACX,SAAS;CAET,QAAQ;CACR,SAAS;CAET,SAAS;CACT,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,eAAe;CACf,eAAe;CAEf,QAAQ;CACR,QAAQ;CACR,UAAU;CAEV,WAAW;CACX,WAAW;CACX,WAAW;CACX,SAAS;CAET,mBAAmB;CACnB,SAAS;CAET,WAAW;CACX,cAAc;CACd,QAAQ;CACT,EAEK,IAAwC;CAC5C,MAAM;CACN,QAAQ;CACR,MAAM;CACN,UAAU;CACV,cAAc;CACd,UAAU;CACV,QAAQ;CACT;AAED,SAAgB,EAAY,EAC1B,WACA,UAAO,YAIN;AAGD,QAFK,IAGH,kBAAC,GAAD;EAAO,SAAQ;EAAU,WAAW,GAFxB,MAAS,UAAU,EAAgB,KAAU,EAAY,OAAY;YAG9E,EAAa,EAAO;EACf,CAAA,GALU"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/technospam/components/StatusBadge.tsx"],"sourcesContent":["import { Badge } from '@burdenoff/fe-libs/ui';\nimport { humanizeEnum } from '../utils/format';\n\ntype Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  neutral: 'bg-bg-sunken text-text-secondary border-border-seam',\n  info: 'bg-accent-primary/12 text-accent-primary border-accent-primary/30',\n  success: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border',\n  danger: 'bg-status-error-bg-subtle text-status-error-text border-status-error-border',\n};\n\n/** Maps any Tec* status enum to a semantic tone. Unknown values fall back to neutral. */\nconst STATUS_TONE: Record<string, Tone> = {\n  // course / problem\n  DRAFT: 'neutral',\n  PUBLISHED: 'success',\n  ARCHIVED: 'warning',\n  // enrollment\n  ENROLLED: 'info',\n  IN_PROGRESS: 'info',\n  COMPLETED: 'success',\n  DROPPED: 'warning',\n  // certificate\n  ISSUED: 'success',\n  REVOKED: 'danger',\n  // submission verdict\n  PENDING: 'neutral',\n  ACCEPTED: 'success',\n  WRONG_ANSWER: 'danger',\n  TIME_LIMIT_EXCEEDED: 'warning',\n  RUNTIME_ERROR: 'danger',\n  COMPILE_ERROR: 'danger',\n  // mentor\n  ACTIVE: 'success',\n  PAUSED: 'warning',\n  INACTIVE: 'neutral',\n  // session\n  REQUESTED: 'info',\n  CONFIRMED: 'success',\n  CANCELLED: 'danger',\n  NO_SHOW: 'danger',\n  // hackathon\n  REGISTRATION_OPEN: 'success',\n  JUDGING: 'info',\n  // team\n  SUBMITTED: 'success',\n  DISQUALIFIED: 'danger',\n  WINNER: 'success',\n};\n\nconst DIFFICULTY_TONE: Record<string, Tone> = {\n  EASY: 'success',\n  MEDIUM: 'warning',\n  HARD: 'danger',\n  BEGINNER: 'success',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  EXPERT: 'danger',\n};\n\nexport function StatusBadge({\n  status,\n  kind = 'status',\n}: {\n  status?: string | null;\n  kind?: 'status' | 'level';\n}) {\n  if (!status) return null;\n  const tone = (kind === 'level' ? DIFFICULTY_TONE[status] : STATUS_TONE[status]) ?? 'neutral';\n  return (\n    <Badge variant=\"outline\" className={TONE_CLASS[tone]}>\n      {humanizeEnum(status)}\n    </Badge>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAAmC;CACvC,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAGK,IAAoC;CAExC,OAAO;CACP,WAAW;CACX,UAAU;CAEV,UAAU;CACV,aAAa;CACb,WAAW;CACX,SAAS;CAET,QAAQ;CACR,SAAS;CAET,SAAS;CACT,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,eAAe;CACf,eAAe;CAEf,QAAQ;CACR,QAAQ;CACR,UAAU;CAEV,WAAW;CACX,WAAW;CACX,WAAW;CACX,SAAS;CAET,mBAAmB;CACnB,SAAS;CAET,WAAW;CACX,cAAc;CACd,QAAQ;CACT,EAEK,IAAwC;CAC5C,MAAM;CACN,QAAQ;CACR,MAAM;CACN,UAAU;CACV,cAAc;CACd,UAAU;CACV,QAAQ;CACT;AAED,SAAgB,EAAY,EAC1B,WACA,UAAO,YAIN;AAGD,QAFK,IAGH,kBAAC,GAAD;EAAO,SAAQ;EAAU,WAAW,GAFxB,MAAS,UAAU,EAAgB,KAAU,EAAY,OAAY;YAG9E,EAAa,EAAO;EACf,CAAA,GALU"}

package/dist/technospam/components/index.js

@@ -1,5 +1,6 @@
 import "./PageLayout.js";
 import "./StatCard.js";
+import "./MediaCover.js";
 import "./StatusBadge.js";
 import "./LoadMore.js";
 import "./StateViews.js";

package/dist/technospam/hooks/useTechnoSpamAnalytics.js

@@ -0,0 +1,13 @@
+import { useCallback as e } from "react";
+import { useEventBus as t } from "@burdenoff/fe-libs/shared/events";
+//#region src/technospam/hooks/useTechnoSpamAnalytics.ts
+function n() {
+	let n = t();
+	return { emit: e((e, t = {}) => {
+		n.emitCustom(e, t, { component: "microfe-technospam" });
+	}, [n]) };
+}
+//#endregion
+export { n as useTechnoSpamAnalytics };
+
+//# sourceMappingURL=useTechnoSpamAnalytics.js.map

package/dist/technospam/hooks/useTechnoSpamAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTechnoSpamAnalytics.js","names":[],"sources":["../../../src/technospam/hooks/useTechnoSpamAnalytics.ts"],"sourcesContent":["/**\n * TechnoSpam product analytics helper.\n *\n * Emits events on the shared event bus. The shell's RybbitSink forwards\n * allow-listed fact events to Rybbit Cloud; until TechnoSpam has a site ID,\n * events still flow to the bus and to backend audit / telemetry sinks.\n *\n * Pattern: emit an intent event before a mutation, then a fact event when the\n * server confirms the change.\n */\n\nimport { useCallback } from 'react';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport interface EntityEventPayload {\n  workspaceId?: string;\n  entityId?: string;\n  entityType?: string;\n}\n\nexport type TechnoSpamEventName =\n  | 'technospam.course.viewed'\n  | 'technospam.course.enroll_clicked'\n  | 'technospam.course.enrolled'\n  | 'technospam.course.progress_updated'\n  | 'technospam.course.certificate_claimed'\n  | 'technospam.problem.viewed'\n  | 'technospam.problem.submit_clicked'\n  | 'technospam.problem.submitted'\n  | 'technospam.mentor.viewed'\n  | 'technospam.mentor.book_clicked'\n  | 'technospam.mentor.booked'\n  | 'technospam.mentor.become_mentor_clicked'\n  | 'technospam.mentor.became_mentor'\n  | 'technospam.session.cancel_clicked'\n  | 'technospam.session.cancelled'\n  | 'technospam.session.complete_clicked'\n  | 'technospam.session.completed'\n  | 'technospam.hackathon.viewed'\n  | 'technospam.hackathon.register_team_clicked'\n  | 'technospam.hackathon.team_registered'\n  | 'technospam.hackathon.submit_project_clicked'\n  | 'technospam.hackathon.project_submitted'\n  | 'technospam.search.performed';\n\nexport function useTechnoSpamAnalytics() {\n  const bus = useEventBus();\n\n  const emit = useCallback(\n    (name: TechnoSpamEventName, payload: EntityEventPayload & Record<string, unknown> = {}) => {\n      bus.emitCustom(name, payload, { component: 'microfe-technospam' });\n    },\n    [bus]\n  );\n\n  return { emit };\n}\n"],"mappings":";;;AA6CA,SAAgB,IAAyB;CACvC,IAAM,IAAM,GAAa;AASzB,QAAO,EAAE,MAPI,GACV,GAA2B,IAAwD,EAAE,KAAK;AACzF,IAAI,WAAW,GAAM,GAAS,EAAE,WAAW,sBAAsB,CAAC;IAEpE,CAAC,EAAI,CACN,EAEc"}

package/dist/technospam/index.js

@@ -1,2 +1,4 @@
 import "./providers/TechnoSpamProvider.js";
 import "./TechnoSpamRoot.js";
+import "./services/createSandboxAssistantTransport.js";
+import "./hooks/useTechnoSpamAnalytics.js";