Some checks failed
CI / test (map[image:macos-latest name:macos], 1, 4) (push) Has been cancelled
CI / test (map[image:macos-latest name:macos], 2, 4) (push) Has been cancelled
CI / test (map[image:macos-latest name:macos], 3, 4) (push) Has been cancelled
CI / test (map[image:macos-latest name:macos], 4, 4) (push) Has been cancelled
CI / test (map[image:windows-latest name:windows], 1, 4) (push) Has been cancelled
CI / test (map[image:windows-latest name:windows], 2, 4) (push) Has been cancelled
CI / test (map[image:windows-latest name:windows], 3, 4) (push) Has been cancelled
CI / test (map[image:windows-latest name:windows], 4, 4) (push) Has been cancelled
CI / merge-reports (push) Has been cancelled
- Added a new integration script to manage custom features related to smart context. - Implemented handlers for smart context operations (get, update, clear, stats) in ipc. - Created a SmartContextStore class to manage context snippets and summaries. - Developed hooks for React to interact with smart context (useSmartContext, useUpdateSmartContext, useClearSmartContext, useSmartContextStats). - Included backup and restore functionality in the integration script. - Validated integration by checking for custom modifications and file existence.
90 lines
3.0 KiB
TypeScript
90 lines
3.0 KiB
TypeScript
import React from "react";
|
|
import { toast } from "sonner";
|
|
import { X, AlertTriangle } from "lucide-react";
|
|
import { Button } from "./ui/button";
|
|
|
|
interface InputRequestToastProps {
|
|
message: string;
|
|
toastId: string | number;
|
|
onResponse: (response: "y" | "n") => void;
|
|
}
|
|
|
|
export function InputRequestToast({
|
|
message,
|
|
toastId,
|
|
onResponse,
|
|
}: InputRequestToastProps) {
|
|
const handleClose = () => {
|
|
toast.dismiss(toastId);
|
|
};
|
|
|
|
const handleResponse = (response: "y" | "n") => {
|
|
onResponse(response);
|
|
toast.dismiss(toastId);
|
|
};
|
|
|
|
// Clean up the message by removing excessive newlines and whitespace
|
|
const cleanMessage = message
|
|
.split("\n")
|
|
.map((line) => line.trim())
|
|
.filter((line) => line.length > 0)
|
|
.join("\n");
|
|
|
|
return (
|
|
<div className="relative bg-amber-50/95 dark:bg-slate-800/95 backdrop-blur-sm border border-amber-200 dark:border-slate-600 rounded-xl shadow-lg min-w-[400px] max-w-[500px] overflow-hidden">
|
|
{/* Content */}
|
|
<div className="p-5">
|
|
<div className="flex items-start">
|
|
<div className="flex-1">
|
|
<div className="flex items-center mb-4">
|
|
<div className="flex-shrink-0">
|
|
<div className="w-6 h-6 bg-gradient-to-br from-amber-500 to-amber-600 dark:from-amber-400 dark:to-amber-500 rounded-full flex items-center justify-center shadow-sm">
|
|
<AlertTriangle className="w-3.5 h-3.5 text-white" />
|
|
</div>
|
|
</div>
|
|
<h3 className="ml-3 text-base font-semibold text-amber-900 dark:text-amber-100">
|
|
Input Required
|
|
</h3>
|
|
|
|
{/* Close button */}
|
|
<button
|
|
onClick={handleClose}
|
|
className="ml-auto flex-shrink-0 p-1.5 text-amber-500 dark:text-slate-400 hover:text-amber-700 dark:hover:text-slate-200 transition-colors duration-200 rounded-md hover:bg-amber-100/50 dark:hover:bg-slate-700/50"
|
|
aria-label="Close"
|
|
>
|
|
<X className="w-4 h-4" />
|
|
</button>
|
|
</div>
|
|
|
|
{/* Message */}
|
|
<div className="mb-5">
|
|
<p className="text-sm text-amber-900 dark:text-slate-200 whitespace-pre-wrap leading-relaxed">
|
|
{cleanMessage}
|
|
</p>
|
|
</div>
|
|
|
|
{/* Action buttons */}
|
|
<div className="flex items-center gap-3">
|
|
<Button
|
|
onClick={() => handleResponse("y")}
|
|
size="sm"
|
|
className="bg-primary text-white dark:bg-primary dark:text-black px-6"
|
|
>
|
|
Yes
|
|
</Button>
|
|
<Button
|
|
onClick={() => handleResponse("n")}
|
|
size="sm"
|
|
variant="outline"
|
|
className="border-amber-300 dark:border-slate-500 text-amber-800 dark:text-slate-300 hover:bg-amber-100 dark:hover:bg-slate-700 px-6"
|
|
>
|
|
No
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|