@neurocode-ai/session-ui 1.18.8

package/src/v2/components/prompt-input/store.ts

@@ -0,0 +1,152 @@
+import { batch, type Accessor } from "solid-js"
+import type { SetStoreFunction, Store } from "solid-js/store"
+import type {
+  PromptInputV2AgentPart,
+  PromptInputV2Attachment,
+  PromptInputV2Comment,
+  PromptInputV2FilePart,
+  PromptInputV2Model,
+  PromptInputV2PersistedState,
+  PromptInputV2Prompt,
+} from "./types"
+
+export type PromptInputV2StoreTuple = [
+  Store<PromptInputV2PersistedState> | Accessor<Store<PromptInputV2PersistedState>>,
+  SetStoreFunction<PromptInputV2PersistedState>,
+]
+
+export type PromptInputV2StoreInput = PromptInputV2StoreTuple | Accessor<PromptInputV2StoreTuple>
+
+export function createPromptInputV2Store(input: PromptInputV2StoreInput) {
+  const tuple = () => (typeof input === "function" ? input() : input)
+  const store = () => {
+    const value = tuple()[0]
+    return typeof value === "function" ? value() : value
+  }
+  const setStore = () => tuple()[1]
+
+  return {
+    get state() {
+      return store()
+    },
+    setPrompt(prompt: PromptInputV2Prompt, cursor?: number) {
+      batch(() => {
+        setStore()("prompt", prompt)
+        if (cursor !== undefined) setStore()("cursor", cursor)
+      })
+    },
+    setCursor(cursor: number) {
+      setStore()("cursor", cursor)
+    },
+    setText(content: string) {
+      batch(() => {
+        setStore()("prompt", (prompt) => [
+          { type: "text", content, start: 0, end: content.length },
+          ...prompt.filter((part) => part.type !== "text"),
+        ])
+        setStore()("cursor", content.length)
+      })
+    },
+    addText(content: string) {
+      const cursor = store().cursor ?? promptLength(store().prompt)
+      batch(() => {
+        setStore()("prompt", (prompt) => insertText(prompt, cursor, content))
+        setStore()("cursor", cursor + content.length)
+      })
+    },
+    reset() {
+      batch(() => {
+        setStore()("prompt", [{ type: "text", content: "", start: 0, end: 0 }])
+        setStore()("cursor", 0)
+      })
+    },
+    setModel(model: PromptInputV2Model | undefined) {
+      setStore()("model", model)
+    },
+    setVariant(variant: string | null) {
+      if (store().model) setStore()("model", "variant", variant)
+    },
+    addContext(item: PromptInputV2Comment) {
+      if (store().context.items.some((entry) => entry.key === item.key)) return
+      setStore()("context", "items", (items) => [...items, item])
+    },
+    removeContext(key: string) {
+      setStore()("context", "items", (items) => items.filter((item) => item.key !== key))
+    },
+    addMention(mention: PromptInputV2FilePart | PromptInputV2AgentPart) {
+      const text = store()
+        .prompt.map((part) => ("content" in part ? part.content : ""))
+        .join("")
+      const end = store().cursor ?? text.length
+      const start = text.slice(0, end).lastIndexOf("@")
+      setStore()("prompt", insertMention(store().prompt, start < 0 ? end : start, end, mention))
+      setStore()("cursor", (start < 0 ? end : start) + mention.content.length + 1)
+    },
+    addAttachment(attachment: PromptInputV2Attachment) {
+      setStore()("prompt", (prompt) => [...prompt, attachment])
+    },
+    removeAttachment(id: string) {
+      setStore()("prompt", (parts) => parts.filter((part) => part.type !== "image" || part.id !== id))
+    },
+  }
+}
+
+export type PromptInputV2Store = ReturnType<typeof createPromptInputV2Store>
+
+function insertText(prompt: PromptInputV2Prompt, cursor: number, content: string): PromptInputV2Prompt {
+  let position = 0
+  let inserted = false
+  const parts = prompt.flatMap<PromptInputV2Prompt[number]>((part) => {
+    if (part.type === "image") return [part]
+    const start = position
+    position += part.content.length
+    if (inserted) return [part]
+    if (part.type === "text" && cursor >= start && cursor <= position) {
+      inserted = true
+      const offset = cursor - start
+      return [{ ...part, content: part.content.slice(0, offset) + content + part.content.slice(offset) }]
+    }
+    if (cursor > start) return [part]
+    inserted = true
+    return [{ type: "text", content, start: 0, end: 0 }, part]
+  })
+  if (!inserted) parts.push({ type: "text", content, start: 0, end: 0 })
+  return withOffsets(parts)
+}
+
+function insertMention(
+  prompt: PromptInputV2Prompt,
+  start: number,
+  end: number,
+  mention: PromptInputV2FilePart | PromptInputV2AgentPart,
+): PromptInputV2Prompt {
+  let position = 0
+  const parts = prompt.flatMap<PromptInputV2Prompt[number]>((part) => {
+    if (part.type === "image") return [part]
+    const partStart = position
+    position += part.content.length
+    if (part.type !== "text" || start < partStart || end > position) return [part]
+    const before = part.content.slice(0, start - partStart)
+    const after = part.content.slice(end - partStart)
+    return [
+      ...(before ? [{ type: "text" as const, content: before, start: 0, end: 0 }] : []),
+      mention,
+      { type: "text" as const, content: ` ${after}`, start: 0, end: 0 },
+    ]
+  })
+  return withOffsets(parts)
+}
+
+function withOffsets(prompt: PromptInputV2Prompt): PromptInputV2Prompt {
+  let offset = 0
+  return prompt.map((part) => {
+    if (part.type === "image") return part
+    const next = { ...part, start: offset, end: offset + part.content.length }
+    offset = next.end
+    return next
+  })
+}
+
+function promptLength(prompt: PromptInputV2Prompt) {
+  return prompt.reduce((length, part) => length + ("content" in part ? part.content.length : 0), 0)
+}

