[codex] Improve extension SDK integration

.gitmodules

@@ -6,6 +6,7 @@
 [submodule "extensions/gcs-narrative-tags"]
 	path = extensions/gcs-narrative-tags
 	url = https://github.com/GCS-SSC/gcs-narrative-tags.git
+	branch = main
 	ignore = untracked
 [submodule "extensions/gcs-outcome-cost-allocation"]
 	path = extensions/gcs-outcome-cost-allocation

app/components/Common/Textarea.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, useAttrs, useSlots } from 'vue'
-import type { GcsExtensionSlot } from '~~/shared/utils/extensions'
+import type { GcsExtensionSlot, GcsExtensionSlotContext } from '~~/shared/utils/extensions'
 
 defineOptions({
   inheritAttrs: false
@@ -17,7 +17,7 @@ const {
   streamId?: string
   agencyId?: string
   extensionSlotName?: GcsExtensionSlot
-  extensionContext?: Record<string, unknown>
+  extensionContext?: GcsExtensionSlotContext
 }>()
 
 const emit = defineEmits<{

app/components/Extension/ExtensionSlotHost.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { GcsExtensionJsonConfig, GcsExtensionSlot } from '~~/shared/utils/extensions'
+import type { GcsExtensionJsonConfig, GcsExtensionSlot, GcsExtensionSlotContext } from '~~/shared/utils/extensions'
 import type { ExtensionRuntimeResponse } from '~~/shared/types/schemas/extensions'
 import { getGcsExtensionComponent } from '#gcs-extensions/registry'
 
@@ -12,11 +12,11 @@ const {
   slotName: GcsExtensionSlot
   streamId?: string
   agencyId?: string
-  context?: Record<string, unknown>
+  context?: GcsExtensionSlotContext
 }>()
 
 const applicantRecipientId = computed(() => {
-  const value = context.applicantRecipientId
+  const value = context && 'applicantRecipientId' in context ? context.applicantRecipientId : undefined
   if (typeof value === 'string' || typeof value === 'number') {
     return String(value)
   }

app/plugins/extension-ui-runtime.ts

@@ -0,0 +1,86 @@
+import {
+  clearExtensionUiRuntime,
+  setExtensionUiRuntime,
+  type GcsExtensionFetchResult,
+  type GcsExtensionI18n,
+  type GcsExtensionUiRuntime
+} from '@gcs-ssc/extensions/ui'
+import {
+  AssessmentSchemaAccordionSection,
+  CommonEntityEditorWorkspace,
+  CommonResourceLayoutCard,
+  CommonRouteTabs,
+  CommonSaveButton,
+  CommonSection,
+  CommonStatusBadge,
+  UAccordion,
+  UAlert,
+  UBadge,
+  UButton,
+  UCheckbox,
+  UFormField,
+  UIcon,
+  UInput,
+  UInputTags,
+  UModal,
+  UProgress,
+  USelect,
+  USelectMenu,
+  USwitch,
+  UTable,
+  UTextarea,
+  UTooltip
+} from '#components'
+import {
+  useConfirmDialog,
+  useFetch,
+  useGroupedTableExpansion,
+  useI18n,
+  useToast
+} from '#imports'
+
+export default defineNuxtPlugin(nuxtApp => {
+  const runtime: GcsExtensionUiRuntime = {
+    components: {
+      CommonAssessmentSchemaAccordionSection: AssessmentSchemaAccordionSection as unknown as GcsExtensionUiRuntime['components']['CommonAssessmentSchemaAccordionSection'],
+      CommonEntityEditorWorkspace: CommonEntityEditorWorkspace as unknown as GcsExtensionUiRuntime['components']['CommonEntityEditorWorkspace'],
+      CommonResourceLayoutCard: CommonResourceLayoutCard as unknown as GcsExtensionUiRuntime['components']['CommonResourceLayoutCard'],
+      CommonRouteTabs: CommonRouteTabs as unknown as GcsExtensionUiRuntime['components']['CommonRouteTabs'],
+      CommonSaveButton: CommonSaveButton as unknown as GcsExtensionUiRuntime['components']['CommonSaveButton'],
+      CommonSection: CommonSection as unknown as GcsExtensionUiRuntime['components']['CommonSection'],
+      CommonStatusBadge: CommonStatusBadge as unknown as GcsExtensionUiRuntime['components']['CommonStatusBadge'],
+      UAccordion: UAccordion as unknown as GcsExtensionUiRuntime['components']['UAccordion'],
+      UAlert: UAlert as unknown as GcsExtensionUiRuntime['components']['UAlert'],
+      UBadge: UBadge as unknown as GcsExtensionUiRuntime['components']['UBadge'],
+      UButton: UButton as unknown as GcsExtensionUiRuntime['components']['UButton'],
+      UCheckbox: UCheckbox as unknown as GcsExtensionUiRuntime['components']['UCheckbox'],
+      UFormField: UFormField as unknown as GcsExtensionUiRuntime['components']['UFormField'],
+      UIcon: UIcon as unknown as GcsExtensionUiRuntime['components']['UIcon'],
+      UInput: UInput as unknown as GcsExtensionUiRuntime['components']['UInput'],
+      UInputTags: UInputTags as unknown as GcsExtensionUiRuntime['components']['UInputTags'],
+      UModal: UModal as unknown as GcsExtensionUiRuntime['components']['UModal'],
+      UProgress: UProgress as unknown as GcsExtensionUiRuntime['components']['UProgress'],
+      USelect: USelect as unknown as GcsExtensionUiRuntime['components']['USelect'],
+      USelectMenu: USelectMenu as unknown as GcsExtensionUiRuntime['components']['USelectMenu'],
+      USwitch: USwitch as unknown as GcsExtensionUiRuntime['components']['USwitch'],
+      UTable: UTable as unknown as GcsExtensionUiRuntime['components']['UTable'],
+      UTextarea: UTextarea as unknown as GcsExtensionUiRuntime['components']['UTextarea'],
+      UTooltip: UTooltip as unknown as GcsExtensionUiRuntime['components']['UTooltip']
+    },
+    composables: {
+      useConfirmDialog: () => useConfirmDialog() as unknown as ReturnType<GcsExtensionUiRuntime['composables']['useConfirmDialog']>,
+      useFetch: <T = unknown>(url: string | (() => string), options?: Record<string, unknown>) =>
+        useFetch<T>(url, options) as unknown as GcsExtensionFetchResult<T>,
+      useGroupedTableExpansion,
+      useI18n: () => useI18n() as unknown as GcsExtensionI18n,
+      useToast
+    }
+  }
+
+  setExtensionUiRuntime(runtime)
+  const originalUnmount = nuxtApp.vueApp.unmount
+  nuxtApp.vueApp.unmount = (...args) => {
+    clearExtensionUiRuntime()
+    return originalUnmount(...args)
+  }
+})