@skillsgate/tui 0.1.12 → 0.1.14

package/src/views/discover.tsx

@@ -4,31 +4,22 @@ import { useStore, useDispatch } from "../store/context.js"
 import { useSearch } from "../data/use-search.js"
 import { useSkillActions } from "../data/use-skill-actions.js"
 import { ConfirmDialog } from "../components/confirm-dialog.js"
-import type { CatalogSkill, SearchMode } from "../data/api-client.js"
+import type { CatalogSkill } from "../data/api-client.js"
 import { colors } from "../utils/colors.js"
 
 /**
- * Discover view: two-column layout with search mode toggle.
- * LEFT  - Search input + mode toggle + results list (40%)
+ * Discover view: two-column layout with search results.
+ * LEFT  - Search input + results list (40%)
  * RIGHT - Selected result detail (flexGrow)
- *
- * Search modes:
- * - Keyword (public, no auth): ILIKE pattern matching, unlimited
- * - Semantic (auth required): AI-powered vector search, 30/day limit
- * Toggle with 'm' key.
  */
 export function DiscoverView() {
   const state = useStore()
   const dispatch = useDispatch()
   const [query, setQuery] = useState("")
-  const [searchMode, setSearchMode] = useState<SearchMode>("keyword")
   const [selectedIndex, setSelectedIndex] = useState(0)
   const [installTarget, setInstallTarget] = useState<CatalogSkill | null>(null)
   const [previewSkill, setPreviewSkill] = useState<CatalogSkill | null>(null)
 
-  const token = state.auth?.token ?? null
-  const isAuthenticated = !!state.auth
-
   // Auto-focus search input when Discover view mounts
   useEffect(() => {
     if (state.activeView === "discover") {
@@ -36,8 +27,8 @@ export function DiscoverView() {
     }
   }, [state.activeView])
 
-  const { results, loading, error, total, hasMore, loadMore, remainingSearches } =
-    useSearch(query, searchMode, token)
+  const { results, loading, error, total, hasMore, loadMore } =
+    useSearch(query)
   const { installSkill } = useSkillActions()
 
   // Update preview when selection changes
@@ -94,24 +85,6 @@ export function DiscoverView() {
       setInstallTarget(results[selectedIndex])
       return
     }
-
-    // m to toggle search mode
-    if (key.name === "m") {
-      if (searchMode === "keyword") {
-        if (!isAuthenticated) {
-          dispatch({
-            type: "SHOW_NOTIFICATION",
-            notification: { type: "info", message: "Sign in to use AI search (press l)" },
-          })
-          return
-        }
-        setSearchMode("semantic")
-      } else {
-        setSearchMode("keyword")
-      }
-      setSelectedIndex(0)
-      return
-    }
   })
 
   // Confirm dialog for install
@@ -142,17 +115,11 @@ export function DiscoverView() {
           paddingLeft: 1,
           paddingRight: 1,
         }}
