@burdenoff/microfe-technospam 2026.705.2 → 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/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";

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -4,162 +4,175 @@ import { PageLayout as n } from "../components/PageLayout.js";
 import { StatCard as r } from "../components/StatCard.js";
 import { formatDateTime as i, humanizeEnum as a } from "../utils/format.js";
 import { StatusBadge as o } from "../components/StatusBadge.js";
-import { EmptyView as s, ErrorView as c, LoadingRows as l } from "../components/StateViews.js";
+import { EmptyView as s, ErrorView as c, LoadingRows as ee } from "../components/StateViews.js";
 import "../components/index.js";
-import { notify as u } from "../lib/toast.js";
-import { useProblemQuery as d, useSubmissionsQuery as ee, useSubmitSolution as f } from "../api/technospamApi.js";
+import { notify as l } from "../lib/toast.js";
+import { useProblemQuery as te, useSubmissionsQuery as u, useSubmitSolution as d } from "../api/technospamApi.js";
+import { useTechnoSpamAnalytics as f } from "../hooks/useTechnoSpamAnalytics.js";
 import { useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { Clock as _, Code2 as v, FileText as y, Layers as b, Send as x, Tag as S, Trophy as C } from "lucide-react";
-import { useSearchParams as w } from "react-router-dom";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Badge as D, Button as O, GlassCard as k, Select as te, SelectContent as ne, SelectItem as re, SelectTrigger as ie, SelectValue as ae, Skeleton as A, Textarea as j } from "@burdenoff/fe-libs/ui";
+import { Clock as _, Code2 as v, FileText as y, Layers as b, Send as ne, Tag as x, Trophy as S } from "lucide-react";
+import { useSearchParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, GlassCard as O, Select as re, SelectContent as ie, SelectItem as ae, SelectTrigger as oe, SelectValue as se, Skeleton as k, Textarea as ce } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
-var M = [
+var A = [
 	"javascript",
 	"python",
 	"typescript"
 ];
-function N({ label: e, children: n, bodyClassName: r }) {
-	return /* @__PURE__ */ E("div", {
+function j({ label: e, children: n, bodyClassName: r }) {
+	return /* @__PURE__ */ T("div", {
 		className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "flex items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
+					/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
+					/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
+					/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
 				]
-			}), /* @__PURE__ */ E("span", {
+			}), /* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ T(v, { size: 13 }),
+					/* @__PURE__ */ w(v, { size: 13 }),
 					" ",
 					e
 				]
 			})]
-		}), /* @__PURE__ */ T("pre", {
+		}), /* @__PURE__ */ w("pre", {
 			className: t("overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary", r),
 			children: n
 		})]
 	});
 }
-function P({ s: e }) {
-	return /* @__PURE__ */ E("div", {
+function M({ s: e }) {
+	return /* @__PURE__ */ T("div", {
 		className: "flex flex-wrap items-center gap-x-4 gap-y-1 rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken",
 		children: [
-			/* @__PURE__ */ T(o, { status: e.verdict }),
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ w(o, { status: e.verdict }),
+			/* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
 				children: [
-					/* @__PURE__ */ T(v, { size: 13 }),
+					/* @__PURE__ */ w(v, { size: 13 }),
 					" ",
 					a(e.language)
 				]
 			}),
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ T(_, { size: 12 }),
+					/* @__PURE__ */ w(_, { size: 12 }),
 					" ",
 					e.runtimeMs,
 					" ms"
 				]
 			}),
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ T(C, { size: 12 }),
+					/* @__PURE__ */ w(S, { size: 12 }),
 					" ",
 					e.pointsAwarded,
 					" pts"
 				]
 			}),
-			/* @__PURE__ */ T("span", {
+			/* @__PURE__ */ w("span", {
 				className: "ml-auto text-xs text-text-muted",
 				children: i(e.createdAt)
 			})
 		]
 	});
 }
