+
{ dropdownOpen &&
{ /* Left panel: position + rotation */ }
diff --git a/src/components/toolbar/ToolbarView.tsx b/src/components/toolbar/ToolbarView.tsx
index ea9fb16..e72c62a 100644
--- a/src/components/toolbar/ToolbarView.tsx
+++ b/src/components/toolbar/ToolbarView.tsx
@@ -96,6 +96,8 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
CreateLinkEvent('camera/toggle') } /> }
{ isMod &&
CreateLinkEvent('mod-tools/toggle') } /> }
+ { isMod &&
+ CreateLinkEvent('furni-editor/toggle') } /> }
diff --git a/src/css/icons/icons.css b/src/css/icons/icons.css
index 5c97f32..2feaedf 100644
--- a/src/css/icons/icons.css
+++ b/src/css/icons/icons.css
@@ -70,6 +70,12 @@
height: 34px;
}
+.nitro-icon.icon-furnieditor {
+ background-image: url("@/assets/images/toolbar/icons/furnieditor.png");
+ width: 30px;
+ height: 34px;
+}
+
.nitro-icon.icon-friendall {
background-image: url("@/assets/images/toolbar/icons/friend_all.png");
width: 32px;
diff --git a/src/hooks/furni-editor/index.ts b/src/hooks/furni-editor/index.ts
new file mode 100644
index 0000000..47ce6ef
--- /dev/null
+++ b/src/hooks/furni-editor/index.ts
@@ -0,0 +1 @@
+export * from './useFurniEditor';
diff --git a/src/hooks/furni-editor/useFurniEditor.ts b/src/hooks/furni-editor/useFurniEditor.ts
new file mode 100644
index 0000000..936eb4f
--- /dev/null
+++ b/src/hooks/furni-editor/useFurniEditor.ts
@@ -0,0 +1,257 @@
+import { FurniEditorBySpriteComposer, FurniEditorDeleteComposer, FurniEditorDetailComposer, FurniEditorDetailResultEvent, FurniEditorInteractionsComposer, FurniEditorInteractionsResultEvent, FurniEditorResultEvent, FurniEditorSearchComposer, FurniEditorSearchResultEvent, FurniEditorUpdateComposer } from '@nitrots/nitro-renderer';
+import { useCallback, useRef, useState } from 'react';
+import { NotificationAlertType, SendMessageComposer } from '../../api';
+import { useMessageEvent, useNotification } from '../../hooks';
+
+export interface FurniItem
+{
+ id: number;
+ spriteId: number;
+ itemName: string;
+ publicName: string;
+ type: string;
+ width: number;
+ length: number;
+ stackHeight: number;
+ allowStack: boolean;
+ allowWalk: boolean;
+ allowSit: boolean;
+ allowLay: boolean;
+ interactionType: string;
+ interactionModesCount: number;
+}
+
+export interface FurniDetail extends FurniItem
+{
+ allowGift: boolean;
+ allowTrade: boolean;
+ allowRecycle: boolean;
+ allowMarketplaceSell: boolean;
+ allowInventoryStack: boolean;
+ vendingIds: string;
+ customparams: string;
+ effectIdMale: number;
+ effectIdFemale: number;
+ clothingOnWalk: string;
+ multiheight: string;
+ description: string;
+ usageCount: number;
+}
+
+export interface CatalogRef
+{
+ id: number;
+ catalogName: string;
+ costCredits: number;
+ costPoints: number;
+ pointsType: number;
+ pageId: number;
+ pageName: string;
+}
+
+export const useFurniEditor = () =>
+{
+ const [ items, setItems ] = useState([]);
+ const [ total, setTotal ] = useState(0);
+ const [ page, setPage ] = useState(1);
+ const [ loading, setLoading ] = useState(false);
+ const [ error, setError ] = useState(null);
+ const [ selectedItem, setSelectedItem ] = useState(null);
+ const [ catalogItems, setCatalogItems ] = useState([]);
+ const [ interactions, setInteractions ] = useState([]);
+ const [ furniDataEntry, setFurniDataEntry ] = useState | null>(null);
+ const pendingActionRef = useRef(null);
+ const { simpleAlert = null } = useNotification();
+
+ const clearError = useCallback(() => setError(null), []);
+
+ // Handle search results
+ useMessageEvent(FurniEditorSearchResultEvent, (event: FurniEditorSearchResultEvent) =>
+ {
+ const parser = event.getParser();
+
+ setLoading(false);
+ setItems(parser.items.map(item => ({
+ id: item.id,
+ spriteId: item.spriteId,
+ itemName: item.itemName,
+ publicName: item.publicName,
+ type: item.type,
+ width: item.width,
+ length: item.length,
+ stackHeight: item.stackHeight,
+ allowStack: item.allowStack,
+ allowWalk: item.allowWalk,
+ allowSit: item.allowSit,
+ allowLay: item.allowLay,
+ interactionType: item.interactionType,
+ interactionModesCount: item.interactionModesCount
+ })));
+ setTotal(parser.total);
+ setPage(parser.page);
+ });
+
+ // Handle detail results (for both detail and by-sprite lookups)
+ useMessageEvent(FurniEditorDetailResultEvent, (event: FurniEditorDetailResultEvent) =>
+ {
+ const parser = event.getParser();
+ const item = parser.item;
+
+ setLoading(false);
+ setSelectedItem({
+ id: item.id,
+ spriteId: item.spriteId,
+ itemName: item.itemName,
+ publicName: item.publicName,
+ type: item.type,
+ width: item.width,
+ length: item.length,
+ stackHeight: item.stackHeight,
+ allowStack: item.allowStack,
+ allowWalk: item.allowWalk,
+ allowSit: item.allowSit,
+ allowLay: item.allowLay,
+ interactionType: item.interactionType,
+ interactionModesCount: item.interactionModesCount,
+ allowGift: item.allowGift,
+ allowTrade: item.allowTrade,
+ allowRecycle: item.allowRecycle,
+ allowMarketplaceSell: item.allowMarketplaceSell,
+ allowInventoryStack: item.allowInventoryStack,
+ vendingIds: item.vendingIds,
+ customparams: item.customparams,
+ effectIdMale: item.effectIdMale,
+ effectIdFemale: item.effectIdFemale,
+ clothingOnWalk: item.clothingOnWalk,
+ multiheight: item.multiheight,
+ description: item.description,
+ usageCount: item.usageCount
+ });
+ setCatalogItems(parser.catalogItems.map(ref => ({
+ id: ref.id,
+ catalogName: ref.catalogName,
+ costCredits: ref.costCredits,
+ costPoints: ref.costPoints,
+ pointsType: ref.pointsType,
+ pageId: ref.pageId,
+ pageName: ref.pageName
+ })));
+
+ let furniData: Record | null = null;
+
+ try
+ {
+ if(parser.furniDataJson && parser.furniDataJson !== '{}' && parser.furniDataJson !== '')
+ {
+ furniData = JSON.parse(parser.furniDataJson);
+ }
+ }
+ catch(e) {}
+
+ setFurniDataEntry(furniData);
+ });
+
+ // Handle interaction types list
+ useMessageEvent(FurniEditorInteractionsResultEvent, (event: FurniEditorInteractionsResultEvent) =>
+ {
+ setInteractions(event.getParser().interactions);
+ });
+
+ // Handle operation results (update, create, delete)
+ useMessageEvent(FurniEditorResultEvent, (event: FurniEditorResultEvent) =>
+ {
+ const parser = event.getParser();
+ const action = pendingActionRef.current;
+
+ pendingActionRef.current = null;
+ setLoading(false);
+
+ if(!parser.success)
+ {
+ setError(parser.message || 'Operation failed');
+
+ if(simpleAlert)
+ {
+ simpleAlert(parser.message || 'Operation failed', NotificationAlertType.ALERT, null, null, 'Furni Editor Error');
+ }
+
+ return;
+ }
+
+ setError(null);
+
+ if(action === 'update')
+ {
+ // Auto-reload detail after update
+ if(selectedItem)
+ {
+ SendMessageComposer(new FurniEditorDetailComposer(selectedItem.id));
+ }
+
+ if(simpleAlert)
+ {
+ simpleAlert('Item updated successfully', NotificationAlertType.DEFAULT, null, null, 'Furni Editor');
+ }
+ }
+ else if(action === 'delete')
+ {
+ setSelectedItem(null);
+ setCatalogItems([]);
+ setFurniDataEntry(null);
+
+ if(simpleAlert)
+ {
+ simpleAlert('Item deleted successfully', NotificationAlertType.DEFAULT, null, null, 'Furni Editor');
+ }
+ }
+ });
+
+ const searchItems = useCallback((query: string, type: string, pg: number) =>
+ {
+ setLoading(true);
+ setError(null);
+ SendMessageComposer(new FurniEditorSearchComposer(query, type, pg));
+ }, []);
+
+ const loadDetail = useCallback((id: number) =>
+ {
+ setLoading(true);
+ setError(null);
+ SendMessageComposer(new FurniEditorDetailComposer(id));
+ }, []);
+
+ const loadBySpriteId = useCallback((spriteId: number) =>
+ {
+ setLoading(true);
+ setError(null);
+ SendMessageComposer(new FurniEditorBySpriteComposer(spriteId));
+ }, []);
+
+ const updateItem = useCallback((id: number, fields: Record) =>
+ {
+ setLoading(true);
+ setError(null);
+ pendingActionRef.current = 'update';
+ SendMessageComposer(new FurniEditorUpdateComposer(id, JSON.stringify(fields)));
+ }, []);
+
+ const deleteItem = useCallback((id: number) =>
+ {
+ setLoading(true);
+ setError(null);
+ pendingActionRef.current = 'delete';
+ SendMessageComposer(new FurniEditorDeleteComposer(id));
+ }, []);
+
+ const loadInteractions = useCallback(() =>
+ {
+ SendMessageComposer(new FurniEditorInteractionsComposer());
+ }, []);
+
+ return {
+ items, total, page, loading, error, clearError,
+ selectedItem, setSelectedItem, catalogItems, furniDataEntry,
+ interactions,
+ searchItems, loadDetail, loadBySpriteId, updateItem, deleteItem, loadInteractions
+ };
+};