@codori/client 0.0.1 → 0.0.2

package/app/components/ChatWorkspace.vue

@@ -2,10 +2,10 @@
 import { useRouter } from '#imports'
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
 import MessageContent from './MessageContent.vue'
-import { useChatSession, type SubagentPanelState } from '../composables/useChatSession.js'
-import { useProjects } from '../composables/useProjects.js'
-import { useRpc } from '../composables/useRpc.js'
-import { useChatSubmitGuard } from '../composables/useChatSubmitGuard.js'
+import { useChatSession, type SubagentPanelState } from '../composables/useChatSession'
+import { useProjects } from '../composables/useProjects'
+import { useRpc } from '../composables/useRpc'
+import { useChatSubmitGuard } from '../composables/useChatSubmitGuard'
 import {
   ITEM_PART,
   eventToMessage,
@@ -18,7 +18,7 @@ import {
   type FileChangeItem,
   type ItemData,
   type McpToolCallItem
-} from '~~/shared/codex-chat.js'
+} from '~~/shared/codex-chat'
 import {
   notificationThreadId,
   notificationTurnId,
@@ -29,8 +29,8 @@ import {
   type ThreadResumeResponse,
   type ThreadStartResponse,
   type TurnStartResponse
-} from '~~/shared/codex-rpc.js'
-import { toProjectThreadRoute } from '~~/shared/codori.js'
+} from '~~/shared/codex-rpc'
+import { toProjectThreadRoute } from '~~/shared/codori'
 
 const props = defineProps<{
   projectId: string

package/app/components/MessageContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import MessagePartRenderer from './MessagePartRenderer.js'
-import type { ChatMessage, ChatPart } from '~~/shared/codex-chat.js'
+import MessagePartRenderer from './MessagePartRenderer'
+import type { ChatMessage, ChatPart } from '~~/shared/codex-chat'
 
 defineProps<{
   message?: ChatMessage | null

package/app/components/MessagePartRenderer.ts

@@ -1,8 +1,8 @@
 import { defineComponent, h, type PropType } from 'vue'
 import { UChatReasoning } from '#components'
-import { EVENT_PART, ITEM_PART, type ChatMessage, type ChatPart } from '~~/shared/codex-chat.js'
+import { EVENT_PART, ITEM_PART, type ChatMessage, type ChatPart } from '~~/shared/codex-chat'
 import MessagePartEvent from './message-part/Event.vue'
-import MessagePartItem from './message-part/Item.js'
+import MessagePartItem from './message-part/Item'
 import MessagePartText from './message-part/Text.vue'
 
 export default defineComponent({

package/app/components/ProjectSidebar.vue

@@ -2,8 +2,8 @@
 import type { NavigationMenuItem } from '@nuxt/ui'
 import { useRoute } from '#imports'
 import { computed, onMounted } from 'vue'
-import { useProjects } from '../composables/useProjects.js'
-import { toProjectRoute } from '~~/shared/codori.js'
+import { useProjects } from '../composables/useProjects'
+import { toProjectRoute } from '~~/shared/codori'
 
 const props = defineProps<{
   collapsed?: boolean

package/app/components/ThreadList.vue

@@ -2,11 +2,11 @@
 import type { NavigationMenuItem } from '@nuxt/ui'
 import { useRoute } from '#imports'
 import { computed, onMounted, ref, watch } from 'vue'
-import { useProjects } from '../composables/useProjects.js'
-import { useRpc } from '../composables/useRpc.js'
-import { useThreadPanel } from '../composables/useThreadPanel.js'
-import type { ThreadListResponse } from '~~/shared/codex-rpc.js'
-import { toProjectThreadRoute } from '~~/shared/codori.js'
+import { useProjects } from '../composables/useProjects'
+import { useRpc } from '../composables/useRpc'
+import { useThreadPanel } from '../composables/useThreadPanel'
+import type { ThreadListResponse } from '~~/shared/codex-rpc'
+import { toProjectThreadRoute } from '~~/shared/codori'
 
 const props = defineProps<{
   projectId: string | null

package/app/components/ThreadPanel.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useThreadPanel } from '../composables/useThreadPanel.js'
+import { useThreadPanel } from '../composables/useThreadPanel'
 import ThreadList from './ThreadList.vue'
 
 defineProps<{

package/app/components/VisualSubagentStack.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, watch, type ComponentPublicInstance, type VNodeRef } from 'vue'
-import type { VisualSubagentPanel } from '~~/shared/codex-chat.js'
+import type { VisualSubagentPanel } from '~~/shared/codex-chat'
 
 const props = defineProps<{
   agents: VisualSubagentPanel[]

package/app/components/message-item/CommandExecution.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { CommandExecutionItem } from '~~/shared/codex-chat.js'
-import { useChatToolState } from './use-chat-tool-state.js'
+import type { CommandExecutionItem } from '~~/shared/codex-chat'
+import { useChatToolState } from './use-chat-tool-state'
 
 const props = defineProps<{
   item: CommandExecutionItem

package/app/components/message-item/DynamicToolCall.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { DynamicToolCallItem } from '~~/shared/codex-chat.js'
-import { useChatToolState } from './use-chat-tool-state.js'
+import type { DynamicToolCallItem } from '~~/shared/codex-chat'
+import { useChatToolState } from './use-chat-tool-state'
 
 const props = defineProps<{
   item: DynamicToolCallItem

package/app/components/message-item/FileChange.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { FileChangeItem } from '~~/shared/codex-chat.js'
-import { useChatToolState } from './use-chat-tool-state.js'
+import type { FileChangeItem } from '~~/shared/codex-chat'
+import { useChatToolState } from './use-chat-tool-state'
 
 const props = defineProps<{
   item: FileChangeItem

package/app/components/message-item/McpToolCall.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { McpToolCallItem } from '~~/shared/codex-chat.js'
-import { useChatToolState } from './use-chat-tool-state.js'
+import type { McpToolCallItem } from '~~/shared/codex-chat'
+import { useChatToolState } from './use-chat-tool-state'
 
 const props = defineProps<{
   item: McpToolCallItem

package/app/components/message-item/SubagentActivity.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { SubagentActivityItem, SubagentAgentState } from '~~/shared/codex-chat.js'
-import { useChatToolState } from './use-chat-tool-state.js'
+import type { SubagentActivityItem, SubagentAgentState } from '~~/shared/codex-chat'
+import { useChatToolState } from './use-chat-tool-state'
 
 const props = defineProps<{
   item: SubagentActivityItem

package/app/components/message-item/WebSearch.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { CodexThreadItem } from '~~/shared/codex-rpc.js'
-import { useChatToolState } from './use-chat-tool-state.js'
+import type { CodexThreadItem } from '~~/shared/codex-rpc'
+import { useChatToolState } from './use-chat-tool-state'
 
 const props = defineProps<{
   item: Extract<CodexThreadItem, { type: 'webSearch' }>

package/app/components/message-part/Event.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { EVENT_PART, type ThreadEventData } from '~~/shared/codex-chat.js'
+import { EVENT_PART, type ThreadEventData } from '~~/shared/codex-chat'
 
 const props = defineProps<{
   part?: {

package/app/components/message-part/Item.ts

@@ -3,7 +3,7 @@ import {
   ITEM_PART,
   type ChatPart,
   type ItemData
-} from '~~/shared/codex-chat.js'
+} from '~~/shared/codex-chat'
 import MessageItemCommandExecution from '../message-item/CommandExecution.vue'
 import MessageItemContextCompaction from '../message-item/ContextCompaction.vue'
 import MessageItemDynamicToolCall from '../message-item/DynamicToolCall.vue'

package/app/composables/useChatSession.ts

@@ -1,6 +1,6 @@
 import { ref, type Ref } from 'vue'
-import type { ChatMessage, SubagentAgentStatus, VisualSubagentPanel } from '~~/shared/codex-chat.js'
-import type { CodexRpcNotification } from '~~/shared/codex-rpc.js'
+import type { ChatMessage, SubagentAgentStatus, VisualSubagentPanel } from '~~/shared/codex-chat'
+import type { CodexRpcNotification } from '~~/shared/codex-rpc'
 
 export type ChatStatus = 'ready' | 'submitted' | 'streaming' | 'error'
 

package/app/composables/useProjects.ts

@@ -1,13 +1,13 @@
 import { useRuntimeConfig, useState } from '#imports'
 import { $fetch } from 'ofetch'
-import { encodeProjectIdSegment } from '~~/shared/codori.js'
-import { resolveHttpBase, shouldUseServerProxy } from '~~/shared/network.js'
+import { encodeProjectIdSegment } from '~~/shared/codori'
+import { resolveApiUrl, shouldUseServerProxy } from '~~/shared/network'
 import type {
   ProjectRecord,
   ProjectResponse,
   ProjectsResponse,
   StartProjectResult
-} from '~~/shared/codori.js'
+} from '~~/shared/codori'
 
 const mergeProject = (projects: ProjectRecord[], nextProject: ProjectRecord) => {
   const filtered = projects.filter(project => project.projectId !== nextProject.projectId)
@@ -21,13 +21,12 @@ export const useProjects = () => {
   const pendingProjectId = useState<string | null>('codori-projects-pending-id', () => null)
   const error = useState<string | null>('codori-projects-error', () => null)
   const configuredBase = String(useRuntimeConfig().public.serverBase ?? '')
-  const apiBase = resolveHttpBase(configuredBase)
   const useProxy = shouldUseServerProxy(configuredBase)
 
   const toApiUrl = (path: string) =>
     useProxy
       ? `/api/codori${path}`
-      : new URL(path, apiBase).toString()
+      : resolveApiUrl(path, configuredBase)
 
   const refreshProjects = async () => {
     if (loading.value) {

package/app/composables/useRpc.ts

@@ -1,7 +1,7 @@
 import { useRuntimeConfig } from '#imports'
-import { encodeProjectIdSegment } from '~~/shared/codori.js'
-import { CodexRpcClient } from '~~/shared/codex-rpc.js'
-import { resolveWsBase } from '~~/shared/network.js'
+import { encodeProjectIdSegment } from '~~/shared/codori'
+import { CodexRpcClient } from '~~/shared/codex-rpc'
+import { resolveWsBase } from '~~/shared/network'
 
 const clients = new Map<string, CodexRpcClient>()
 

package/app/composables/useVisualSubagentPanels.ts

@@ -1,5 +1,5 @@
 import { computed, toValue, type MaybeRefOrGetter } from 'vue'
-import { isSubagentActiveStatus, type VisualSubagentPanel } from '~~/shared/codex-chat.js'
+import { isSubagentActiveStatus, type VisualSubagentPanel } from '~~/shared/codex-chat'
 
 export const useVisualSubagentPanels = (
   panels: MaybeRefOrGetter<VisualSubagentPanel[] | null | undefined>

package/app/pages/projects/[...projectId]/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from '#imports'
 import { computed, onMounted } from 'vue'
-import { useProjects } from '../../../composables/useProjects.js'
-import { useThreadPanel } from '../../../composables/useThreadPanel.js'
-import { normalizeProjectIdParam } from '~~/shared/codori.js'
+import { useProjects } from '../../../composables/useProjects'
+import { useThreadPanel } from '../../../composables/useThreadPanel'
+import { normalizeProjectIdParam } from '~~/shared/codori'
 
 const route = useRoute()
 const router = useRouter()

package/app/pages/projects/[...projectId]/threads/[threadId].vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from '#imports'
 import { computed, onMounted, ref, watch } from 'vue'
-import { useChatSession } from '../../../../composables/useChatSession.js'
-import { useProjects } from '../../../../composables/useProjects.js'
-import { useThreadPanel } from '../../../../composables/useThreadPanel.js'
-import { useVisualSubagentPanels } from '../../../../composables/useVisualSubagentPanels.js'
-import { normalizeProjectIdParam, toProjectRoute } from '~~/shared/codori.js'
+import { useChatSession } from '../../../../composables/useChatSession'
+import { useProjects } from '../../../../composables/useProjects'
+import { useThreadPanel } from '../../../../composables/useThreadPanel'
+import { useVisualSubagentPanels } from '../../../../composables/useVisualSubagentPanels'
+import { normalizeProjectIdParam, toProjectRoute } from '~~/shared/codori'
 
 const route = useRoute()
 const router = useRouter()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codori/client",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "description": "Codori Nuxt dashboard for project browsing, Codex chat, and thread resume.",
   "type": "module",

package/server/api/codori/projects/[projectId]/start.post.ts

@@ -1,7 +1,7 @@
 import { defineEventHandler, getRouterParam } from 'h3'
-import { encodeProjectIdSegment } from '~~/shared/codori.js'
-import type { ProjectResponse } from '~~/shared/codori.js'
-import { proxyServerRequest } from '../../../../utils/server-proxy.js'
+import { encodeProjectIdSegment } from '~~/shared/codori'
+import type { ProjectResponse } from '~~/shared/codori'
+import { proxyServerRequest } from '../../../../utils/server-proxy'
 
 export default defineEventHandler(async (event) => {
   const projectId = getRouterParam(event, 'projectId')

package/server/api/codori/projects/[projectId]/status.get.ts

@@ -1,7 +1,7 @@
 import { defineEventHandler, getRouterParam } from 'h3'
-import { encodeProjectIdSegment } from '~~/shared/codori.js'
-import type { ProjectResponse } from '~~/shared/codori.js'
-import { proxyServerRequest } from '../../../../utils/server-proxy.js'
+import { encodeProjectIdSegment } from '~~/shared/codori'
+import type { ProjectResponse } from '~~/shared/codori'
+import { proxyServerRequest } from '../../../../utils/server-proxy'
 
 export default defineEventHandler(async (event) => {
   const projectId = getRouterParam(event, 'projectId')

package/server/api/codori/projects/[projectId]/stop.post.ts

@@ -1,7 +1,7 @@
 import { defineEventHandler, getRouterParam } from 'h3'
-import { encodeProjectIdSegment } from '~~/shared/codori.js'
-import type { ProjectResponse } from '~~/shared/codori.js'
-import { proxyServerRequest } from '../../../../utils/server-proxy.js'
+import { encodeProjectIdSegment } from '~~/shared/codori'
+import type { ProjectResponse } from '~~/shared/codori'
+import { proxyServerRequest } from '../../../../utils/server-proxy'
 
 export default defineEventHandler(async (event) => {
   const projectId = getRouterParam(event, 'projectId')

package/server/api/codori/projects/[projectId].get.ts

@@ -1,7 +1,7 @@
 import { defineEventHandler, getRouterParam } from 'h3'
-import { encodeProjectIdSegment } from '~~/shared/codori.js'
-import type { ProjectResponse } from '~~/shared/codori.js'
-import { proxyServerRequest } from '../../../utils/server-proxy.js'
+import { encodeProjectIdSegment } from '~~/shared/codori'
+import type { ProjectResponse } from '~~/shared/codori'
+import { proxyServerRequest } from '../../../utils/server-proxy'
 
 export default defineEventHandler(async (event) => {
   const projectId = getRouterParam(event, 'projectId')

package/server/api/codori/projects/index.get.ts

@@ -1,6 +1,6 @@
 import { defineEventHandler } from 'h3'
-import type { ProjectsResponse } from '~~/shared/codori.js'
-import { proxyServerRequest } from '../../../utils/server-proxy.js'
+import type { ProjectsResponse } from '~~/shared/codori'
+import { proxyServerRequest } from '../../../utils/server-proxy'
 
 export default defineEventHandler(async (event) =>
   await proxyServerRequest<ProjectsResponse>(event, '/api/projects')

package/shared/codex-chat.ts

@@ -1,4 +1,4 @@
-import type { CodexThread, CodexThreadItem, CodexUserInput } from './codex-rpc.js'
+import type { CodexThread, CodexThreadItem, CodexUserInput } from './codex-rpc'
 
 export const EVENT_PART = 'data-thread-event' as const
 export const ITEM_PART = 'data-thread-item' as const

package/shared/network.ts

@@ -21,6 +21,14 @@ export const resolveHttpBase = (configuredBase: string | null | undefined) => {
 export const shouldUseServerProxy = (configuredBase: string | null | undefined) =>
   Boolean(configuredBase && configuredBase.trim().length > 0)
 
+export const resolveApiUrl = (
+  path: string,
+  configuredBase: string | null | undefined
+) => {
+  const normalizedPath = path.startsWith('/api/') ? path : `/api${path.startsWith('/') ? path : `/${path}`}`
+  return new URL(normalizedPath, resolveHttpBase(configuredBase)).toString()
+}
+
 export const resolveWsBase = (
   configuredWsBase: string | null | undefined,
   configuredHttpBase: string | null | undefined