-        title={state.focusedPane === "search"
-          ? (searchMode === "semantic" ? "AI Search" : "Keyword Search")
-          : "/ to search"}
+        title={state.focusedPane === "search" ? "Search" : "/ to search"}
       >
         {state.focusedPane === "search" ? (
           <input
-            placeholder={
-              searchMode === "semantic"
-                ? 'AI search -- try "audit website performance" (Enter to search)'
-                : "Search by keyword... (Enter to search)"
-            }
+            placeholder="Search skills... (Enter to search)"
             focused={state.activeView === "discover" && !state.showHelp}
             onSubmit={((value: string) => {
               setQuery(value)
@@ -164,7 +131,7 @@ export function DiscoverView() {
         )}
       </box>
 
-      {/* Status line: mode toggle + results + remaining */}
+      {/* Status line */}
       <box
         style={{
           height: 1,
@@ -174,37 +141,16 @@ export function DiscoverView() {
           flexDirection: "row",
         }}
       >
-        {/* Mode toggle: show both options, highlight active */}
-        <text fg={searchMode === "keyword" ? colors.primary : colors.textDim}>
-          {searchMode === "keyword" ? "[Keyword]" : " Keyword "}
-        </text>
-        <text fg={colors.textDim}>{" | "}</text>
-        <text fg={searchMode === "semantic" ? colors.warning : colors.textDim}>
-          {searchMode === "semantic" ? "[AI Search]" : (isAuthenticated ? " AI Search " : " AI Search (login) ")}
-        </text>
-        <text fg={colors.textDim}>{"  m=switch  "}</text>
-
         {/* Results info */}
         <text fg={colors.textDim}>
           {loading
             ? "Loading..."
             : error
-              ? error === "AUTH_EXPIRED"
-                ? "Session expired -- press l to re-login"
-                : error === "RATE_LIMIT"
-                  ? "Daily limit reached -- switch to keyword (m)"
-                  : `Error: ${error}`
+              ? `Error: ${error}`
               : query.trim()
                 ? `${results.length} result${results.length !== 1 ? "s" : ""}`
                 : `${results.length}/${total} skills`}
         </text>
-
-        {/* Remaining searches (semantic only) */}
-        {searchMode === "semantic" && remainingSearches !== null ? (
-          <text fg={remainingSearches <= 5 ? colors.error : colors.textDim}>
-            {`  ${remainingSearches} left today`}
-          </text>
-        ) : null}
       </box>
 
       {/* Two-column content: results list | detail */}
@@ -250,7 +196,7 @@ export function DiscoverView() {
             >
               {results.map((skill, i) => (
                 <box
-                  key={skill.id ?? `${skill.slug}-${i}`}
+                  key={skill.id ?? `${skill.skillId}-${i}`}
                   style={{
                     width: "100%",
                     paddingLeft: 1,
@@ -297,11 +243,6 @@ interface DiscoverDetailPanelProps {
 }
 
 function DiscoverDetailPanel({ skill }: DiscoverDetailPanelProps) {
-  const description = skill.summary || skill.description || ""
-  const categories = skill.categories?.join(", ") ?? ""
-  const capabilities = skill.capabilities?.join(", ") ?? ""
-  const keywords = skill.keywords?.join(", ") ?? ""
-
   return (
     <scrollbox
       focused={false}
@@ -325,58 +266,25 @@ function DiscoverDetailPanel({ skill }: DiscoverDetailPanelProps) {
           <strong>{skill.name}</strong>
         </text>
 
-        {/* Description */}
-        <text fg={colors.text}>{description}</text>
-        <text>{" "}</text>
-
-        {/* Categories */}
-        {categories ? (
-          <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>Categories: </text>
-            <text fg={colors.secondary}>{categories}</text>
-          </box>
-        ) : null}
-
-        {/* Capabilities */}
-        {capabilities ? (
-          <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>Capabilities: </text>
-            <text fg={colors.secondary}>{capabilities}</text>
-          </box>
-        ) : null}
-
-        {/* Keywords */}
-        {keywords ? (
-          <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>Keywords: </text>
-            <text fg={colors.secondary}>{keywords}</text>
-          </box>
-        ) : null}
-
-        {/* Score (semantic search only) */}
-        {skill.score ? (
-          <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>Score: </text>
-            <text fg={colors.success}>{skill.score.toFixed(3)}</text>
-          </box>
-        ) : null}
+        {/* Skill ID */}
+        <box style={{ flexDirection: "row", height: 1 }}>
+          <text fg={colors.textDim}>ID: </text>
+          <text fg={colors.text}>{skill.skillId}</text>
+        </box>
 
-        {/* GitHub URL */}
-        {skill.githubUrl ? (
+        {/* Source (owner/repo) */}
+        {skill.source ? (
           <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>GitHub: </text>
-            <text fg={colors.primary}>{skill.githubUrl}</text>
+            <text fg={colors.textDim}>Source: </text>
+            <text fg={colors.primary}>{skill.source}</text>
           </box>
         ) : null}
 
-        {/* Install command */}
-        {skill.installCommand ? (
-          <>
-            <text>{" "}</text>
-            <text fg={colors.textDim}>Install:</text>
-            <text fg={colors.success}>  {skill.installCommand}</text>
-          </>
-        ) : null}
+        {/* Installs */}
+        <box style={{ flexDirection: "row", height: 1 }}>
+          <text fg={colors.textDim}>Installs: </text>
+          <text fg={colors.success}>{skill.installs.toLocaleString()}</text>
+        </box>
 
         <text>{" "}</text>
         <text fg={colors.textDim}>v=full detail  i=install  Tab=switch pane</text>
@@ -392,9 +300,11 @@ function DiscoverDetailPanel({ skill }: DiscoverDetailPanelProps) {
  * Since catalog skills don't have a local file, we provide a placeholder.
  */
 function catalogSkillToEnriched(skill: CatalogSkill): import("../store/types.js").EnrichedSkill {
+  const githubUrl = skill.source ? `https://github.com/${skill.source}` : undefined
+
   return {
     name: skill.name,
-    description: skill.summary || skill.description || "",
+    description: "",
     filePath: "", // No local file for catalog items
     canonicalPath: "",
     agents: [],
@@ -403,18 +313,15 @@ function catalogSkillToEnriched(skill: CatalogSkill): import("../store/types.js"
     hasSupportingFiles: false,
     supportingFiles: [],
     metadata: {
-      categories: skill.categories,
-      capabilities: skill.capabilities,
-      keywords: skill.keywords,
-      githubUrl: skill.githubUrl,
-      installCommand: skill.installCommand,
-      urlPath: skill.urlPath,
+      source: skill.source,
+      skillId: skill.skillId,
+      installs: skill.installs,
     },
-    lock: skill.githubUrl
+    lock: skill.source
       ? {
-          source: skill.githubUrl,
+          source: skill.source,
           sourceType: "github" as const,
-          originalUrl: skill.githubUrl,
+          originalUrl: githubUrl ?? "",
           skillFolderHash: "",
           installedAt: "",
           updatedAt: "",

package/src/views/favorites.tsx

@@ -1,363 +1,19 @@
-import { useState, useMemo, useEffect } from "react"
-import { useKeyboard } from "@opentui/react"
-import { useStore, useDispatch } from "../store/context.js"
-import { useFavorites } from "../data/use-favorites.js"
-import { useSkillActions } from "../data/use-skill-actions.js"
-import { ConfirmDialog } from "../components/confirm-dialog.js"
 import { colors } from "../utils/colors.js"
-import type { CatalogSkill } from "../data/api-client.js"
-import type { EnrichedSkill } from "../store/types.js"
 
 /**
- * Favorites view: two-column layout.
- * LEFT  - Favorites list (40%)
- * RIGHT - Selected favorite detail (flexGrow)
- *
- * Requires authentication. Shows a prompt to login if not authenticated.
+ * Favorites view: Coming soon placeholder.
+ * Favorites require authentication which is not yet available in the public TUI.
  */
 export function FavoritesView() {
-  const state = useStore()
-  const dispatch = useDispatch()
-  const { favorites, loading, error, toggle } = useFavorites()
-  const { installSkill } = useSkillActions()
-  const [selectedIndex, setSelectedIndex] = useState(0)
-  const [installTarget, setInstallTarget] = useState<CatalogSkill | null>(null)
-  const [previewSkill, setPreviewSkill] = useState<CatalogSkill | null>(null)
-
-  // Build a set of installed skill names for the "installed" badge
-  const installedNames = useMemo(() => {
-    return new Set(state.installedSkills.map((s) => s.name.toLowerCase()))
-  }, [state.installedSkills])
-
-  // Update preview when selection changes
-  useEffect(() => {
-    if (favorites[selectedIndex]) {
-      setPreviewSkill(favorites[selectedIndex])
-    } else {
-      setPreviewSkill(null)
-    }
-  }, [selectedIndex, favorites])
-
-  // Keyboard navigation for the favorites list
-  useKeyboard((key) => {
-    if (state.activeView !== "favorites") return
-    if (state.showHelp) return
-    if (!state.auth) return // No navigation when not logged in
-    if (installTarget) return // Block navigation during confirm dialog
-
-    // j/k or arrow keys
-    if (key.name === "up" || (key.name === "k" && !key.ctrl)) {
-      setSelectedIndex((i) => Math.max(0, i - 1))
-    }
-    if (key.name === "down" || (key.name === "j" && !key.ctrl)) {
-      setSelectedIndex((i) => Math.min(favorites.length - 1, i + 1))
-    }
-
-    // g = first, G = last
-    if (key.name === "g" && !key.shift) {
-      setSelectedIndex(0)
-    }
-    if (key.name === "g" && key.shift) {
-      setSelectedIndex(Math.max(0, favorites.length - 1))
-    }
-
-    // v to view full detail
-    if (key.name === "v" && favorites[selectedIndex]) {
-      const skill = favorites[selectedIndex]
-      dispatch({
-        type: "SELECT_SKILL",
-        skill: catalogSkillToEnriched(skill, installedNames),
-      })
-      return
-    }
-
-    // x to unfavorite
-    if (key.name === "x" && favorites[selectedIndex]) {
-      const skill = favorites[selectedIndex]
-      toggle(skill.id)
-      dispatch({
-        type: "SHOW_NOTIFICATION",
-        notification: { type: "info", message: `Removed "${skill.name}" from favorites` },
-      })
-      // Adjust selection if we removed the last item
-      if (selectedIndex >= favorites.length - 1 && selectedIndex > 0) {
-        setSelectedIndex(selectedIndex - 1)
-      }
-      return
-    }
-
-    // i to install
-    if (key.name === "i" && favorites[selectedIndex]) {
-      setInstallTarget(favorites[selectedIndex])
-      return
-    }
-  })
-
-  // Confirm dialog for install
-  if (installTarget) {
-    return (
-      <ConfirmDialog
-        message={`Install "${installTarget.name}"?`}
-        onConfirm={async () => {
-          const skill = catalogSkillToEnriched(installTarget, installedNames)
-          setInstallTarget(null)
-          await installSkill(skill)
-        }}
-        onCancel={() => setInstallTarget(null)}
-      />
-    )
-  }
-
-  // Not authenticated
-  if (!state.auth) {
-    return (
-      <box style={{ flexDirection: "column", padding: 2 }}>
-        <text fg={colors.text}>
-          Sign in to view your favorites
-        </text>
-        <text>{" "}</text>
-        <text fg={colors.textDim}>
-          Press <span fg={colors.primary}>l</span> to login
-        </text>
-      </box>
-    )
-  }
-
-  // Loading state
-  if (loading && favorites.length === 0) {
-    return (
-      <box style={{ padding: 1 }}>
-        <text fg={colors.textDim}>Loading favorites...</text>
-      </box>
-    )
-  }
-
-  // Error state
-  if (error && favorites.length === 0) {
-    return (
-      <box style={{ padding: 1 }}>
-        <text fg={colors.error}>Error: {error}</text>
-      </box>
-    )
-  }
-
   return (
-    <box style={{ flexDirection: "column", width: "100%", flexGrow: 1 }}>
-      {/* Status line */}
-      <box
-        style={{
-          height: 1,
-          width: "100%",
-          paddingLeft: 1,
-          backgroundColor: colors.bgAlt,
-        }}
-      >
-        <text fg={colors.textDim}>
-          {favorites.length} favorite{favorites.length !== 1 ? "s" : ""}
-          {loading ? " (refreshing...)" : ""}
-        </text>
-      </box>
-
-      {/* Two-column content: list | detail */}
-      <box style={{ flexDirection: "row", flexGrow: 1, width: "100%" }}>
-        {/* LEFT: Favorites list */}
-        <box
-          style={{
-            width: "40%",
-            border: true,
-            borderColor: colors.border,
-            flexDirection: "column",
-          } as any}
-        >
-          {/* List header */}
-          <box style={{ height: 1, paddingLeft: 1, backgroundColor: colors.bgAlt }}>
-            <text fg={colors.textDim}>FAVORITES</text>
-          </box>
-
-          {favorites.length === 0 ? (
-            <box style={{ padding: 1 }}>
-              <text fg={colors.textDim}>
-                No favorites yet. Browse the Discover tab to find and favorite skills.
-              </text>
-            </box>
-          ) : (
-            <scrollbox
-              focused={state.activeView === "favorites" && !state.showHelp}
-              style={{
-                width: "100%",
-                flexGrow: 1,
-                rootOptions: { backgroundColor: colors.bg },
-                viewportOptions: { backgroundColor: colors.bg },
-                contentOptions: { backgroundColor: colors.bg },
-                scrollbarOptions: {
-                  trackOptions: {
-                    foregroundColor: colors.primary,
-                    backgroundColor: colors.border,
-                  },
-                },
-              }}
-            >
-              {favorites.map((skill, i) => {
-                const isInstalled = installedNames.has(skill.name?.toLowerCase() ?? "")
-                return (
-                  <box
-                    key={skill.id ?? `${skill.slug}-${i}`}
-                    style={{
-                      width: "100%",
-                      paddingLeft: 1,
-                      paddingRight: 1,
-                      flexDirection: "row",
-                      backgroundColor: i === selectedIndex ? colors.bgAlt : "transparent",
-                    }}
-                  >
-                    <text fg={i === selectedIndex ? colors.primary : colors.text}>
-                      {skill.name}
-                    </text>
-                    {isInstalled ? (
-                      <text fg={colors.success}> *</text>
-                    ) : null}
-                  </box>
-                )
-              })}
-            </scrollbox>
-          )}
-        </box>
-
-        {/* RIGHT: Detail panel */}
-        <box style={{ flexGrow: 1, flexDirection: "column" }}>
-          {previewSkill ? (
-            <FavoriteDetailPanel
-              skill={previewSkill}
-              isInstalled={installedNames.has(previewSkill.name?.toLowerCase() ?? "")}
-            />
-          ) : (
-            <box style={{ padding: 1 }}>
-              <text fg={colors.textDim}>Select a favorite to view details</text>
-            </box>
-          )}
-        </box>
-      </box>
+    <box style={{ flexDirection: "column", padding: 2 }}>
+      <text fg={colors.primary}>
+        <strong>Favorites</strong>
+      </text>
+      <text>{" "}</text>
+      <text fg={colors.text}>
+        Coming soon. Favorites will be available once accounts are launched.
+      </text>
     </box>
   )
 }
-
-// ---------- Inline Detail Panel ----------
-
-interface FavoriteDetailPanelProps {
-  skill: CatalogSkill
-  isInstalled: boolean
-}
-
-function FavoriteDetailPanel({ skill, isInstalled }: FavoriteDetailPanelProps) {
-  const description = skill.summary || skill.description || ""
-  const categories = skill.categories?.join(", ") ?? ""
-  const sourceLabel = skill.githubUrl ? "github" : "skillsgate"
-
-  return (
-    <scrollbox
-      focused={false}
-      style={{
-        width: "100%",
-        flexGrow: 1,
-        rootOptions: { backgroundColor: colors.bg },
-        viewportOptions: { backgroundColor: colors.bg },
-        contentOptions: { backgroundColor: colors.bg },
-        scrollbarOptions: {
-          trackOptions: {
-            foregroundColor: colors.primary,
-            backgroundColor: colors.border,
-          },
-        },
-      }}
-    >
-      <box style={{ paddingLeft: 1, paddingRight: 1, flexDirection: "column" }}>
-        {/* Name */}
-        <text fg={colors.primary}>
-          <strong>{skill.name}</strong>
-        </text>
-
-        {/* Status */}
-        {isInstalled ? (
-          <text fg={colors.success}>Installed</text>
-        ) : (
-          <text fg={colors.textDim}>Not installed</text>
-        )}
-        <text>{" "}</text>
-
-        {/* Description */}
-        <text fg={colors.text}>{description}</text>
-        <text>{" "}</text>
-
-        {/* Source */}
-        <box style={{ flexDirection: "row", height: 1 }}>
-          <text fg={colors.textDim}>Source: </text>
-          <text fg={colors.secondary}>{sourceLabel}</text>
-        </box>
-
-        {/* Categories */}
-        {categories ? (
-          <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>Categories: </text>
-            <text fg={colors.secondary}>{categories}</text>
-          </box>
-        ) : null}
-
-        {/* GitHub URL */}
-        {skill.githubUrl ? (
-          <box style={{ flexDirection: "row", height: 1 }}>
-            <text fg={colors.textDim}>GitHub: </text>
-            <text fg={colors.primary}>{skill.githubUrl}</text>
-          </box>
-        ) : null}
-
-        {/* Install command */}
-        {skill.installCommand ? (
-          <>
-            <text>{" "}</text>
-            <text fg={colors.textDim}>Install:</text>
-            <text fg={colors.success}>  {skill.installCommand}</text>
-          </>
-        ) : null}
-
-        <text>{" "}</text>
-        <text fg={colors.textDim}>v=full detail  x=unfavorite  i=install</text>
-      </box>
-    </scrollbox>
-  )
-}
-
-// ---------- Helpers ----------
-
-function catalogSkillToEnriched(
-  skill: CatalogSkill,
-  installedNames: Set<string>
-): EnrichedSkill {
-  return {
-    name: skill.name,
-    description: skill.summary || skill.description || "",
-    filePath: "",
-    canonicalPath: "",
-    agents: [],
-    scope: "custom",
-    projectName: null,
-    hasSupportingFiles: false,
-    supportingFiles: [],
-    metadata: {
-      categories: skill.categories,
-      capabilities: skill.capabilities,
-      keywords: skill.keywords,
-      githubUrl: skill.githubUrl,
-      installCommand: skill.installCommand,
-    },
-    lock: skill.githubUrl
-      ? {
-          source: skill.githubUrl,
-          sourceType: "github" as const,
-          originalUrl: skill.githubUrl,
-          skillFolderHash: "",
-          installedAt: "",
-          updatedAt: "",
-        }
-      : undefined,
-  }
-}

package/src/views/settings.tsx

@@ -34,12 +34,6 @@ const SETTING_DEFS: SettingDef[] = [
     options: ["dark", "light", "system"],
     defaultValue: "dark",
   },
-  {
-    key: "search.preferSemantic",
-    label: "Prefer semantic search",
-    type: "toggle",
-    defaultValue: true,
-  },
   {
     key: "telemetry.enabled",
     label: "Anonymous telemetry",