-function F() {
-	let [t] = w(), i = t.get("id") ?? "", { currentUser: _ } = e(), F = _?.id, { data: I, loading: L, error: R, refetch: z } = d(i), { data: B, loading: V, error: H, refetch: U } = ee({
-		...F ? { learnerId: F } : {},
+function N() {
+	let [t] = C(), i = t.get("id") ?? "", { currentUser: _, workspaceId: N } = e(), P = _?.id, { emit: F } = f(), { data: I, loading: L, error: R, refetch: z } = te(i);
+	p(() => {
+		i && F("technospam.problem.viewed", {
+			workspaceId: N,
+			entityId: i,
+			entityType: "TEC_PROBLEM"
+		});
+	}, [
+		i,
+		N,
+		F
+	]);
+	let { data: B, loading: V, error: H, refetch: U } = u({
+		...P ? { learnerId: P } : {},
 		problemId: i
-	}), [W, { loading: G }] = f(), K = I?.tecProblem ?? null, q = m(() => K?.languages?.length ? K.languages : M, [K]), [J, Y] = g(""), [X, Z] = g(""), Q = h(!1);
+	}), [W, { loading: G }] = d(), K = I?.tecProblem ?? null, q = m(() => K?.languages?.length ? K.languages : A, [K]), [J, Y] = g(""), [X, Z] = g(""), Q = h(!1);
 	p(() => {
-		K && !Q.current && (Y(K.languages[0] ?? M[0]), Z(K.starterCode ?? ""), Q.current = !0);
+		K && !Q.current && (Y(K.languages[0] ?? A[0]), Z(K.starterCode ?? ""), Q.current = !0);
 	}, [K]);
 	let $ = m(() => [...B?.tecListSubmissions.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [B]);
-	return L && !K ? /* @__PURE__ */ E(n, {
+	return L && !K ? /* @__PURE__ */ T(n, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: [/* @__PURE__ */ T(A, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ T(A, { className: "h-72 w-full rounded-xl" })]
-	}) : R || !K ? /* @__PURE__ */ T(n, {
+		children: [/* @__PURE__ */ w(k, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ w(k, { className: "h-72 w-full rounded-xl" })]
+	}) : R || !K ? /* @__PURE__ */ w(n, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: R ? /* @__PURE__ */ T(c, {
+		children: R ? /* @__PURE__ */ w(c, {
 			title: "Couldn't load problem",
 			error: R
-		}) : /* @__PURE__ */ T(s, {
+		}) : /* @__PURE__ */ w(s, {
 			title: "Problem not found",
 			description: "This problem may have been unpublished."
 		})
-	}) : /* @__PURE__ */ E(n, {
+	}) : /* @__PURE__ */ T(n, {
 		hero: !0,
 		backPath: "/applications/problems-page",
 		title: K.title,
 		description: K.topic ?? void 0,
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ T(o, {
+					/* @__PURE__ */ w(o, {
 						status: K.difficulty,
 						kind: "level"
 					}),
-					/* @__PURE__ */ T(o, { status: K.status }),
-					K.topic ? /* @__PURE__ */ E(D, {
+					/* @__PURE__ */ w(o, { status: K.status }),
+					K.topic ? /* @__PURE__ */ T(E, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
-							/* @__PURE__ */ T(b, { size: 12 }),
+							/* @__PURE__ */ w(b, { size: 12 }),
 							" ",
 							K.topic
 						]
 					}) : null,
-					K.tags.map((e) => /* @__PURE__ */ E(D, {
+					K.tags.map((e) => /* @__PURE__ */ T(E, {
 						variant: "secondary",
-						children: [/* @__PURE__ */ T(S, {
+						children: [/* @__PURE__ */ w(x, {
 							size: 10,
 							className: "mr-1"
 						}), e]
 					}, e))
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "Points",
 						value: K.points,
-						icon: C,
+						icon: S,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "Languages",
 						value: q.length,
 						icon: v,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "Difficulty",
 						value: a(K.difficulty),
 						icon: b,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "My submissions",
 						value: $.length,
 						icon: y,
@@ -167,81 +180,81 @@ function F() {
 					})
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 gap-5 lg:grid-cols-3",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "space-y-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ E(k, {
+						/* @__PURE__ */ T(O, {
 							className: "p-5",
-							children: [/* @__PURE__ */ T("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-2 text-base font-semibold text-text-primary",
 								children: "Problem statement"
-							}), K.statement ? /* @__PURE__ */ T("p", {
+							}), K.statement ? /* @__PURE__ */ w("p", {
 								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
 								children: K.statement
-							}) : /* @__PURE__ */ T("p", {
+							}) : /* @__PURE__ */ w("p", {
 								className: "py-4 text-center text-sm text-text-muted",
 								children: "The statement for this problem is being prepared."
 							})]
 						}),
-						K.starterCode ? /* @__PURE__ */ E(k, {
+						K.starterCode ? /* @__PURE__ */ T(O, {
 							className: "p-5",
-							children: [/* @__PURE__ */ T("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Starter code"
-							}), /* @__PURE__ */ T(N, {
+							}), /* @__PURE__ */ w(j, {
 								label: a(q[0] ?? "code"),
 								bodyClassName: "max-h-72",
 								children: K.starterCode
 							})]
 						}) : null,
-						/* @__PURE__ */ E(k, {
+						/* @__PURE__ */ T(O, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-									children: [/* @__PURE__ */ T("h2", {
+									children: [/* @__PURE__ */ w("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Submit a solution"
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: "Language"
-										}), /* @__PURE__ */ E(te, {
+										}), /* @__PURE__ */ T(re, {
 											value: J,
 											onValueChange: Y,
-											children: [/* @__PURE__ */ T(ie, {
+											children: [/* @__PURE__ */ w(oe, {
 												className: "w-full sm:w-48",
-												children: /* @__PURE__ */ T(ae, { placeholder: "Choose a language" })
-											}), /* @__PURE__ */ T(ne, { children: q.map((e) => /* @__PURE__ */ T(re, {
+												children: /* @__PURE__ */ w(se, { placeholder: "Choose a language" })
+											}), /* @__PURE__ */ w(ie, { children: q.map((e) => /* @__PURE__ */ w(ae, {
 												value: e,
 												children: a(e)
 											}, e)) })]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-1.5",
 											children: [
-												/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
-												/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
-												/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
+												/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
+												/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
+												/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
 											]
-										}), /* @__PURE__ */ E("span", {
+										}), /* @__PURE__ */ T("span", {
 											className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ T(v, { size: 13 }),
+												/* @__PURE__ */ w(v, { size: 13 }),
 												" ",
 												J ? a(J) : "solution"
 											]
 										})]
-									}), /* @__PURE__ */ T(j, {
+									}), /* @__PURE__ */ w(ce, {
 										value: X,
 										onChange: (e) => Z(e.target.value),
 										placeholder: "Write your solution…",
@@ -249,28 +262,39 @@ function F() {
 										spellCheck: !1
 									})]
 								}),
-								/* @__PURE__ */ E(O, {
+								/* @__PURE__ */ T(D, {
 									className: "mt-4 w-full",
 									onClick: async () => {
-										if (i) {
-											if (!J) {
-												u.error("Pick a language", "Choose a language before submitting.");
-												return;
-											}
-											if (!X.trim()) {
-												u.error("Add your solution", "Write some code before submitting.");
-												return;
-											}
-											(await W({ variables: { input: {
-												problemId: i,
-												language: J,
-												code: X
-											} } })).data?.tecSubmitSolution && (u.success("Solution submitted", "Your submission was recorded."), await Promise.all([z(), U()]));
+										if (!i) return;
+										if (!J) {
+											l.error("Pick a language", "Choose a language before submitting.");
+											return;
+										}
+										if (!X.trim()) {
+											l.error("Add your solution", "Write some code before submitting.");
+											return;
 										}
+										F("technospam.problem.submit_clicked", {
+											workspaceId: N,
+											entityId: i,
+											entityType: "TEC_PROBLEM",
+											language: J
+										});
+										let e = await W({ variables: { input: {
+											problemId: i,
+											language: J,
+											code: X
+										} } });
+										e.data?.tecSubmitSolution && (F("technospam.problem.submitted", {
+											workspaceId: N,
+											entityId: i,
+											entityType: "TEC_PROBLEM",
+											submissionId: e.data.tecSubmitSolution.id
+										}), l.success("Solution submitted", "Your submission was recorded."), await Promise.all([z(), U()]));
 									},
 									disabled: G || !X.trim(),
 									children: [
-										/* @__PURE__ */ T(x, { size: 16 }),
+										/* @__PURE__ */ w(ne, { size: 16 }),
 										" ",
 										G ? "Submitting…" : "Submit solution"
 									]
@@ -278,26 +302,26 @@ function F() {
 							]
 						})
 					]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ E(k, {
+					children: /* @__PURE__ */ T(O, {
 						className: "p-5",
-						children: [/* @__PURE__ */ T("h2", {
+						children: [/* @__PURE__ */ w("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "My submissions"
-						}), V && !$.length ? /* @__PURE__ */ T(l, {
+						}), V && !$.length ? /* @__PURE__ */ w(ee, {
 							count: 3,
 							height: "h-12"
-						}) : H ? /* @__PURE__ */ T(c, {
+						}) : H ? /* @__PURE__ */ w(c, {
 							title: "Couldn't load submissions",
 							error: H
-						}) : $.length === 0 ? /* @__PURE__ */ T(s, {
-							icon: /* @__PURE__ */ T(y, { size: 24 }),
+						}) : $.length === 0 ? /* @__PURE__ */ w(s, {
+							icon: /* @__PURE__ */ w(y, { size: 24 }),
 							title: "No submissions yet",
 							description: "Submit a solution above to see your verdicts and points here."
-						}) : /* @__PURE__ */ T("div", {
+						}) : /* @__PURE__ */ w("div", {
 							className: "space-y-1",
-							children: $.map((e) => /* @__PURE__ */ T(P, { s: e }, e.id))
+							children: $.map((e) => /* @__PURE__ */ w(M, { s: e }, e.id))
 						})]
 					})
 				})]
@@ -306,6 +330,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as ApplicationsProblemDetailsPagePage };
+export { N as ApplicationsProblemDetailsPagePage };
 
 //# sourceMappingURL=ApplicationsProblemDetailsPagePage.js.map