package/src/v2/components/prompt-input/types.ts

@@ -0,0 +1,106 @@
+import type { FilePartSource } from "@neurocode-ai/sdk/v2/client"
+
+type PromptInputV2PartBase = {
+  content: string
+  start: number
+  end: number
+}
+
+export type PromptInputV2TextPart = PromptInputV2PartBase & {
+  type: "text"
+}
+
+export type PromptInputV2FilePart = PromptInputV2PartBase & {
+  type: "file"
+  path: string
+  selection?: PromptInputV2Selection
+  mime?: string
+  filename?: string
+  url?: string
+  source?: FilePartSource
+}
+
+export type PromptInputV2AgentPart = PromptInputV2PartBase & {
+  type: "agent"
+  name: string
+}
+
+export type PromptInputV2Attachment = {
+  type: "image"
+  id: string
+  filename: string
+  sourcePath?: string
+  mime: string
+  dataUrl: string
+}
+
+export type PromptInputV2Prompt = (
+  | PromptInputV2TextPart
+  | PromptInputV2FilePart
+  | PromptInputV2AgentPart
+  | PromptInputV2Attachment
+)[]
+
+export type PromptInputV2Model = {
+  providerID: string
+  modelID: string
+  variant?: string | null
+}
+
+export type PromptInputV2Selection = {
+  startLine: number
+  startChar: number
+  endLine: number
+  endChar: number
+}
+
+export type PromptInputV2Comment = {
+  type: "file"
+  key: string
+  path: string
+  selection?: PromptInputV2Selection
+  comment?: string
+  commentID?: string
+  commentOrigin?: "review" | "file"
+  preview?: string
+}
+
+export type PromptInputV2PersistedState = {
+  prompt: PromptInputV2Prompt
+  cursor?: number
+  model?: PromptInputV2Model
+  context: {
+    items: PromptInputV2Comment[]
+  }
+}
+
+export type PromptInputV2HistoryEntry = {
+  prompt: PromptInputV2Prompt
+  metadata?: unknown
+}
+
+export type PromptInputV2History = {
+  entries: (mode: "normal" | "shell") => PromptInputV2HistoryEntry[]
+  add: (prompt: PromptInputV2Prompt, mode: "normal" | "shell") => void
+  capture?: () => unknown
+  restore?: (metadata: unknown) => void
+}
+
+export type PromptInputV2Option = {
+  id: string
+  label: string
+  providerID?: string
+}
+
+export type PromptInputV2Suggestion = {
+  id: string
+  kind: "agent" | "command" | "file" | "reference" | "resource"
+  label: string
+  title?: string
+  trigger?: string
+  description?: string
+  path?: string
+  keybind?: string[]
+  recent?: boolean
+  mention?: PromptInputV2FilePart | PromptInputV2AgentPart
+}

package/src/v2/components/session-file-panel-v2.tsx

@@ -0,0 +1,43 @@
+import { Show, type JSX, type ParentProps } from "solid-js"
+import "./session-review-v2.css"
+
+export function SessionFilePanelV2(props: {
+  sidebar?: JSX.Element
+  toolbar: boolean
+  toolbarStart?: JSX.Element
+  toolbarEnd?: JSX.Element
+  children?: JSX.Element
+}) {
+  return (
+    <div data-component="session-review-v2">
+      <div data-slot="session-review-v2-body">
+        {props.sidebar}
+        <div data-slot="session-review-v2-preview">
+          <Show when={props.toolbar}>
+            <div data-slot="session-review-v2-toolbar">
+              <div data-slot="session-review-v2-toolbar-group" class="session-review-v2-toolbar-group--start">
+                {props.toolbarStart}
+              </div>
+              <Show when={props.toolbarEnd}>
+                {(toolbar) => (
+                  <div data-slot="session-review-v2-toolbar-group" class="session-review-v2-toolbar-group--segments">
+                    {toolbar()}
+                  </div>
+                )}
+              </Show>
+            </div>
+          </Show>
+          {props.children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export function SessionFilePanelV2Title(props: ParentProps) {
+  return <div data-slot="session-review-v2-toolbar-title">{props.children}</div>
+}
+
+export function SessionFilePanelV2Empty(props: ParentProps) {
+  return <div data-slot="session-review-v2-empty">{props.children}</div>
+}