Initial public release

2025-12-07 19:32:53 +02:00
commit 4b2edf7318
319 changed files with 81600 additions and 0 deletions
@@ -0,0 +1,128 @@
+import React from 'react';
+import { RiCheckLine, RiCloseLine, RiTimeLine } from '@remixicon/react';
+import { cn } from '@/lib/utils';
+import type { Permission, PermissionResponse } from '@/types/permission';
+import { useSessionStore } from '@/stores/useSessionStore';
+
+interface PermissionRequestProps {
+  permission: Permission;
+  onResponse?: (response: 'once' | 'always' | 'reject') => void;
+}
+
+export const PermissionRequest: React.FC<PermissionRequestProps> = ({
+  permission,
+  onResponse
+}) => {
+  const [isResponding, setIsResponding] = React.useState(false);
+  const [hasResponded, setHasResponded] = React.useState(false);
+  const { respondToPermission } = useSessionStore();
+
+  const handleResponse = async (response: PermissionResponse) => {
+    setIsResponding(true);
+
+    try {
+      await respondToPermission(permission.sessionID, permission.id, response);
+      setHasResponded(true);
+      onResponse?.(response);
+    } catch { /* ignored */ } finally {
+      setIsResponding(false);
+    }
+  };
+
+  if (hasResponded) {
+    return null;
+  }
+
+  const command = typeof permission.metadata.command === 'string'
+    ? permission.metadata.command
+    : permission.title;
+
+  return (
+    <div className="flex items-center justify-between">
+      <div className="flex items-center gap-2 min-w-0 flex-1">
+        <div className="min-w-0">
+          <span className="typography-ui-label font-medium text-muted-foreground">
+            Permission required:
+          </span>
+          <code className="ml-2 typography-meta bg-amber-100/50 dark:bg-amber-800/30 px-1.5 py-0.5 rounded font-mono text-amber-800 dark:text-amber-200">
+            {command}
+          </code>
+        </div>
+      </div>
+
+      <div className="flex items-center gap-1.5 flex-shrink-0 ml-4">
+        <button
+          onClick={() => handleResponse('once')}
+          disabled={isResponding}
+          className={cn(
+            "flex items-center gap-1 px-2 py-1 typography-meta font-medium rounded border h-6",
+            "disabled:opacity-50 disabled:cursor-not-allowed"
+          )}
+          style={{
+            borderColor: 'var(--status-success)',
+            color: 'var(--status-success)'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--status-success-background)';
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.backgroundColor = 'transparent';
+          }}
+        >
+          <RiCheckLine className="h-3 w-3" />
+          Once
+        </button>
+
+        <button
+          onClick={() => handleResponse('always')}
+          disabled={isResponding}
+          className={cn(
+            "flex items-center gap-1 px-2 py-1 typography-meta font-medium rounded border h-6",
+            "disabled:opacity-50 disabled:cursor-not-allowed"
+          )}
+          style={{
+            borderColor: 'var(--status-info)',
+            color: 'var(--status-info)'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--status-info-background)';
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.backgroundColor = 'transparent';
+          }}
+        >
+          <RiTimeLine className="h-3 w-3" />
+          Always
+        </button>
+
+        <button
+          onClick={() => handleResponse('reject')}
+          disabled={isResponding}
+          className={cn(
+            "flex items-center gap-1 px-2 py-1 typography-meta font-medium rounded border h-6",
+            "disabled:opacity-50 disabled:cursor-not-allowed"
+          )}
+          style={{
+            borderColor: 'var(--status-error)',
+            color: 'var(--status-error)'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--status-error-background)';
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.backgroundColor = 'transparent';
+          }}
+        >
+          <RiCloseLine className="h-3 w-3" />
+          Reject
+        </button>
+
+        {isResponding && (
+          <div className="ml-2 flex items-center">
+            <div className="animate-spin h-3 w-3 border-2 border-t-transparent rounded-full" style={{ borderColor: 'var(--loading-spinner)' }} />
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};