@jkwd/inbase 0.1.18 → 0.1.20

package/apps/explorer/src/scene/SelectionThumbnail.tsx

@@ -30,6 +30,8 @@ type SelectionThumbnailProps = {
   plannedIds?: string[]
   createdIds?: string[]
   deletedIds?: string[]
+  pointedFileIds?: string[]
+  pointedFolderPaths?: string[]
   onMinimize?: () => void
   onMaximize?: () => void
   onHide: () => void
@@ -464,6 +466,8 @@ function ThumbnailScene({
   planned,
   created,
   deleted,
+  pointedFiles,
+  pointedFolders,
   zoom,
   zoomRef,
   panRef,
@@ -481,6 +485,8 @@ function ThumbnailScene({
   planned: Set<string>
   created: Set<string>
   deleted: Set<string>
+  pointedFiles: Set<string>
+  pointedFolders: Set<string>
   zoom: number
   zoomRef: { current: number }
   panRef: { current: Vec3 }
@@ -496,15 +502,18 @@ function ThumbnailScene({
         const selected = file.id === target.selectedFileId
         const related = target.relatedIds.has(file.id)
         const changeKind = fileChangeKind(file.id, planned, created, deleted)
+        const pointed = pointedFiles.has(file.id)
         const dimmed =
           Boolean(target.selectedFileId) &&
           !selected &&
           !related &&
-          !changeKind
+          !changeKind &&
+          !pointed
         let priority = placed.size[1]
         if (selected) priority += 1000
         else if (related) priority += 400
         else if (changeKind) priority += 300
+        else if (pointed) priority += 250
         else if (file.userCreated) priority += 80
         if (dimmed) priority -= 200
         return {
@@ -517,7 +526,7 @@ function ThumbnailScene({
           priority,
         }
       }),
-    [created, deleted, planned, target],
+      [created, deleted, planned, pointedFiles, target],
   )
 
   return (
@@ -554,12 +563,14 @@ function ThumbnailScene({
       <FolderArea
         folder={target.folder}
         highlightKind={highlightedFolders[target.folder.path] ?? null}
+        pointed={pointedFolders.has(target.folder.path)}
         previewLabels={zoom < 1.45}
       />
       {target.files.map(({ file, placed }) => {
         const selected = file.id === target.selectedFileId
         const related = target.relatedIds.has(file.id)
         const changeKind = fileChangeKind(file.id, planned, created, deleted)
+        const pointed = pointedFiles.has(file.id)
         return (
           <FileBlock
             key={file.id}
@@ -570,6 +581,7 @@ function ThumbnailScene({
             planned={Boolean(changeKind)}
             changeKind={changeKind}
             added={created.has(file.id) || file.userCreated}
+            pointed={pointed}
             highlightMapChange
             previewLabels
             labelVisible={visibleLabelIds.has(file.id)}
@@ -577,7 +589,8 @@ function ThumbnailScene({
               Boolean(target.selectedFileId) &&
               !selected &&
               !related &&
-              !changeKind
+              !changeKind &&
+              !pointed
             }
           />
         )

package/apps/explorer/src/scene/World.tsx

@@ -73,6 +73,8 @@ type WorldProps = {
   userCreatedBlocks?: UserCreatedBlock[]
   userCreatedIslands?: UserCreatedIsland[]
   overlayBlocks?: UserCreatedBlock[]
+  pointedFileIds?: string[]
+  pointedFolderPaths?: string[]
   namingIslandId?: string | null
   mapGraph?: CodebaseGraph | null
   mapLayout?: WorldLayout | null
@@ -117,11 +119,15 @@ export function World({
   userCreatedBlocks = [],
   userCreatedIslands = [],
   overlayBlocks = [],
+  pointedFileIds = [],
+  pointedFolderPaths = [],
   mapGraph = null,
   mapLayout = null,
 }: WorldProps) {
   const created = new Set(createdIds)
   const deleted = new Set(deletedIds)
+  const pointedFiles = new Set(pointedFileIds)
+  const pointedFolders = new Set(pointedFolderPaths)
   const mapping = mode === 'map'
   const viewGraph = mapping && mapGraph ? mapGraph : graph
   const viewLayout = mapping && mapLayout ? mapLayout : layout
@@ -169,17 +175,19 @@ export function World({
     if (selectedId) ids.add(selectedId)
     if (namingId) ids.add(namingId)
     if (aimedRelation?.flyTo) ids.add(aimedRelation.flyTo)
+    for (const id of pointedFileIds) ids.add(id)
     if (ghostKey) {
       for (const id of ghostKey.split('|')) ids.add(id)
     }
     return ids
-  }, [aimedRelation?.flyTo, ghostKey, namingId, selectedId])
+  }, [aimedRelation?.flyTo, ghostKey, namingId, pointedFileIds, selectedId])
   const keepFolderPaths = useMemo(() => {
     const paths = new Set<string>()
     if (selectedFolder) paths.add(selectedFolder)
     if (namingIslandId) paths.add(namingIslandId)
+    for (const path of pointedFolderPaths) paths.add(path)
     return paths
-  }, [namingIslandId, selectedFolder])
+  }, [namingIslandId, pointedFolderPaths, selectedFolder])
   const originLod = useMemo(() => {
     if (mapping) return null
     return computeWalkLod({
@@ -237,7 +245,6 @@ export function World({
         onLand={onLand}
         onSelect={onSelect}
         onSelectFolder={onSelectFolder}
-        onTravelTo={onTravelTo}
         onBlueprintMenu={
           mapping && !placing && onBlueprintMenu ? onBlueprintMenu : undefined
         }
@@ -255,6 +262,7 @@ export function World({
             highlightKind={
               mapping ? highlightedFolders[folder.path] ?? null : null
             }
+            pointed={pointedFolders.has(folder.path)}
             labelVisible={!lod || lod.folderLabels.has(folder.path)}
             onCommitName={
               folder.path === namingIslandId && onCommitIslandName
@@ -286,14 +294,22 @@ export function World({
         const changeKind = fileChangeKind(file.id, planned, created, deleted)
         const naming = file.id === namingId
         const aimed = file.id === aimedRelation?.flyTo
+        const pointed = pointedFiles.has(file.id)
         const detailed =
-          selected || isRelated || isPlanned || naming || aimed || Boolean(changeKind)
+          selected ||
+          isRelated ||
+          isPlanned ||
+          naming ||
+          aimed ||
+          pointed ||
+          Boolean(changeKind)
         if (lod && !lod.files.has(file.id)) return null
         const dimmed =
           hasFocus &&
           !selected &&
           !isRelated &&
           !changeKind &&
+          !pointed &&
           !patchLinked.has(file.id) &&
           !folderFileIds.has(file.id)
         if (lod && !detailed && !lod.labels.has(file.id)) {
@@ -311,6 +327,7 @@ export function World({
             changeKind={changeKind}
             added={created.has(file.id) || file.userCreated}
             aimed={aimed}
+            pointed={pointed}
             dimmed={dimmed}
             naming={naming}
             mapMode={mapping}
@@ -348,6 +365,7 @@ export function World({
             planned={false}
             changeKind="add"
             added
+            pointed={pointedFiles.has(file.id)}
             dimmed={false}
             mapMode={mapping}
             labelVisible

package/apps/explorer/src/types.ts

@@ -225,6 +225,14 @@ export type BlueprintNote = {
   note: string
 }
 
+export type BlueprintPointerKind = 'file' | 'folder' | 'function' | 'variable'
+
+export type BlueprintPointer = {
+  kind: BlueprintPointerKind
+  path: string
+  name?: string
+}
+
 export type AimedRelation = {
   from: string
   to: string
@@ -275,6 +283,7 @@ export type SharedBlueprint = {
   addedVariables: PatchSymbolAddition[]
   addedImports: PatchImportAddition[]
   notes: BlueprintNote[]
+  pointers: BlueprintPointer[]
 }
 
 export type AgentIntentBundle = {
@@ -324,6 +333,12 @@ export type AgentIntent = {
     at: string | null
   } | null
   initialInstruction?: string | null
+  contextFiles?: Array<{
+    id: string
+    name: string
+    mimeType: string
+    size: number
+  }>
   creationMode: boolean
   canEnterBlueprint: boolean
   blueprintHidden?: boolean
@@ -335,4 +350,5 @@ export type AgentIntent = {
   blueprintVariables: PatchSymbolAddition[]
   blueprintImports: PatchImportAddition[]
   blueprintNotes: BlueprintNote[]
+  blueprintPointers: BlueprintPointer[]
 }

package/apps/explorer/src/ui/EyeIcon.tsx

@@ -0,0 +1,26 @@
+export function EyeIcon({
+  size = 18,
+  title,
+}: {
+  size?: number
+  title?: string
+}) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      width={size}
+      height={size}
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden={title ? undefined : true}
+      role={title ? 'img' : undefined}
+    >
+      {title ? <title>{title}</title> : null}
+      <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" />
+      <circle cx="12" cy="12" r="3" />
+    </svg>
+  )
+}