feat: ensure OpenClaw skills directory exists and add a clear button to the marketplace search input (#65)

electron/gateway/clawhub.ts

@@ -98,7 +98,10 @@ export class ClawHubService {
             const child = spawn(this.cliPath, commandArgs, {
                 cwd: this.workDir,
                 shell: isWin && !this.useNodeRunner,
-                env,
+                env: {
+                    ...env,
+                    CLAWHUB_WORKDIR: this.workDir,
+                },
             });
 
             let stdout = '';

electron/main/ipc-handlers.ts

@@ -19,7 +19,7 @@ import {
   getAllProvidersWithKeyInfo,
   type ProviderConfig,
 } from '../utils/secure-storage';
-import { getOpenClawStatus, getOpenClawDir, getOpenClawConfigDir, getOpenClawSkillsDir } from '../utils/paths';
+import { getOpenClawStatus, getOpenClawDir, getOpenClawConfigDir, getOpenClawSkillsDir, ensureDir } from '../utils/paths';
 import { getOpenClawCliCommand, installOpenClawCliMac } from '../utils/openclaw-cli';
 import { getSetting } from '../utils/store';
 import {
@@ -517,7 +517,9 @@ function registerOpenClawHandlers(): void {
 
   // Get the OpenClaw skills directory (~/.openclaw/skills)
   ipcMain.handle('openclaw:getSkillsDir', () => {
-    return getOpenClawSkillsDir();
+    const dir = getOpenClawSkillsDir();
+    ensureDir(dir);
+    return dir;
   });
 
   // Get a shell command to run OpenClaw CLI without modifying PATH

src/pages/Skills/index.tsx

@@ -640,11 +640,16 @@ export function Skills() {
   // Handle marketplace search
   const handleMarketplaceSearch = useCallback((e: React.FormEvent) => {
     e.preventDefault();
-    if (marketplaceQuery.trim()) {
     searchSkills(marketplaceQuery);
-    }
   }, [marketplaceQuery, searchSkills]);
 
+  // Auto-reset when query is cleared
+  useEffect(() => {
+    if (activeTab === 'marketplace' && marketplaceQuery === '' && marketplaceDiscoveryAttemptedRef.current) {
+      searchSkills('');
+    }
+  }, [marketplaceQuery, activeTab, searchSkills]);
+
   // Handle install
   const handleInstall = useCallback(async (slug: string) => {
     try {
@@ -908,10 +913,19 @@ export function Skills() {
                     placeholder={t('searchMarketplace')}
                     value={marketplaceQuery}
                     onChange={(e) => setMarketplaceQuery(e.target.value)}
-                    className="pl-9"
+                    className="pl-9 pr-9"
                   />
+                  {marketplaceQuery && (
+                    <button
+                      type="button"
+                      className="absolute right-3 top-3 text-muted-foreground hover:text-foreground"
+                      onClick={() => setMarketplaceQuery('')}
+                    >
+                      <X className="h-4 w-4" />
+                    </button>
+                  )}
                 </div>
-                <Button type="submit" disabled={searching || !marketplaceQuery.trim()} className="min-w-[100px]" asChild>
+                <Button type="submit" disabled={searching} className="min-w-[100px]" asChild>
                   <motion.button whileTap={{ scale: 0.98 }}>
                     <AnimatePresence mode="wait" initial={false}>
                       {searching ? (